Class default

Principal class

Hierarchy

ToggleHex
- default

Index

Constructors

constructor

new default(cssSelector: string, prevStyles: Partial<CSSStyleDeclaration>, newStyles: Partial<CSSStyleDeclaration>): default
Parameters
- cssSelector: string
  
  A css selector, you can use .container, .element#e
- prevStyles: Partial<CSSStyleDeclaration>
  
  A JSON object with the initials css styles. Will show in 0%
- newStyles: Partial<CSSStyleDeclaration>
  
  A JSON object with the final css styles. Will show in 100%
Returns default
Overrides ToggleHex.constructor
- Defined in ayncat.ts:23

Properties

cssSelector

cssSelector: string

newStyles

newStyles: Partial<CSSStyleDeclaration>

prevStyles

prevStyles: Partial<CSSStyleDeclaration>

styleTag

styleTag: null | HTMLElement

Accessors

run

set run(percent: number): void
Parameters
- percent: number
Returns void
- Defined in ayncat.ts:234

Methods

`Private` #JsonToCssText

#JsonToCssText(json: Partial<CSSStyleDeclaration>): string
Convert a JavaScript Object (JSON) to CSS Text

Returns

Example
```
JsonToCssText({margin: "12px", padding: "7px"})// "margin:12px;padding:7px;"
```
Parameters
- json: Partial<CSSStyleDeclaration>
  
  JSON with css properties
Returns string
- Defined in ayncat.ts:84

`Private` #exctractNumber

#exctractNumber(string: string): number[]
Extract the numbers to place them in the array

Example
```
exctractNumber("15px 12px 3vw"): [15,12,3]
```
Parameters
- string: string
  
  String charts with numbers
Returns number[]
- Defined in ayncat.ts:103

`Private` #formattedValues

#formattedValues(format: string, values: number[]): string
Convert a number array to string with format The format param is a example of format

Example
```
formattedValues("0px 0vw 0pt", [12, 23, 17]): "12px 23vw 17pt"
```
Parameters
- format: string
  
  String with the format
- values: number[]
  
  Array with the values
Returns string
- Defined in ayncat.ts:123

`Private` #handleColors

#handleColors(prevColor: string, newColor: string, percent: number): string

Separed color in int values for add to first color the percened defined to te second color.

Example

handleColors("rbg(120, 190, 250)", "rgb(130, 100, 120)", 10): rgb(121, 181, 250)

this looks like this
this applies to every number
substraction = newUnits - prevUnits;
result = (newUnits * percent) + prevUnits;

Parameters

prevColor: string
newColor: string
percent: number

Returns string

`Private` #handleUnit

#handleUnit(prevInts: string, newUnits: string, percent: number): string

Add the percentage sent, from the second number to the first

Example

handleUnit("20px 30px 40px","10px 40px 50px",10): "19px 31px 41px"

-This looks like this
substraction = newUnits - prevUnits;
result = (newUnits * percent) + prevUnits;

Parameters

prevInts: string
newUnits: string
percent: number

Returns string

`Private` #increaseInSets

#increaseInSets(prevValue: number[], newValue: number[], percent: number, floats?: number): number[]
Adds the percentage of the second value to the first value for each item it logs.

Float is optional and set the ammount the float in the number

Example
```
increaseInSets(45, 32, 17): 42.79
increaseInSets(45, 32, 17, 0): 42
```
Parameters
- prevValue: number[]
  
  The old value will be added to this X percentage of the newValue
- newValue: number[]
  
  The new value will be multiplied for (percent) and divided by 100
- percent: number
  
  This value will be multiplied for newValue and the result will be added to prevValue
- floats: number = 0
  
  The amount of numbers decimals in the result.
Returns number[]
- Defined in ayncat.ts:56

exec

exec(percent: number): void
Parameters
- percent: number
Returns void
- Defined in ayncat.ts:205

hexToInts

hexToInts(hexStrin: string[]): number[]
Convert a hex string to an array of numbers

Example
```
hexToInts("#5544ff") // [5,5,4,4,15,15]
hexToInts("ccddff") // [12,12,13,13,15,15]
```
Parameters
- hexStrin: string[]
  
  Hex string
Returns number[]
Inherited from ToggleHex.hexToInts
- Defined in toggle.hex.ts:17

intToHex

intToHex(numbers: number[]): string
Convert an array of numbers to a hex string

Example
```
inToHex([15,15,10,10,9,9,00]) // "#ffaa9900"
inToHex([5,5,4,4,15,15]) // #5544ff
```
Parameters
- numbers: number[]
  
  array of numbers from 0 to 15
Returns string
Inherited from ToggleHex.intToHex
- Defined in toggle.hex.ts:48

Class default

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

cssSelector: string

prevStyles: Partial<CSSStyleDeclaration>

newStyles: Partial<CSSStyleDeclaration>

Returns default

Properties

cssSelector

newStyles

prevStyles

styleTag

Accessors

run

Parameters

percent: number

Returns void

Methods

Private #JsonToCssText

Returns

Example

Parameters

json: Partial<CSSStyleDeclaration>

Returns string

Private #exctractNumber

Example

Parameters

string: string

Returns number[]

Private #formattedValues

Example

Parameters

format: string

values: number[]

Returns string

Private #handleColors

Example

Parameters

prevColor: string

newColor: string

percent: number

Returns string

Private #handleUnit

Example

Parameters

prevInts: string

newUnits: string

percent: number

Returns string

Private #increaseInSets

Example

Parameters

prevValue: number[]

newValue: number[]

percent: number

floats: number = 0

Returns number[]

exec

Parameters

percent: number

Returns void

hexToInts

Example

Parameters

hexStrin: string[]

Returns number[]

intToHex

Example

Parameters

numbers: number[]

Returns string

Settings

Member Visibility

`Private` #JsonToCssText

`Private` #exctractNumber

`Private` #formattedValues

`Private` #handleColors

`Private` #handleUnit

`Private` #increaseInSets