From e76dcef33828d768ab19d760fcaa01734a532559 Mon Sep 17 00:00:00 2001 From: smithbk Date: Mon, 8 Jul 2024 09:51:09 -0400 Subject: [PATCH 01/14] saving work for issue 501, but this is not complete --- src/common/shade.ts | 313 ++++++++++++++++++++++++++++++++++++++------ 1 file changed, 272 insertions(+), 41 deletions(-) diff --git a/src/common/shade.ts b/src/common/shade.ts index d2bc7ec..92b8461 100644 --- a/src/common/shade.ts +++ b/src/common/shade.ts @@ -170,13 +170,21 @@ export class Shade { public opacity: number = 1; /** The onHex value for this shade */ public onHex: string = ""; + /** If this is a shade built from the color palette, it is the unique key to the shade node in the tree */ public key?: string; + /** If this is a core shade such as "Black" or "White", it is set to the core shade name. */ public coreShadeName?: string; + /** The cached computed luminance value for this shade */ private luminance?: number; + /** The cached computed lightness value for this shade */ private lightness?: number; + /** The cached computed perceived lightness value for this shade */ private perceivedLightness?: number; + /** The cached computed saturation value for this shade */ private saturation?: number; + /** The cached computed label (e.g. 100, 200, etc) for this shade based upon it's lightness value */ private label?: number; + /** The parent color mode node for this shade if it was generated from the color palette */ private mode?: ColorMode; constructor(opts: { hex?: string; rgbArray?: number[]} ) { @@ -422,9 +430,245 @@ export class Shade { * @param lm True for light mode or false for dark mode * @returns Shades for this shade */ + /* public buildShades(lm: boolean): Shade[] { - if (lm) return this.buildLMShades(); - return this.buildDMShades(); + log.debug(`buildShades: enter lm=${lm}, hex=${this.hex}`); + const shades = this.getLighterAndDarkerShades(lm); + for (let i = 0; i < shades.length; i++) { + let shade = shades[i]; + const id = (i * 100).toString(); + log.debug(`buildShades: adjusted i=${i} to ${shade.hex}`); + shade.id = id; + shade.index = i; + } + log.debug(`buildShades: exit lm=${lm}, hex=${this.hex}`); + return shades; + } + */ + + public buildShades(lm: boolean): Shade[] { + const prime = this.calculateLabel(); + const rgbArray = this.rgbArray; + const color = this.hex; + // calculate how many light shades need to get built // + var lightColors = (prime/100) + 1; + // calculate how many dark shades need to get built // + var darkColors = ((900-prime)/100) + 1 + if (lightColors > 1) { + var lightscale = chroma.scale([( '#FFFFFF') ,color]).correctLightness(true).colors(lightColors); + } else { + lightscale = [color] + } + var darkscale: any; + if (darkColors > 1) { + var endColor = this.mixColors('#000000',color.toString(),lm? .95 : .98); + darkscale = chroma.scale([color,endColor]).correctLightness(true).colors(darkColors); + } else { + darkscale = [color] + } + if (lightscale.length > 0) { + lightscale.splice(-1) + } + var colorScale = [...lightscale, ...darkscale]; + var i = 0; + let newRGB: any; + const rtn: Shade[] = []; + while (i < 10) { + if (i == 0) { + var f = chroma.scale([( '#FFFFFF') ,color]); + if (lm) { + var scale = 100/(prime * 2) + } else { + var scale = (100/ (prime * 4)) * 3; + } + newRGB = f(scale); + } else { + newRGB = colorScale[i]; + // adjust saturation of each color to create triangel effect - most saturated color are 600 and 700 // + } + newRGB = this.triangle(color,i,prime,newRGB); + var shade = i * 100; + var text_color: number[]; + if (Shade.fromRGBArray(newRGB).getContrastShade(lm) == Shade.WHITE) { + text_color = [255,255,255]; // white + } else { + text_color = [18,18,18]; // black + } + // convert the color to hex // + newRGB = Util.rgbArrayToHex(newRGB); + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + // TODO: Pass minRatio of 4.5 for AA and 7.1 for AAA. + rtn.push(this.buildShade(lm)); + // + // loop through each shade // + i++; + } + this.rescale(theme) + return rtn; + } + + private rescale(colorName, mode, lastDarkText ) { + // get the lights shade // + var startLightShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-0 .Hex').css('backgroundColor')); + // get the last shade with dark text // + var endLightShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-'+ lastDarkText + ' .Hex').css('backgroundColor')); + var colorCount = lastDarkText/100 + 1 + var newLightShades = chroma.scale([startLightShade,endLightShade]).colors(colorCount); + // cycle through the new chroma scale and assign to the shades // + var firstLightText = lastDarkText + 100 + var n = 0 + while (n < firstLightText ) { + var shadeIndex = n/100 + var newColor = newLightShades[shadeIndex] + var newRGB = hex2rgb(newColor); + checkContrast(colorName+'-'+mode+'-'+n, newRGB, mode) + n = n + 100 + } + // get the darkest shade // + var endDarkShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-900 .Hex').css('backgroundColor')); + // get the first shade with light text // + var startDarkShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-'+ firstLightText+' .Hex').css('backgroundColor')); + var d = firstLightText + while (d <= 900) { + if (d == 900) { + var endDarkShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-900 .Hex').css('backgroundColor')); + var newRGB = hex2rgb(endDarkShade) + checkContrast(colorName+'-'+mode+'-'+d, newRGB, mode) + } else { + // cycle through the new chroma scale and assign to the shades // + var colorCount = (900 - lastDarkText)/100 + var newDarkShades = chroma.scale([startDarkShade,endDarkShade]).colors(colorCount); + var shadeIndex = (d - firstLightText)/100 + var newColor = newDarkShades[shadeIndex] + var newRGB = hex2rgb(newColor); + checkContrast(colorName+'-'+mode+'-'+d, newRGB, mode) + } + d = d + 100 + } + } + + // Creates the darkest possible color with dark text and the lightest possible color with white text + private adjustToMaxContrast(color,text,mode) { + /// get shades as close to contrast requiement as possible /// + var i = 0 + var hex = (chroma(color).darken(i)).toString() + var startHex = hex + var newText, textArray, rbgArray, contrastRatio + // get the dark mode text color // + if (text == '#ffffff') { + if (mode == 'dark') { + newText = lighten(color,mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255,255,255] + } + } else { + textArray = darkTextArray + } + + rgbArray = hextoRGBArray(hex); + // get the contrast ration of the color against the suggested text color // + contrastRatio = contrast(rgbArray, textArray); + //alert('start i: ' + i + ', color: ' + hex + ', contrast: ' + contrastRatio) + while (contrastRatio > wcagContrast) { + i = i + .01 + if (text == '#ffffff') { + hex = lighten(color,1 - i) + if (mode == 'dark') { + newText = lighten(color,mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255,255,255] + } + } else { + hex = (chroma(color).darken(i)).toString() + textArray = darkTextArray + } + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + //alert('i: ' + i + ', color: ' + hex + ', contrast: ' + contrastRatio) + } + i = i - .01 + if (text == '#ffffff') { + var hex = lighten(color,1 - i) + if (mode == 'dark') { + newText = lighten(color,mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255,255,255] + } + } else { + hex = (chroma(color).darken(i)).toString() + textArray = darkTextArray + } + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + if (contrastRatio < wcagContrast || i == 0) { + hex = startHex + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + } + return(hex) + } + + private mixColors(c1: string, c2: string, opacity: number): string { + const pn = (n:number) => ('0' + n.toString(16)).slice(-2); + const [r0, g0, b0, r1, g1, b1] = [ + parseInt(c1.slice(1, 3), 16), + parseInt(c1.slice(3, 5), 16), + parseInt(c1.slice(5, 7), 16), + parseInt(c2.slice(1, 3), 16), + parseInt(c2.slice(3, 5), 16), + parseInt(c2.slice(5, 7), 16), + ]; + const [r, g, b] = [ + Math.round(r0 * opacity + r1 * (1 - opacity)), + Math.round(g0 * opacity + g1 * (1 - opacity)), + Math.round(b0 * opacity + b1 * (1 - opacity)), + ]; + return `#${pn(r)}${pn(g)}${pn(b)}`; + } + + private lightenColor(color: string, amount: number): string { + return this.mixColors(color,'#ffffff',amount); + } + + private triangle(color: string, i: number, prime: number, newRGB: number[]) { + var maxSaturation = 1; + prime = prime/100; + var primeHsl = chroma(color).hsl(); + if (primeHsl[1] > maxSaturation) { + maxSaturation = primeHsl[1]; + } + var primeSaturation = primeHsl[1]; + var ihsl = chroma(newRGB).hsl(); + var change: number; + var newSaturation: number; + if (i == prime) { + change = 1; + newSaturation = primeSaturation * change; + } else if (prime <= 7) { + if (i <= 7) { + change = i/prime; + } else { + change = (7 - (i - 7) - 2)/prime; + } + newSaturation = primeSaturation * change; + } else { + var seven = (7 - (i - 7) - 2) * primeHsl[1]; + if (i <= 7) { + change = i/7; + newSaturation = seven * change; + } else { + change = (7 - (i - 7) - 2)/7; + newSaturation = seven * change; + } + } + if (newSaturation > maxSaturation) { + newSaturation = maxSaturation; + } + var newHSL = chroma.hsl(ihsl[0], newSaturation , ihsl[2]).hex(); + return newHSL; } /** @@ -480,24 +724,6 @@ export class Shade { return undefined; } - /** - * Build light mode shades for this shade. - * @returns Light mode shades for this shade - */ - public buildLMShades(): Shade[] { - log.debug(`buildLMShades: enter shade=${JSON.stringify(this)}`); - const shades = this.getLighterAndDarkerShades(true); - for (let i = 0; i < shades.length; i++) { - let shade = shades[i]; - const id = (i * 100).toString(); - log.debug(`buildLMShades: adjusted i=${i} to ${shade.hex}`); - shade.id = id; - shade.index = i; - } - log.debug(`buildLMShades: exit shade=${JSON.stringify(this)}`); - return shades; - } - /** * Find a dark mode shade which meets the contrast ratio on these background shades * @param bgShades The background shades @@ -575,24 +801,6 @@ export class Shade { return undefined; } - /** - * Build dark mode shades for this shade. - * @returns Dark mode shades for this shade - */ - public buildDMShades(): Shade[] { - log.debug(`buildDMShades: enter shade=${JSON.stringify(this)}`); - const shades = this.getLighterAndDarkerShades(false); - for (let i = 0; i < shades.length; i++) { - let shade = shades[i]; - log.debug(`buildDMShades: adjusted i=${i} to ${shade.hex}`); - const id = (i * 100).toString(); - shade.id = id; - shade.index = i; - } - log.debug(`buildDMShades: exit shade=${JSON.stringify(this)}`); - return shades; - } - /** * Build 10 shades from this shade, some of which may be lighter and some of which may be darker. * The number of lighter and darker depends on where in the spectrum this shade falls. @@ -617,8 +825,8 @@ export class Shade { // Build the lighter shades const shades: Shade[] = []; const numLighterShades = this.numLighterShades(); - if (numLighterShades > 0) { - const startScale = chroma.scale(['#FFFFFF',this.hex]).correctLightness(true).colors(lm ? numLighterShades + 2 : numLighterShades); + if (numLighterShades > 1) { + const startScale = chroma.scale(['#FFFFFF',this.hex]).correctLightness(true).colors(numLighterShades); /// since padding is not working I will create a scale and get the first 2nd value and then create another scale if (startScale.length > (lm ? 1 : 2)) { const scale = chroma.scale([(startScale[lm ? 1 : 2]),this.hex]).correctLightness(true).colors(numLighterShades) @@ -627,6 +835,8 @@ export class Shade { if (shades.length > 0) shades.splice(-1); } } + } else { + shades.push(this); } for (let i = 0; i < shades.length; i++) { shades[i] = shades[i].buildShade(lm); @@ -779,6 +989,27 @@ export class Shade { return rtnShade; } + public mixShade2(shade: Shade, opacity: number): Shade { + const c1 = this.hex; + const c2 = shade.hex; + const [r0, g0, b0, r1, g1, b1] = [ + parseInt(c1.slice(1, 3), 16), + parseInt(c1.slice(3, 5), 16), + parseInt(c1.slice(5, 7), 16), + parseInt(c2.slice(1, 3), 16), + parseInt(c2.slice(3, 5), 16), + parseInt(c2.slice(5, 7), 16), + ]; + const [r, g, b] = [ + Math.round(r0 * opacity + r1 * (1 - opacity)), + Math.round(g0 * opacity + g1 * (1 - opacity)), + Math.round(b0 * opacity + b1 * (1 - opacity)), + ]; + const pn = (n: number) => ('0' + n.toString(16)).slice(-2); + const hex = `#${pn(r)}${pn(g)}${pn(b)}`; + return Shade.fromHex(hex); + } + public numLighterShades(): number { return this.getLabel()/100 + 1; } @@ -1026,4 +1257,4 @@ export class Shade { return { hex: this.hex, opacity: this.opacity }; } -} +} \ No newline at end of file From edb6d94ca8975fddbcd7cc4f74062d861bb7a0dc Mon Sep 17 00:00:00 2001 From: smithbk Date: Mon, 8 Jul 2024 10:10:14 -0400 Subject: [PATCH 02/14] Add issue-501-lise-code.js temporarily to translate to typescript --- src/common/issue-501-lise-code.js | 371 ++++++++++++++++++++++++++++++ 1 file changed, 371 insertions(+) create mode 100644 src/common/issue-501-lise-code.js diff --git a/src/common/issue-501-lise-code.js b/src/common/issue-501-lise-code.js new file mode 100644 index 0000000..a6b754a --- /dev/null +++ b/src/common/issue-501-lise-code.js @@ -0,0 +1,371 @@ +// build darker tones of color varients // +function buildShades(mode, theme, color, shade) { + var i = 0; + var prime = shade + var rgbArray = hextoRGBArray(color); + // calculate how many light shades need to get built // + var lightColors = (prime / 100) + 1; + // calculate how many dark shades need to get built // + var darkColors = ((900 - prime) / 100) + 1 + if (lightColors > 1) { + var lightscale = chroma.scale([('#FFFFFF'), color]).correctLightness(true).colors(lightColors); + } else { + lightscale = [color] + } + if (darkColors > 1) { + if (mode == 'dark') { + var endColor = mixColors('#000000', color.toString(), .98); + } else { + var endColor = mixColors('#000000', color.toString(), .95); + } + var darkscale = chroma.scale([color, endColor]).correctLightness(true).colors(darkColors); + } else { + darkscale = [color] + } + if (lightscale.length > 0) { + lightscale.splice(-1) + } + var colorScale = $.merge(lightscale, darkscale); + while (i < 10) { + //var newRGB = adjustLightness(rgbArray,shade,lightness,mode) + if (i == 0) { + var f = chroma.scale([('#FFFFFF'), color]); + if (mode == 'light') { + var scale = 100 / (prime * 2) + } else { + var scale = (100 / (prime * 4)) * 3 + } + newRGB = (f(scale)).toString(); + } else { + var newRGB = colorScale[i] + // adjust saturation of each color to create triangel effect - most saturated color are 600 and 700 // + } + newRGB = triangle(color, i, prime, newRGB, mode) + var shade = i * 100 + if (getContrast(newRGB) == '#ffffff') { + text_color = [255, 255, 255]; // white + } else { + text_color = darkTextArray; // black + } + // get the contrast ration of the color against the suggested text color // + var contrastRation = contrast(rgbArray, text_color); // 1.0736196319018405 + // convert the color to hex // + newRGB = rgb2hex(newRGB) + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + checkContrast(theme + '-' + mode + '-' + shade, newRGB, mode) + // + // loop through each shade // + i++; + } + if (mode == 'dark') { + $(document).find('#' + theme + '-' + mode).removeClass('rescaled') + rescale(theme, 'dark') + } +} + +const mixColors = (c1, c2, opacity) => { + const pn = n => ('0' + n.toString(16)).slice(-2); + const [r0, g0, b0, r1, g1, b1] = [ + parseInt(c1.slice(1, 3), 16), + parseInt(c1.slice(3, 5), 16), + parseInt(c1.slice(5, 7), 16), + parseInt(c2.slice(1, 3), 16), + parseInt(c2.slice(3, 5), 16), + parseInt(c2.slice(5, 7), 16), + ]; + const [r, g, b] = [ + Math.round(r0 * opacity + r1 * (1 - opacity)), + Math.round(g0 * opacity + g1 * (1 - opacity)), + Math.round(b0 * opacity + b1 * (1 - opacity)), + ]; + return `#${pn(r)}${pn(g)}${pn(b)}`; +}; + +function lighten(color, amount) { + return ((mixColors(color, '#ffffff', amount)).toString()) +} + +function checkContrast(theme, color, mode) { + var lightTextArray = hextoRGBArray(lightText); + var rgbArray = hextoRGBArray(rgb2hex(color)); + var shade = theme.split('-')[2]; + var newRGB = "rgb(" + rgbArray + ")" + var lightArray = lightTextArray + var light = contrast(lightArray, rgbArray); + var dark = contrast(darkTextArray, rgbArray); + var text_color, textTint, contrastRatio + var contrastRatio = contrast(lightArray, rgbArray); + var elevationHex; + if (light > dark) { + text_color = lightArray; // white + var textTint = 'light'; + if (mode == 'dark') { + var colorHex = rgb2hex(color) + /// for dark mode - lighten color light text /// + var newText = lighten(colorHex, mixer) + var newArray = hextoRGBArray(colorHex); + var lightArray = hextoRGBArray(newText) + var textHex + contrastRatio = contrast(lightArray, newArray); + var i = .00 + while (contrastRatio < wcagContrast) { + var hex = (chroma(color).darken(i)).toString() + var textHex = (mixColors(hex, '#ffffff', mixer)).toString(); + var textArray = hextoRGBArray(textHex); + var newArray = hextoRGBArray(hex); + var contrastRatio = contrast(newArray, textArray); + i = i + .01 + } + var newHex = (chroma(rgb2hex(color)).darken(i)).toString() + console.log('original color: ' + color + ', i:' + i + ', elevationHex: ' + elevationHex + ', textHex: ' + textHex + ', conttrast: ' + contrastRatio + ' new-color: ' + newHex) + var rgbArray = hextoRGBArray(newHex); + var textTint = 'light'; + buildColor(theme, mode, rgbArray, text_color, contrastRatio) + return false; + } + } else { + text_color = darkTextArray; // dark + var textTint = 'dark'; + contrastRatio = contrast(text_color, rgbArray); + } + if (textTint == 'light') { + var buildText = lightTextArray + } else { + var buildText = darkTextArray + } + contrastRatio = contrastRatio.toFixed(2) + if (contrastRatio < wcagContrast) { + var darkCount = adjustDarkerCount(theme, newRGB, lightArray, contrastRatio, mode) + var lightCount = adjustLighterCount(theme, newRGB, darkTextArray, contrastRatio, mode) + if (darkCount < lightCount || shade >= 600) { + adjustColorDarker(theme, newRGB, lightArray, contrastRatio, mode) + } else { + adjustColorLighter(theme, newRGB, darkTextArray, contrastRatio, mode) + } + } else { + console.log('theme: ' + theme + ' ,text color:' + text_color + ', rgbArray' + rgbArray + ', contrastRatio: ' + contrastRatio) + buildColor(theme, mode, rgbArray, buildText, contrastRatio) + } +} + +// updade sautation // +function triangle(color, i, prime, newRGB, mode) { + var maxChroma, dmmaxChroma + if ($('#setchromaMax').is(':checked')) { + maxChroma = $('#chromaMax').val(); + dmmaxChroma = $('#dmchromaMax').val(); + } else { + maxChroma = 100 + dmmaxChroma = 40 + } + prime = prime / 100 + var primeHcl = chroma(color).hcl(); + if (primeHcl[1] > maxChroma) { + maxChroma = primeHcl[1] + } + if (mode == 'dark') { + if (maxChroma >= dmmaxChroma) { + maxChroma = dmmaxChroma + } + } + var primeChroma = primeHcl[1] + var ihcl = chroma(newRGB).hcl() + var change + if (i == prime) { + change = 1 + var newChroma = primeChroma * change + } else if (prime < 7) { + if (i == 0) { + if (mode == 'dark') { + change = .75 / prime + } else { + change = .5 / prime + } + } + else if (i <= 7) { + change = i / prime + } else { + change = (7 - (i - 7) - 1) / 7 + } + var newChroma = primeChroma * change + } else { + var seven = (7 / (7 - (prime - 7) - 1)) * primeChroma + if (seven > maxChroma) { + seven = maxChroma + } + console.log('7: ' + seven) + if (i <= 7) { + if (i == 0) { + var change = .75 / 7 + } else { + var change = i / 7 + } + console.log('change:' + change + ', seven: ' + seven) + newChroma = seven * change + console.log('i: ' + i + ', newChroma: ' + newChroma) + } else { + var change = (7 - (i - 7) - 1) / 7 + newChroma = seven * change + console.log('i: ' + i + ', newChroma: ' + newChroma) + } + } + /// don't let the chroma be over the max of less than 4 /// + if (newChroma > maxChroma) { + newChroma = maxChroma + } else if (newChroma < 4) { + newChroma = 4 + } + newChroma = newChroma + console.log('prime:' + prime + ', i: ' + i + ', change: ' + change + ' Chroma:' + newChroma) + console.log('h: ' + ihcl[0] + ', c: ' + newChroma + ' , l: ' + ihcl[2]) + var newHCL = chroma.hcl(ihcl[0], newChroma, ihcl[2]).hex(); + console.log('i:' + i + ', hex: ' + newHCL + ' , chroma:' + chroma(newHCL).hcl()[1]); + return (newHCL) +} + +function adjusttoMaxContrast(color, text, mode) { + /// get shades as close to contrast requiement as possible /// + var i = 0 + var hex = (chroma(color).darken(i)).toString() + var startHex = hex + var newText, textArray, rbgArray, contrastRatio + // get the dark mode text color // + if (text == '#ffffff') { + if (mode == 'dark') { + newText = lighten(color, mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255, 255, 255] + } + } else { + textArray = darkTextArray + } + + rgbArray = hextoRGBArray(hex); + // get the contrast ration of the color against the suggested text color // + contrastRatio = contrast(rgbArray, textArray); + //alert('start i: ' + i + ', color: ' + hex + ', contrast: ' + contrastRatio) + while (contrastRatio > wcagContrast) { + i = i + .01 + if (text == '#ffffff') { + hex = lighten(color, 1 - i) + if (mode == 'dark') { + newText = lighten(color, mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255, 255, 255] + } + } else { + hex = (chroma(color).darken(i)).toString() + textArray = darkTextArray + } + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + //alert('i: ' + i + ', color: ' + hex + ', contrast: ' + contrastRatio) + } + i = i - .01 + if (text == '#ffffff') { + var hex = lighten(color, 1 - i) + if (mode == 'dark') { + newText = lighten(color, mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255, 255, 255] + } + } else { + hex = (chroma(color).darken(i)).toString() + textArray = darkTextArray + } + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + if (contrastRatio < wcagContrast || i == 0) { + hex = startHex + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + } + return (hex) +} + + +function adjust(colorName, mode) { + var lastChar = dmOpacity[dmOpacity.length - 1]; + if (lastChar == "0") { + dmOpacity = dmOpacity.slice(0, -1); + } + i = 100 + var firstLightText; + while (i <= 900) { + var text = $(document).find('#' + colorName + '-' + mode + '-' + i + ' .Hex').css('color'); + var darkTextRGB = hex2rgb(darkText) + text = text.replace(/ /g, ''); + if (text == 'rgba(255,255,255,' + dmOpacity + ')' || text == 'rgb(255,255,255)') { + firstLightText = i + lastDarkText = i - 100; + var startLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-0 .Hex').css('backgroundColor')); + var endLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + lastDarkText + ' .Hex').css('backgroundColor')); + var nexttoLast = lastDarkText - 100 + var nexttoLastLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + nexttoLast + ' .Hex').css('backgroundColor')); + // check to see if the last and 2nd to last colors are close /// + var difference = chroma.deltaE(endLightShade, nexttoLastLightShade); + // if the color + if ($('#' + colorName + '-' + mode + '-' + lastDarkText + ' .Hex').hasClass('lightened') || $('#' + colorName + '-' + mode + '-' + lastDarkText + ' .Hex').hasClass('darkened') || difference < 1.5) { + var endLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + nexttoLast + ' .Hex').css('backgroundColor')); + } else { + var endLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + lastDarkText + ' .Hex').css('backgroundColor')); + } + // adjust the color to have the max possible contrast // + endLightShade = adjusttoMaxContrast(endLightShade, darkTextArray, mode); + //alert(colorName+'-'+mode+': ' + endLightShade) + $(document).find('#' + colorName + '-' + mode + '-' + lastDarkText + ' .Hex').addClass('lastDarkText'); + checkContrast(colorName + '-' + mode + '-' + lastDarkText, hex2rgb(endLightShade), mode); + var d = firstLightText + var startDarkShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + firstLightText + ' .Hex').css('backgroundColor')); + startDarkShade = adjusttoMaxContrast(startDarkShade, '#ffffff', mode) + $(document).find('#' + colorName + '-' + mode + '-' + firstLightText + ' .Hex').addClass('firstLightText') + checkContrast(colorName + '-' + mode + '-' + d, hex2rgb(startDarkShade), mode); + rescale(colorName, mode, lastDarkText); + return false; + } + i = i + 100 + } +} + +function rescale(colorName, mode, lastDarkText) { + // get the lights shade // + var startLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-0 .Hex').css('backgroundColor')); + // get the last shade with dark text // + var endLightShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + lastDarkText + ' .Hex').css('backgroundColor')); + var colorCount = lastDarkText / 100 + 1 + var newLightShades = chroma.scale([startLightShade, endLightShade]).colors(colorCount); + // cycle through the new chroma scale and assign to the shades // + var firstLightText = lastDarkText + 100 + var n = 0 + while (n < firstLightText) { + var shadeIndex = n / 100 + var newColor = newLightShades[shadeIndex] + var newRGB = hex2rgb(newColor); + checkContrast(colorName + '-' + mode + '-' + n, newRGB, mode) + n = n + 100 + } + // get the darkest shade // + var endDarkShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-900 .Hex').css('backgroundColor')); + // get the first shade with light text // + var startDarkShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-' + firstLightText + ' .Hex').css('backgroundColor')); + var d = firstLightText + while (d <= 900) { + if (d == 900) { + var endDarkShade = rgb2hex($(document).find('#' + colorName + '-' + mode + '-900 .Hex').css('backgroundColor')); + var newRGB = hex2rgb(endDarkShade) + checkContrast(colorName + '-' + mode + '-' + d, newRGB, mode) + } else { + // cycle through the new chroma scale and assign to the shades // + var colorCount = (900 - lastDarkText) / 100 + var newDarkShades = chroma.scale([startDarkShade, endDarkShade]).colors(colorCount); + var shadeIndex = (d - firstLightText) / 100 + var newColor = newDarkShades[shadeIndex] + var newRGB = hex2rgb(newColor); + checkContrast(colorName + '-' + mode + '-' + d, newRGB, mode) + } + d = d + 100 + } +} \ No newline at end of file From b1fafb3881cc841080cdc56150f3718e3ff88cc7 Mon Sep 17 00:00:00 2001 From: smithbk Date: Mon, 8 Jul 2024 15:15:26 -0400 Subject: [PATCH 03/14] sharing issue 501 work-in-progress --- src/common/questions | 10 ++++++ src/common/settings.ts | 35 ++++++++++++++++++ src/common/shade.ts | 81 +++++++++++++++++++++++++++++++++++------- 3 files changed, 113 insertions(+), 13 deletions(-) create mode 100644 src/common/questions create mode 100644 src/common/settings.ts diff --git a/src/common/questions b/src/common/questions new file mode 100644 index 0000000..bcdc9d6 --- /dev/null +++ b/src/common/questions @@ -0,0 +1,10 @@ +* What is "lightText" on line 89? +* "contrastRation" var on line 61 is not being used and therefore text_color on lines 46 & 48. Delete? +* The call to rescale on line 62 passes "theme" as the 1st arg, but the rescale function (line 505) takes 3 args with colorName as 1st. + rescale(colorName, mode, lastDarkText ) +* What is the output of the "buildShades" function? The "checkContrast" function must be setting something globally. +* What is the value of the "mixer" variable? +* Verify that buildColor is implemented by buildShade. +* Are the following settings per Theme? + WCAGContrast, MaxChoma, dmmaxChroma, darkTextArray + If any of these are changed, do we need to automatically rebuild the shades? If automatic, what else should be impacted in the theme? I think the dependency graph needs to be generalized to include not just "this property depends on the value of this property" but "this group of actions (e.g. buildShades) depends on this property. So when they switch a theme from AA to AAA, the shades of all colors of the themes would be automatically rebuilt. diff --git a/src/common/settings.ts b/src/common/settings.ts new file mode 100644 index 0000000..b4ddd02 --- /dev/null +++ b/src/common/settings.ts @@ -0,0 +1,35 @@ +/* + * Copyright (c) 2024 Discover Financial Services + * Licensed under Apache-2.0 License. See License.txt in the project root for license information + */ + +import { Shade } from "./shade"; + +/** + * Settings + * + * @category + */ + +export class WCAGSetting { + + public static readonly AA = new WCAGSetting("AA", 4.5); + public static readonly AAA = new WCAGSetting("AAA", 7.1); + + private constructor(name: string, textContrast: number) { + this.name = name; + this.textContrast = textContrast; + } + + public readonly name: string; + public readonly textContrast: number; +} + +export class Settings { + + public wcag: WCAGSetting = WCAGSetting.AA; + public lmMaxChroma = 100; + public dmMaxChroma = 100; + public darkText = Shade.OFF_BLACK; + +} \ No newline at end of file diff --git a/src/common/shade.ts b/src/common/shade.ts index 92b8461..91edb67 100644 --- a/src/common/shade.ts +++ b/src/common/shade.ts @@ -356,7 +356,6 @@ export class Shade { } return shade; } - // Get contrast with black and white & return best ratio const blackRatio = this.getContrastRatio(Shade.BLACK); let whiteRatio = this.getContrastRatio(Shade.WHITE); @@ -448,12 +447,11 @@ export class Shade { public buildShades(lm: boolean): Shade[] { const prime = this.calculateLabel(); - const rgbArray = this.rgbArray; const color = this.hex; // calculate how many light shades need to get built // - var lightColors = (prime/100) + 1; + const lightColors = (prime/100) + 1; // calculate how many dark shades need to get built // - var darkColors = ((900-prime)/100) + 1 + const darkColors = ((900-prime)/100) + 1 if (lightColors > 1) { var lightscale = chroma.scale([( '#FFFFFF') ,color]).correctLightness(true).colors(lightColors); } else { @@ -470,21 +468,15 @@ export class Shade { lightscale.splice(-1) } var colorScale = [...lightscale, ...darkscale]; - var i = 0; let newRGB: any; const rtn: Shade[] = []; - while (i < 10) { + for (let i = 0; i < 10; i++) { if (i == 0) { - var f = chroma.scale([( '#FFFFFF') ,color]); - if (lm) { - var scale = 100/(prime * 2) - } else { - var scale = (100/ (prime * 4)) * 3; - } + const f = chroma.scale([( '#FFFFFF') ,color]); + const scale = lm ? 100/(prime * 2) : (100/ (prime * 4)) * 3; newRGB = f(scale); } else { newRGB = colorScale[i]; - // adjust saturation of each color to create triangel effect - most saturated color are 600 and 700 // } newRGB = this.triangle(color,i,prime,newRGB); var shade = i * 100; @@ -547,6 +539,69 @@ export class Shade { } } + private checkContrast(theme: any, color: any, mode: string) { + var lightTextArray = hextoRGBArray(lightText); + var rgbArray = hextoRGBArray(rgb2hex(color)); + var shade = theme.split('-')[2]; + var newRGB = "rgb(" + rgbArray + ")" + var lightArray = lightTextArray + var light = contrast(lightArray, rgbArray); + var dark = contrast(darkTextArray, rgbArray); + var text_color, textTint, contrastRatio + var contrastRatio = contrast(lightArray, rgbArray); + var elevationHex; + if (light > dark) { + text_color = lightArray; // white + var textTint = 'light'; + if (mode == 'dark') { + var colorHex = rgb2hex(color) + /// for dark mode - lighten color light text /// + var newText = lighten(colorHex, mixer) + var newArray = hextoRGBArray(colorHex); + var lightArray = hextoRGBArray(newText) + var textHex + contrastRatio = contrast(lightArray, newArray); + var i = .00 + while (contrastRatio < wcagContrast) { + var hex = (chroma(color).darken(i)).toString() + var textHex = (mixColors(hex, '#ffffff', mixer)).toString(); + var textArray = hextoRGBArray(textHex); + var newArray = hextoRGBArray(hex); + var contrastRatio = contrast(newArray, textArray); + i = i + .01 + } + var newHex = (chroma(rgb2hex(color)).darken(i)).toString() + console.log('original color: ' + color + ', i:' + i + ', elevationHex: ' + elevationHex + ', textHex: ' + textHex + ', conttrast: ' + contrastRatio + ' new-color: ' + newHex) + var rgbArray = hextoRGBArray(newHex); + var textTint = 'light'; + buildColor(theme, mode, rgbArray, text_color, contrastRatio) + return false; + } + } else { + text_color = darkTextArray; // dark + var textTint = 'dark'; + contrastRatio = contrast(text_color, rgbArray); + } + if (textTint == 'light') { + var buildText = lightTextArray + } else { + var buildText = darkTextArray + } + contrastRatio = contrastRatio.toFixed(2) + if (contrastRatio < wcagContrast) { + var darkCount = adjustDarkerCount(theme, newRGB, lightArray, contrastRatio, mode) + var lightCount = adjustLighterCount(theme, newRGB, darkTextArray, contrastRatio, mode) + if (darkCount < lightCount || shade >= 600) { + adjustColorDarker(theme, newRGB, lightArray, contrastRatio, mode) + } else { + adjustColorLighter(theme, newRGB, darkTextArray, contrastRatio, mode) + } + } else { + console.log('theme: ' + theme + ' ,text color:' + text_color + ', rgbArray' + rgbArray + ', contrastRatio: ' + contrastRatio) + buildColor(theme, mode, rgbArray, buildText, contrastRatio) + } + } + // Creates the darkest possible color with dark text and the lightest possible color with white text private adjustToMaxContrast(color,text,mode) { /// get shades as close to contrast requiement as possible /// From 762154c95b86d1937e9f2514d3727ea407814407 Mon Sep 17 00:00:00 2001 From: smithbk Date: Tue, 9 Jul 2024 09:20:23 -0400 Subject: [PATCH 04/14] Adding checkSaturation.js for reference for now --- src/common/checkSaturation.js | 12582 ++++++++++++++++++++++++++++ src/common/issue-501-lise-code.js | 2 +- src/common/questions | 6 + src/common/shade.ts | 29 +- 4 files changed, 12611 insertions(+), 8 deletions(-) create mode 100644 src/common/checkSaturation.js diff --git a/src/common/checkSaturation.js b/src/common/checkSaturation.js new file mode 100644 index 0000000..0ada41f --- /dev/null +++ b/src/common/checkSaturation.js @@ -0,0 +1,12582 @@ + +$(document).ready(function() { + + var system; + var themeName; + var activeTheme; + var wcag + var grid + var radius + var borderWidth + var focusBlur + var animationSpeed + var animationFocusDistance + setGrid(8) + // Light mode variables // + + var white = '#ffffff' + var whiteHalf = 'rgba(255,255,255,.5)'; + var textLight = white; + var textDark = black; + var buttonOnWhite + var buttonHalfOnWhite + var onbuttonOnWhite + var linkOnWhite + var vlinkOnWhite + var linkVisitedOnWhite + var linkDecorationOnWhite + var iconOnWhite + var black = '#121212'; + var blackHalf = 'rgba(0,0,0,.5)'; + var buttonOnBlack + var buttonHalfOnBlack + var onbuttonOnBlack + var hotlinkOnBlack + var vlinkOnBlack + var linkVisitedOnBlack + var hotlinkDecorationOnBlack + var iconOnBlack + var primary; + var primaryName; + var onPrimary; + var primaryHalf + var primaryQuarter; + var primaryDarkBG + var secondaryDarkBG + var secondary; + var secondaryName; + var onSecondary; + var tertiary; + var tertiaryName; + var onTertiary; + var backgroundPrimary = '#ffffff'; + var onbackgroundPrimary; + var backgroundPrimaryName = 'white-bg'; + var backgroundSecondary = '#fafafa'; + var onbackgroundSecondary + var backgroundSecondaryName; + var backgroundTertiary; + var onbackgroundTertiary; + var buttonOnTertiary + var onbuttonOnTertiary + var backgroundTertiaryName; + var buttonOnTertiary + var buttonHalfOnTertiary + var onbuttonOnTertiary + var linkOnTertiary + var vlinkOnTertiary + var linkDecorationOnTertiary + var iconOnTertiary + var gradient1; + var gradient1a; + var gradient1aName; + var gradient1b; + var gradient1bName; + var ongradient1a; + var ongradient1b + var buttonOnGradient1 + var onbuttonOnGradient1 + var buttonHalfOnGradient1 + var gradient2; + var gradient2a; + var gradient2aName; + var gradient2b; + var gradient2bName; + var ongradient2a + var ongradient2b + var buttonOnGradient2 + var onbuttonOnGradient2 + var buttonHalfOnGradient2 + var buttonOnGradient3 + var buttonHalfOnGradient3 + var onbuttonOnGradient3 + var linkOnGradient3 + var vlinkOnGradient3 + var focusOnGradient3 + var iconOnGradient3 + var textGradient; + var textgradient1aName + var textgradient1bName + var textGradientName; + var gradientTexta; + var gradientTextb; + var colorDropName; + var colorDrop; + var borderColor; + var chip; + var onchip; + var buttons; + var buttonHalf; + var onButtons; + var groupButtonBG; + var ongroupButtonBG = black; + var buttonsName; + var icons; + var onIcons; + var iconsName; + var accentName + var accent; + var hotlink; + var hotlinkName + var hotlinkVisited; + var focus; + var focusBlur; + var hover; + var borderDefault; + var inputDefault + var oninputDefault + var inputDisabled + var oninputDisabled + var lineColor + var surface + var onsurface + // light mode charts colors // + var chartPrimary1; + var chartPrimary2; + var chartPrimary3; + var chartSecondary1; + var chartSecondary2; + var chartSecondary3; + var chartTertiary1; + var chartTertiary2; + var chartTertiary3; +// light mode opaque charts colors // + var chartPrimary1Opaque; + var chartPrimary2Opaque; + var chartPrimary3Opaque; + var chartSecondary1Opaque; + var chartSecondary2Opaque; + var chartSecondary3Opaque; + var chartTertiary1Opaque; + var chartTertiary2Opaque; + var chartTertiary3Opaque + // dark mode variables //; + var dmwhite = 'rgba(255,255,255,'+dmOpacity+')' + var dmwhiteHalf = 'rgba(255,255,255,0.4)' + var dmtextLight = dmwhite; + var dmtextDark = black; + var dmbuttonOnWhite + var dmbuttonHalfOnWhite + var dmonbuttonOnWhite + var dmbuttonOnBlack + var dmonbuttonOnBlack + var dmbuttonHalfOnBlack + var dmiconOnWhite + var dmiconOnBlack + var dmfocusOnBlack + var dmprimary; + var dmprimaryName; + var dmonprimary; + var dmprimaryHalf + var dmprimaryQuarter; + var dmsecondary; + var dmsecondaryName; + var dmonsecondary; + var dmtertiary; + var dmtertiaryName ; + var dmontertiary; + var dmbackgroundPrimary = '#121212'; + var dmonbackgroundPrimary = 'rgba(255,255,255,'+dmOpacity+')' + var dmbackgroundPrimaryName; + var dmbackgroundSecondary = black; + var dmonbackgroundSecondary = 'rgba(255,255,255,'+dmOpacity+')' + var dmbackgroundSecondaryName; + var dmbackgroundTertiary = nearblack; + var dmonbackgroundTertiary = 'rgba(255,255,255,'+dmOpacity+')' + var dmbackgroundTertiaryName; + var dmbuttonOnTertiary + var dmbuttonHalfOnTertiary + var dmonbuttonOnTertiary + var dmhotlinkOnTertiary + var dmhotlinkDecorationOnTertiary + var dmiconOnTertiary + var dmtooltip; + var dmsurface; + var dmgradient1; + var dmgradient1Name; + var dmgradient1a; + var dmgradient1b; + var dmongradient1a; + var dmongradient1b + var dmbuttonOnGradient1 + var dmonbuttonOnGradient1 + var dmbuttonHalfOnGradient1 + var dmgradient2; + var dmgradient2Name; + var dmgradient2a; + var dmgradient2b; + var dmongradient2a + var dmongradient2b + var dmbuttonOnGradient2 + var dmbuttonHalfOnGradient2 + var dmonbuttonOnGradient2 + var dmbuttonOnGradient3 + var dmonbuttonOnGradient3 + var dmonbuttonHalfOnGradient3 + var dmhotlinkOnGradient3 + var dmiconOnGradient3 + var dmtextGradient; + var dmtextGradientName; + var dmgradientTexta; + var dmgradientTextb; + var dmcolorDropName = 'black'; + var dmcolorDrop = black; + var dmBorderColor = 'rgba(255,255,255,.15)'; + var dmchip = 'rgba(255,255,255,.35)'; + var dmonchip = dmwhite; + var dmbuttons; + var dmbuttonHalf; + var dmonbuttons; + var dmgroupButtonBG = 'rgba(255,255,255,.15)'; + var dmongroupButtonBG = dmwhite; + var dmbuttonsName; + var dmicons; + var dmonicons; + var dmiconsName; + var dmaccent; + var dmaccentName; + var dmhotlink; + var dmhotlinkName; + var dmhotlinkVisited; + var dmfocus; + var dmhover; + var dmborderDefault; + var dminputDefault + var dmoninputDefault + var dminputDisabled + var dmoninputDisabled + var dmlineColor + // dark mode chart colors // + var dmchartPrimary1; + var dmchartPrimary2; + var dmchartPrimary3; + var dmchartSecondary1; + var dmchartSecondary2; + var dmchartSecondary3; + var dmchartTertiary1; + var dmchartTertiary2; + var dmchartTertiary3; + // dark mode opaque chart ccolors //// + var dmchartPrimary1Opaque; + var dmchartPrimary2Opaque; + var dmchartPrimary3Opaque; + var dmchartSecondary1Opaque; + var dmchartSecondary2Opaque; + var dmchartSecondary3Opaque; + var dmchartTertiary1Opaque; + var dmchartTertiary2Opaque; + var dmchartTertiary3Opaque; + // general variables + var black = '#121212' + var nearblack = '#181818'; + var gray0 = '#fafafa'; + var gray100 = '#fafafa' + var gray200 = '#fafafa' + var gray300 = '#fafafa' + var gray400 = '#fafafa' + var gray500 = '#fafafa' + var gray600 = '#fafafa' + var gray700 = '#fafafa' + var gray800 = '#fafafa' + var gray900 = '#fafafa' + var spacing; + var border; + var borderRadius; + var primaryFont; + var secondaryFont; + var lineHeight; + var smLineHeight; + var fontWeight0; + var fontWeight1; + var fontWeight2; + var fontWeight3; + var fontWeight4; + var baseFont; + var pSpacingBase; + var headerChange; + var headerWeight; + var info; + var warning; + var success; + var danger; + var oninfo; + var onwarning; + var onsuccess; + var ondanger; + var dminfo; + var dmwarning; + var dmsuccess; + var dmdanger; + var dmoninfo; + var dmonwarning; + var dmonsuccess; + var dmondanger; + var elevationRGB; + var elevationChange; + var elevationHorizontal; + var elevationVertical; + var elevationBlur; + var elevationSpread; + var elevationOpacity; + var baseBlur; + var baseSpread; + var baseOpacity; + var elevation1; + var elevation2; + var elevation3; + var elevation4; + var elevation5; + var elevation6; + var elevation7; + var elevation8; + var elevation9; + var bevelhorizontal; + var bevelvertical; + var bevelSpread; + var bevelBlur; + var bevellightOpacity; + var beveldarkOpacity; + var bevelchange; + var inbevelhorizontal; + var inbevelvertical; + var inbevelSpread; + var inbevelBlur; + var inbevellightOpacity; + var inbeveldarkOpacity; + var inbevelchange; + var chartBG; + // general values /// + var hotlinkDecoration + var hotlinkVisitedDecoration + var underline + var colorTheory + var colorBlindMode + var grid; + var minTarget + // theme values light mode // + window.primary0 + window.primary100 + window.primary200 + window.primary300 + window.primary400 + window.primary500 + window.primary600 + window.primary700 + window.primary800 + window.primary900 + window.primary0 + window.onprimary100 + window.onprimary200 + window.onprimary300 + window.onprimary400 + window.onprimary500 + window.onprimary600 + window.onprimary700 + window.onprimary800 + window.onprimary900 + window.secondary0 + window.secondary100 + window.secondary200 + window.secondary300 + window.secondary400 + window.secondary500 + window.secondary600 + window.secondary700 + window.secondary800 + window.secondary900 + window.secondary0 + window.onsecondary100 + window.onsecondary200 + window.onsecondary300 + window.onsecondary400 + window.onsecondary500 + window.onsecondary600 + window.onsecondary700 + window.onsecondary800 + window.onsecondary900 + window.tertiary0 + window.tertiary100 + window.tertiary200 + window.tertiary300 + window.tertiary400 + window.tertiary500 + window.tertiary600 + window.tertiary700 + window.tertiary800 + window.tertiary900 + window.tertiary0 + window.ontertiary100 + window.ontertiary200 + window.ontertiary300 + window.ontertiary400 + window.ontertiary500 + window.ontertiary600 + window.ontertiary700 + window.ontertiary800 + window.ontertiary900 + // theme values dark mode // + window.dmprimary0 + window.dmprimary100 + window.dmprimary200 + window.dmprimary300 + window.dmprimary400 + window.dmprimary500 + window.dmprimary600 + window.dmprimary700 + window.dmprimary800 + window.dmprimary900 + window.dmprimary0 + window.dmonprimary100 + window.dmonprimary200 + window.dmonprimary300 + window.dmonprimary400 + window.dmonprimary500 + window.dmonprimary600 + window.dmonprimary700 + window.dmonprimary800 + window.dmonprimary900 + window.dmsecondary0 + window.dmsecondary100 + window.dmsecondary200 + window.dmsecondary300 + window.dmsecondary400 + window.dmsecondary500 + window.dmsecondary600 + window.dmsecondary700 + window.dmsecondary800 + window.dmsecondary900 + window.dmsecondary0 + window.dmonsecondary100 + window.dmonsecondary200 + window.dmonsecondary300 + window.dmonsecondary400 + window.dmonsecondary500 + window.dmonsecondary600 + window.dmonsecondary700 + window.dmonsecondary800 + window.dmonsecondary900 + window.dmtertiary0 + window.dmtertiary100 + window.dmtertiary200 + window.dmtertiary300 + window.dmtertiary400 + window.dmtertiary500 + window.dmtertiary600 + window.dmtertiary700 + window.dmtertiary800 + window.dmtertiary900 + window.dmtertiary0 + window.dmontertiary100 + window.dmontertiary200 + window.dmontertiary300 + window.dmontertiary400 + window.dmontertiary500 + window.dmontertiary600 + window.dmontertiary700 + window.dmontertiary800 + window.dmontertiary900 + // topography // + var display1FontFamily + var display1FontWeight + var display1FontSize + var display1LineHeight + var display1CharcterSpacing + var display1TextDecoration + var display2FontFamily + var display2FontWeight + var display2FontSize + var display2LineHeight + var display2CharcterSpacing + var display2TextDecoration + var h1FontFamily + var h1FontWeight + var h1FontSize + var h1LineHeight + var h1CharcterSpacing + var h1TextDecoration + var h2FontFamily + var h2FontWeight + var h2FontSize + var h2LineHeight + var h2CharcterSpacing + var h2TextDecoration + var h3FontFamily + var h3FontWeight + var h3FontSize + var h3LineHeight + var h3CharcterSpacing + var h3TextDecoration + var h4FontFamily + var h4FontWeight + var h4FontSize + var h4LineHeight + var h4CharcterSpacing + var h4TextDecoration + var h5FontFamily + var h5FontWeight + var h5FontSize + var h5LineHeight + var h5CharcterSpacing + var h5TextDecoration + var h6FontFamily + var h6FontWeight + var h6FontSize + var h6LineHeight + var h6CharcterSpacing + var h6TextDecoration + var body1FontFamily + var body1FontWeight + var body1FontSize + var body1LineHeight + var body1CharcterSpacing + var body1TextDecoration + var body1SemiboldWeight + var body1BoldWeight + var body2FontFamily + var body2FontWeight + var body2FontSize + var body2LineHeight + var body2CharcterSpacing + var body2TextDecoration + var body2SemiboldWeight + var body2BoldWeight + var body3FontFamily + var body3FontWeight + var body3FontSize + var body3LineHeight + var body3CharcterSpacing + var body3TextDecoration + var body3SemiboldWeight + var body3BoldWeight + var subtitle1FontFamily + var subtitle1FontWeight + var subtitle1FontSize + var subtitle1LineHeight + var subtitle1CharcterSpacing + var subtitle1TextDecoration + var subtitle2FontFamily + var subtitle2FontWeight + var subtitle2FontSize + var subtitle2LineHeight + var subtitle2CharcterSpacing + var subtitle2TextDecoration + var captionFontFamily + var captionFontWeight + var captionFontSize + var captionLineHeight + var captionCharcterSpacing + var captionTextDecoration + var captionBoldWeight + var overlineFontFamily + var overlineFontWeight + var overlineFontSize + var overlineLineHeight + var overlineCharcterSpacing + var overlineTextDecoration + var overlineLargeFontFamily + var overlineLargeFontWeight + var overlineLargeFontSize + var overlineLargeLineHeight + var overlineLargeCharcterSpacing + var overlineLargeTextDecoration + var overlineXLFontFamily + var overlineXLFontWeight + var overlineXLFontSize + var overlineXLLineHeight + var overlineXLCharcterSpacing + var overlineXLTextDecoration + var label1FontFamily + var label1FontWeight + var label1FontSize + var label1LineHeight + var label1CharcterSpacing + var label2FontFamily + var label2FontWeight + var label2FontSize + var label2LineHeight + var label2CharcterSpacing + var labelSmallFontFamily + var labelSmallFontWeight + var labelSmallFontSize + var labelSmallLineHeight + var labelSmallCharcterSpacing + var labelSmallTextDecoration + var ctaFontFamily + var ctaFontWeight + var ctaFontSize + var ctaLineHeight + var ctaCharcterSpacing + var ctaTextDecoration + var ctaTextTransform + var ctaSmallFontFamily + var ctaSmallFontWeight + var ctaSmallFontSize + var ctaSmallLineHeight + var ctaSmallCharcterSpacing + var ctaSmallTextDecoration + var ctaSmallTextTransform + var smallFontFamily + var smallFontWeight + var smallFontSize + var smallLineHeight + var smallCharcterSpacing + var smallTextDecoration + var smallBoldWeight + var statFontFamily + var statFontWeight + var statFontSize + var statLineHeight + var statCharcterSpacing + var statTextDecoration + //// MOLECULES //// + // avatarts // + var avatarBorder + var avatarBorderLg + var avatarElevations + // buttons // + var buttonMinWidth + var buttonBorder + var buttonBorderRadius + var buttonHPadding + var buttonTypography + var buttonTextTransform + var buttonTextDecoration + var buttonLetterSpacing + var buttonElevation; + var buttonBevel; + var smallButtonHeight + var smallButtonTextName + var smallbuttonHPadding + var smallbuttonTextTransform + var smallbuttonLetterSpacing + // cards // + var cardRadius + var cardElevation + var cardBevel + var cardPadding + var cardGap + var cardBorder + // chips // + var chipHeight + var chipMinWidth + var chipBorderRadius + var chipHPadding + var chipTopography + var chipTextTransform + var chipTextSpacing + var chipElevation + // dropdowns // + var dropdownTheme + var dropdownElevation + var dropdownRadius + // slider // + var sliderbarHeight + var sliderbarBevel + var sliderhandleHeight + var sliderhandleBevel + var sliderhandleElevation = 0 + var sliderhandleRadius + // content spaceing // + var pPadding + var sectionPadding + // modals // + var modalPadding + var modalBorder + var modalRadius + var modalOverlay + var modalElevation + // tooltips // + var tooltipPadding + var tooltipRadius + var tooltipElevation + var tooltipBevel + // toast // + var toastPadding + var toastRadius + var toastBorder + var toastBevel + var toastElevations + // Images // + var imageElevation + var imageRadius + var imageBorder + // List Images // + var inlineImageHeight + var inlineImageRadius + // line charts // + var linechartBackground + var linechartLineWidth + var linechartXlegend + var linechartElevation + // bar charts ... + var barchartBackground + var barchartWidth + var barchartRadius + var barchartBorder + var barchartXLegend + var barchartYlegend + var barchartBevel + var barchartElevation + // line charts // + var linechartBackground + var linechartLinewidth + var linechartXLegend + var linechartYLegend + var linechartElevation + // donut charts // + var donutchartBackground + var donutchartThickness + var donutchartRadius + var donutchartSpace + var donutchartXLegend + var donutchartYLegend + var donutchartBevel + var donutchartElevation + var donutchartContainer + var donutcontainerDisplay + var donutContainer + var donutholeDisplay + // pie charts // + var piechartBackground + var piechartRadius + var piechartSpace + var piechartXLegend + var piechartYLegend + var piechartBevel + var piechartElevation + var piechartContainer + var piecontainerDisplay + var piecontainerBevel + // progress charts // + var progresschartBackground + var progresschartSpace + var progresschartRadius + var progresschartThicknesss + var progresschartXLegend + var progresschartYLegend + var progresschartBevel + var progresschartElevation + var progressStart + // ORGANISMS // + var heroGap + var heroPadding + var heroTitleTopogrphy + var heroTitleSpacing + var heroTitleTransform + var heroBodyTopogrphy + var heroBodySpacing + var heroBodyTransform + var primaryNavFixed + var primaryNavVPadding + var secondaryNavSticky + var secondaryNavVPadding + var secondaryNavStickyAt + var tableheaderTopography + var tableheaderSpacing + var tableheaderTransform + var tablebodyTopography + var tablebodyTransform + var tablebodySpacing + var tableheaderPadding = 1 + var tablebodyPadding = 1 + var wcagContrast = 4.5 + var wcagSMContrast = 3.1 + var darkText = '#121212'; + var darkTextArray = [35,35,63]; + var darkRGB = 'rgb(18,18,18)' + var lightText = '#ffffff' + var dmOpacity = .7 + var mixer = 1 - dmOpacity; + // activate the date picker /// + $( "#datepicker" ).datepicker(); + + // tool tips // + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) + }) + + // popoverss // + var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) + var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { + return new bootstrap.Popover(popoverTriggerEl) + }) + + // multiselect // + $('#example-getting-started').multiselect(); + + // custom popover // + $('.pagination .more').on('shown.bs.popover', function(e) { + + var id = $(e.target).attr('aria-describedby'); + $('#'+id).html('

My New Popover Content

'); + +}); + + ///// PHASE I - SET THE STAGE //// + // set the default root variables of the interface // + document.querySelector(':root').style.setProperty('--primaryFont', 'Discover Sans'); + document.querySelector(':root').style.setProperty('--secondaryFont', 'Discover Sans'); + document.querySelector(':root').style.setProperty('--primary', '#23233D'); + document.querySelector(':root').style.setProperty('--on-primary', '#ffffff'); + document.querySelector(':root').style.setProperty('--button', '#EC6B29'); + document.querySelector(':root').style.setProperty('--on-button', '#121212'); + document.querySelector(':root').style.setProperty('--surface', '#ffffff'); + document.querySelector(':root').style.setProperty('--on-surface', '#121212'); + var handle = $( ".custom-handle" ); + $('#colorInputpicker').farbtastic('#colorInput'); + $('#shadowpicker').farbtastic('#elevation-rgb'); + var f = $.farbtastic('#picker'); + var p = $('#picker').css('opacity', 0.25); + var selected; + $('.colorwell') + .each(function () { f.linkTo(this); $(this).css('opacity',.9); }) + .focus(function() { + if (selected) { + $(selected).css('opacity', 1).removeClass('colorwell-selected'); + } + f.linkTo(this); + p.css('opacity', 1); + $(selected = this).css('opacity', 1).addClass('colorwell-selected'); + }); + + // If a system is passed throught the url - identify and load it // + // get url parameter // + var getUrlParameter = function getUrlParameter(sParam) { + var sPageURL = window.location.search.substring(1), + sURLVariables = sPageURL.split('&'), + sParameterName, + i; + + for (i = 0; i < sURLVariables.length; i++) { + sParameterName = sURLVariables[i].split('='); + + if (sParameterName[0] === sParam) { + return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]); + } + } + return false; + }; + // var tech = getUrlParameter('technology'); + // http://dummy.com/?technology=jquery&blog=jquerybyexample. + // if no design systems exist create get started button from welcome // + var systemCount = $('.system:not(#Sample)').length; + if (systemCount == 1) { + $('#start-new-system div').html('Get started') + } else { + $('#start-new-system div').html('Explore your design systems') + } + + // create a system from your systems // + $('#start-new-system').click(function() { + $('#welcome-interface .content').removeClass('active'); + $('#welcome-interface #systems').addClass('active'); + newSystem(); + }); + + // create new stsrem from dropdown// + $('#new-system, #create-new').click(function() { + newSystem(); + }); + + + $('#system-name').click(function() { + var err = false; + $('.errorMessage').remove(); + $('input').removeClass('error') + + var wcagLevel = $("input[type='radio'][name='wcag']:checked").val(); + if (wcagLevel == "AA") { + wcagContrast = 4.5 + wcagSMContrast = 3.1 + } else { + wcagContrast = 7.1 + wcagSMContrast = 4.5 + } + + dmOpacity = parseFloat($("#darkModeOpacity").val()).toFixed(2); + + darkText = $('#darkText').val(); + darkTextArray = hextoRGBArray(darkText) + darkRGB = hex2rgb(darkText) + document.querySelector(':root').style.setProperty('--darkText', darkText); + document.querySelector(':root').style.setProperty('--black', darkText ); + document.querySelector(':root').style.setProperty('--blackTextArray', hextoRGBArray(darkText) ); + document.querySelector(':root').style.setProperty('--dmOpacity', dmOpacity ); + + // get the error color // + var errorColor = $('.lightmode .danger').css('backgroundColor'); + errorColor = rgb2hex(errorColor); + // check for the name // + if(!$('#new-name').val()){ + err = true; + errorMessage = 'Please provide a name for your system' + $('
'+errorMessage +'
').insertAfter('#new-name'); + $('#new-name').parent().find('.errorMessage').prepend('') + } else { + // check if the name is unique + system = $('#new-name').val().replace(/\s/g, ''); + $(document).find('.system').each(function() { + var id = $(this).attr('id'); + if (system == id) { + err = true; + $('#new-name').addClass('error'); + errorMessage = 'Please provide a unique name for your system' + $('
'+errorMessage +'
').insertAfter('#new-name'); + $('#new-name').parent().find('.errorMessage').prepend('') + } + }); + } + + // create the system // + if (err == false) { + $('.errorMessage').remove(); + $('input').removeClass('error') + createSystem(); + } + + }); + + // create new system from Your Systesm // + $('#explore').click(function() { + $('#welcome-interface .main .content').removeClass('active'); + $('#sample-systems').addClass('active'); + $('#intro .left-nav .sub-section').removeClass('active'); + $('#intro .left-nav .sub-section[name=sample-systems]').addClass('active'); + }); + + // create new system from Your Systesm // + $('.mobileNav .navItem').click(function() { + $(this).parent().find('.navItem').removeClass('active'); + $(this).addClass('active') + }); + + + + // if the user clicks create new system - open a modal to capture the new system name // + function newSystem() { + $('#systemName').modal('show'); + } + + function createSystem() { + + clearSystem(); + $('.system').removeClass('active'); + $('#Sample').clone().insertAfter('#Sample').attr('id', system).addClass('active'); + $('#SampleDefault').clone().insertAfter('#SampleDefault').attr('id', system + 'Default').addClass('active'); + activeTheme = system + 'Default' + $('#template').clone().insertBefore('#template').attr('id', system + '-card').addClass('active'); + $('#systemName').modal('hide'); + + setSystem(); + clearTheme(); + $('#welcome-interface').removeClass('active'); + $('#compose-interface').addClass('active'); + $('#' + system + 'Default').remove() + $('#new-name').val('') + $('.content').removeClass('active'); + $('#buildColor').addClass('active'); + $('#atomicIntro').modal('show'); + $('.colorRow').remove(); + $('.light-mode .subtitle1').remove(); + $('.dark-mode .subtitle1').remove(); + $('.results').removeClass('active'); + $('.step2').addClass('disabled') + } + function clearTheme() { + $('.colorGroup').remove() + $('#buildThemes .theme-dropdown').addClass('no-selection'); + $('#buildThemes .theme-dropdown button .Hex:not(.permColors)').attr('style', '').attr('name',''); + $('.sample-col').removeClass('active'); + $('#themeName').val(''); + $('#themeBackground button .Hex').eq(0).attr('class','Hex white-bg').attr('name','white-bg') + $('#themeBackground button .Hex').eq(1).attr('class','Hex gray-050-bg') + $('#themeDarkmode-BG button .Hex').eq(0).attr('class','Hex nearblack-bg').attr('name','nearblack') + $('#themeDarkmode-BG button .Hex').eq(1).attr('class','Hex black-bg').attr('name','black') + $('.dropdown-subtitle.subtitle1').remove(); + $('#buildThemes').scrollTop(0); + } + + // clicking on a Design System Card // + $(document).on('click', '.system-card', function() { + system = $(this).attr('name'); + openSystem(); + }); + + function openSystem() { + clearSystem(); + $('#' + system + 'Default').addClass('active'); + $('.fullpage').removeClass('active'); + $('#compose-interface').addClass('active'); + $('#compose-interface .main').removeClass('active'); + $('#composer').addClass('active'); + $('#compose-interface .main .content').removeClass('active'); + $('#' + system + 'Default').addClass('active'); + $('.theme-container').hide(); + $(document).find('.theme-container.default-theme').show() + /// turn all other systems off // + $('.system').removeClass('active'); + // activate system // + $(document).find('#' + system).addClass('active'); + // activate theme if it exists// + if ($('#' + system + 'Default').length) { + $('#' + system + 'Default').addClass('active'); + // activate theme // + $('#' + system + 'Default-theme').addClass('active'); + } + $('#current-system button').html(system) + setSystem(); + } + + function setSystem() { + if ($('.system.active').length = 0) { + $('#system').addClass('active'); + } + // system settings // + grid = $(document).find('#' + system + ' .default-grid').html(); + border = $(document).find('#' + system + ' .default-border-1').html(); + borderRadius = $(document).find('#' + system + ' .default-radius-1').html(); + focusTheme = $(document).find('#' + system + ' .default-focus-theme').html(); + focusBlur = $(document).find('#' + system + ' .default-focus-blur').html(); + animationSpeed = $(document).find('#' + system + ' .default-timing').html(); + animationFocusDistance = $(document).find('#' + system + ' .default-distance').html(); + // typography // + primaryFont = $(document).find('#' + system + ' .default-primaryFont').html(); + secondaryFont = $(document).find('#' + system + ' .default-secondaryFont').html(); + lineHeight = $(document).find('#' + system + ' .default-standard-LineHeight').html(); + smLineHeight = $(document).find('#' + system + ' .default-sm-LineHeight').html(); + fontWeight0 = $(document).find('#' + system + ' .default-fontWeight-0').html(); + fontWeight1 = $(document).find('#' + system + ' .default-fontWeight-1').html(); + fontWeight2 = $(document).find('#' + system + ' .default-fontWeight-2').html(); + fontWeight3 = $(document).find('#' + system + ' .default-fontWeight-3').html(); + fontWeight4 = $(document).find('#' + system + ' .default-fontWeight-4').html(); + baseFont = $(document).find('#' + system + ' .default-baseFont').html(); + headerChange = $(document).find('#' + system + ' .default-headerChange').html(); + headerWeight = $(document).find('#' + system + ' .default-headerWeight').html(); + // states // + info = $(document).find('#' + system + ' .default-info').html(); + warning = $(document).find('#' + system + ' .default-warning').html(); + success = $(document).find('#' + system + ' .default-success').html(); + danger = $(document).find('#' + system + ' .default-danger').html(); + dminfo = $(document).find('#' + system + ' .default-dminfo').html(); + dmwarning = $(document).find('#' + system + ' .default-dmwarning').html(); + dmsuccess = $(document).find('#' + system + ' .default-dmsuccess').html(); + dmdanger = $(document).find('#' + system + ' .default-dmdanger').html(); + oninfo = $(document).find('#' + system + ' .default-oninfo').html(); + onwarning = $(document).find('#' + system + ' .default-onwarning').html(); + onsuccess = $(document).find('#' + system + ' .default-onsuccess').html(); + ondanger = $(document).find('#' + system + ' .default-ondanger').html(); + dmoninfo = $(document).find('#' + system + ' .default-dmoninfo').html(); + dmonwarning = $(document).find('#' + system + ' .default-dmonwarning').html(); + dmonsuccess = $(document).find('#' + system + ' .default-dmonsuccess').html(); + dmondanger = $(document).find('#' + system + ' .default-dmondanger').html(); + // elevations // + elevationRGB = $(document).find('#' + system + ' .default-elevation-rgb').html(); + elevationChange = $(document).find('#' + system + ' .default-elevation-change').html(); + elevationHorizontal = $(document).find('#' + system + ' .default-elevation-horizontal').html(); + elevationVertical = $(document).find('#' + system + ' .default-elevation-veritcal').html(); + elevationBlur = $(document).find('#' + system + ' .default-elevation-blur').html(); + elevationSpread = $(document).find('#' + system + ' .default-elevation-spread').html(); + elevationOpacity = $(document).find('#' + system + ' .default-elevation-opacity').html(); + baseBlur = $(document).find('#' + system + ' .default-base-blur').html(); + baseSpread = $(document).find('#' + system + ' .default-base-spread').html(); + baseOpacity = $(document).find('#' + system + ' .default-base-opacity').html(); + // bevels // + bevelhorizontal = $(document).find('#' + system + ' .default-bevel-horizontal').html(); + bevelreversehorizontal = $(document).find('#' + system + ' .default-bevel-reverse-horizontal').html(); + bevelvertical = $(document).find('#' + system + ' .default-bevel-vertical').html(); + bevelreversevertical = $(document).find('#' + system + ' .default-bevel-reverse-vertical').html(); + bevelSpread = $(document).find('#' + system + ' .default-bevel-spread').html(); + bevelBlur = $(document).find('#' + system + ' .default-bevel-blur').html(); + bevellightOpacity = $(document).find('#' + system + ' .default-bevel-light-opacity').html(); + beveldarkOpacity = $(document).find('#' + system + ' .default-bevel-dark-opacity').html(); + bevelchange = $(document).find('#' + system + ' .default-bevel-change').html(); + inbevelhorizontal = $(document).find('#' + system + ' .default-inbevel-horizontal').html(); + inbevelvertical = $(document).find('#' + system + ' .default-inbevel-vertical').html(); + inbevelSpread = $(document).find('#' + system + ' .default-inbevel-spread').html(); + inbevelBlur = $(document).find('#' + system + ' .default-inbevel-blur').html(); + inbeveldarkOpacity = $(document).find('#' + system + ' .default-inbevel-dark-opacity').html(); + inbevelchange = $(document).find('#' + system + ' .default-inbevel-change').html(); + // avatars // + avatarBorder = $(document).find('#' + system + ' .default-avatar-border').html(); + avatarBorderLg = $(document).find('#' + system + ' .default-sm-avatar-border').html(); + avatarElevations = $(document).find('#' + system + ' .default-avatar-elevation').html(); + // buttons // + buttonHPadding = $(document).find('#' + system + ' .default-button-padding').html(); + buttonBorder = $(document).find('#' + system + ' .default-button-border').html(); + buttonBorderRadius = $(document).find('#' + system + ' .default-button-radius').html(); + buttonMinWidth = $(document).find('#' + system + ' .default-button-min-width').html(); + buttonTextName = $(document).find('#' + system + ' .default-button-textName').html(); + buttonTextTransform = $(document).find('#' + system + ' .default-button-textTransform').html(); + buttonLetterSpacing = $(document).find('#' + system + ' .default-button-textSpacing').html(); + buttonElevation = $(document).find('#' + system + ' .default-button-elevation').html(); + buttonBevel = $(document).find('#' + system + ' .default-button-bevel').html(); + smallButtonHeight = $(document).find('#' + system + ' .default-sm-button-height').html(); + smallbuttonHPadding = $(document).find('#' + system + ' .default-sm-button-padding').html(); + smallButtonTextNam = $(document).find('#' + system + ' .default-sm-button-textName').html(); + smallbuttonTextTransform = $(document).find('#' + system + ' .default-sm-button-textTransform').html(); + smallbuttonTextTransform = $(document).find('#' + system + ' .default-sm-button-textSpacing').html(); + // cards // + cardPadding = $(document).find('#' + system + ' .default-card-padding').html(); + cardGap = $(document).find('#' + system + ' .default-card-gap').html(); + cardBorder = $(document).find('#' + system + ' .default-card-border').html(); + cardRadius = $(document).find('#' + system + ' .default-card-radius').html(); + cardElevation = $(document).find('#' + system + ' .default-card-elevation').html(); + cardBevel = $(document).find('#' + system + ' .default-card-bevel').html(); + // chip // + chipHPadding = $(document).find('#' + system + ' .default-chip-padding').html(); + chipBorderRadius = $(document).find('#' + system + ' .default-chip-radius').html(); + chipMinWidth = $(document).find('#' + system + ' .default-chip-minwidth').html(); + chipHeight = $(document).find('#' + system + ' .default-chip-height').html(); + chipTypography = $(document).find('#' + system + ' .default-chip-text').html(); + chipText = $(document).find('#' + system + ' .default-chip-textTransform').html(); + chipTextSpacinh = $(document).find('#' + system + ' .default-chip-textSpacing').html(); + chipTextTransform = $(document).find('#' + system + ' .default-card-bevel').html(); + chipElevation = $(document).find('#' + system + ' .default-chip-elevation').html(); + // dropdowns // + dropdownTheme = $(document).find('#' + system + ' .default-dropdown-theme').html(); + dropdownElevation = $(document).find('#' + system + ' .default-dropdown-elevation').html(); + dropdownRadius = $(document).find('#' + system + ' .default-dropdown-radius').html(); + // spacing // + pPadding = $(document).find('#' + system + ' .default-pSpacing').html(); + sectionPadding = $(document).find('#' + system + ' .default-secitonSpacing').html(); + // images // + imageElevation = $(document).find('#' + system + ' .default-image-elevation').html(); + imageRadius = $(document).find('#' + system + ' .default-image-radius').html(); + imageBorder = $(document).find('#' + system + ' .default-image-border').html(); + inlineImageHeight = $(document).find('#' + system + ' .default-inline-image-height').html(); + inlineImageRadius = $(document).find('#' + system + ' .default-inline-image-radius').html(); + // modal // + modalPadding = $(document).find('#' + system + ' .default-modalPadding').html(); + modalBorder = $(document).find('#' + system + ' .default-modalBorder').html(); + modalRadius = $(document).find('#' + system + ' .default-modalRadius').html(); + modalOverlay = $(document).find('#' + system + ' .default-modalOverlay').html(); + modalElevation = $(document).find('#' + system + ' .default-modalElevation').html(); + // sldiers // + sliderbarHeight = $(document).find('#' + system + ' .default-sliderbarHeight').html(); + sliderhandleHeight = $(document).find('#' + system + ' .default-sliderhandleHeight').html(); + sliderhandleElevation = $(document).find('#' + system + ' .default-sliderhandleElevation').html(); + sliderhandleBevel = $(document).find('#' + system + ' .default-sliderhandleBevel').html(); + sliderbarBevel = $(document).find('#' + system + ' .default-sliderbarBevel').html(); + sliderhandleRadius = $(document).find('#' + system + ' .default-sliderhandleRadius').html(); + // toasts // + toastPadding = $(document).find('#' + system + ' .default-toastPadding').html(); + toastRadius = $(document).find('#' + system + ' .default-toastRadius').html(); + toastBevel = $(document).find('#' + system + ' .default-toastBevel').html(); + toastElevations = $(document).find('#' + system + ' .default-toastElevations').html(); + // toolytips // + tooltipPadding = $(document).find('#' + system + ' .default-tooltipPadding').html(); + tooltipRadius = $(document).find('#' + system + ' .default-tooltipRadius').html(); + tooltipElevation = $(document).find('#' + system + ' .default-tooltipElevation').html(); + tooltipBevel = $(document).find('#' + system + ' .default-tooltipBevel').html(); + //hero // + heroBodyTextName = $(document).find('#' + system + ' .default-heroBodyTextName ').html(); + heroBodySpacing = $(document).find('#' + system + ' .default-heroBodySpacing').html(); + heroBodyTransform = $(document).find('#' + system + ' .default-heroBodyTransform').html(); + heroTitleTextName = $(document).find('#' + system + ' .default-heroTitleTextName').html(); + heroTitleSpacing = $(document).find('#' + system + ' .default-heroTitleSpacing ').html(); + heroTitleTransform = $(document).find('#' + system + ' .default-heroTitleTransform').html(); + heroPadding = $(document).find('#' + system + ' .default-heroPadding').html(); + heroGap = $(document).find('#' + system + ' .default-heroGap').html(); + // primaryNav // + primaryNavFixed = $(document).find('#' + system + ' .default-primaryNavFixed').html(); + primaryNavVPadding = $(document).find('#' + system + ' .default-primaryNavVPadding').html(); + // secondaryNav // + secondaryNavSticky = $(document).find('#' + system + ' .default-secondaryNavSticky ').html(); + secondaryNavVPadding = $(document).find('#' + system + ' .default-secondaryNavVPadding ').html(); + secondaryNavStickyAt = $(document).find('#' + system + ' .default-secondaryNavStickyAt').html(); + // tables // + tableheaderTextName = $(document).find('#' + system + ' .default-headerTextName').html(); + tableheaderSpacing = $(document).find('#' + system + ' .default-headerSpacing').html(); + tableheaderTransform = $(document).find('#' + system + ' .default-headerTransform').html(); + tablebodyTextName = $(document).find('#' + system + ' .default-bodyTextName').html(); + tablebodySpacing = $(document).find('#' + system + ' .default-bodySpacing').html(); + tablebodyTextTransform = $(document).find('#' + system + ' .default-bodyTransform').html(); + tableheaderPadding = $(document).find('#' + system + ' .default-headerPadding').html(); + tablebodyPadding = $(document).find('#' + system + ' .default-bodyPadding').html(); + // system roots // + document.querySelector(':root').style.setProperty('--min-target', minTarget); + document.querySelector(':root').style.setProperty('--spacing-1', grid ); + document.querySelector(':root').style.setProperty('--border-1', border); + document.querySelector(':root').style.setProperty('--radius-1', borderRadius); + document.querySelector(':root').style.setProperty('--focusBlur', focusBlur); + document.querySelector(':root').style.setProperty('--animation-speed', animationSpeed); + document.querySelector(':root').style.setProperty('--animation-focus-distance', animationFocusDistance); + // typogrpahy // + document.querySelector(':root').style.setProperty('--primaryFont', primaryFont); + document.querySelector(':root').style.setProperty('--secondaryFont ', secondaryFont); + document.querySelector(':root').style.setProperty('--fontWeight-0', fontWeight0); + document.querySelector(':root').style.setProperty('--fontWeight-1', fontWeight1); + document.querySelector(':root').style.setProperty('--fontWeight-2', fontWeight2); + document.querySelector(':root').style.setProperty('--fontWeight-3', fontWeight3 ); + document.querySelector(':root').style.setProperty('--fontWeight-4', fontWeight4 ); + document.querySelector(':root').style.setProperty('--headerChange', headerChange ); + document.querySelector(':root').style.setProperty('--headerWeight', headerWeight); + document.querySelector(':root').style.setProperty('--baseFont', baseFont); + document.querySelector(':root').style.setProperty('--standard-LineHeight', lineHeight ); + document.querySelector(':root').style.setProperty('--sm-LineHeight', smLineHeight ); + // states // + document.querySelector(':root').style.setProperty('--info:', info ); + document.querySelector(':root').style.setProperty('--success ', success); + document.querySelector(':root').style.setProperty('--warning', warning ); + document.querySelector(':root').style.setProperty('--danger:', danger); + document.querySelector(':root').style.setProperty('--on-info', oninfo); + document.querySelector(':root').style.setProperty('--on-success', onsuccess); + document.querySelector(':root').style.setProperty('--on-warning', onwarning ); + document.querySelector(':root').style.setProperty('--on-danger', ondanger ); + document.querySelector(':root').style.setProperty('--dm-info', dminfo); + document.querySelector(':root').style.setProperty('--dm-success', dmsuccess); + document.querySelector(':root').style.setProperty('--dm-warning', dmwarning ); + document.querySelector(':root').style.setProperty('--dm-danger', dmdanger ); + document.querySelector(':root').style.setProperty('--dm-on-info', dmoninfo); + document.querySelector(':root').style.setProperty('--dm-on-success', dmonsuccess); + document.querySelector(':root').style.setProperty('--dm-on-warning', dmonwarning ); + document.querySelector(':root').style.setProperty('--dm-on-danger', dmondanger ); + // elevations // + document.querySelector(':root').style.setProperty('--elevation-rgb', elevationRGB ); + document.querySelector(':root').style.setProperty('--elevation-change', elevationChange); + document.querySelector(':root').style.setProperty('--base-blur', baseBlur); + document.querySelector(':root').style.setProperty('--base-spread', baseSpread ); + document.querySelector(':root').style.setProperty('--base-opacity', baseOpacity); + document.querySelector(':root').style.setProperty('--elevation-horizontal', elevationHorizontal); + document.querySelector(':root').style.setProperty('--elevation-veritcal', elevationVertical ); + document.querySelector(':root').style.setProperty('--elevation-blur', elevationBlur ); + document.querySelector(':root').style.setProperty('--elevation-spread', elevationSpread ); + document.querySelector(':root').style.setProperty('--elevation-opacity', elevationOpacity ); + // bevels // + document.querySelector(':root').style.setProperty('--bevel-light-opacity', bevellightOpacity); + document.querySelector(':root').style.setProperty('--bevel-dark-opacity', beveldarkOpacity); + document.querySelector(':root').style.setProperty('--bevel-change', bevelchange); + document.querySelector(':root').style.setProperty('--bevel-blur', bevelBlur ); + document.querySelector(':root').style.setProperty('--bevel-spread', bevelSpread); + document.querySelector(':root').style.setProperty('--bevel-veritcal:', bevelvertical); + document.querySelector(':root').style.setProperty('--bevel-horizontal', bevelhorizontal ); + document.querySelector(':root').style.setProperty('--inbevel-dark-opacity', inbeveldarkOpacity); + document.querySelector(':root').style.setProperty('--inbevel-change',inbevelchange); + document.querySelector(':root').style.setProperty('--inbevel-blur', inbevelBlur ); + document.querySelector(':root').style.setProperty('--inbevel-spread', inbevelSpread); + document.querySelector(':root').style.setProperty('--inbevel-veritcal:', inbevelvertical); + document.querySelector(':root').style.setProperty('--inbevel-horizontal', inbevelhorizontal ); + // avatars // + document.querySelector(':root').style.setProperty('--avatar-border', avatarBorder ); + document.querySelector(':root').style.setProperty('--avatar-border-lg', avatarBorderLg); + document.querySelector(':root').style.setProperty('--avatar-elevation', avatarElevations ); + // buttons // + document.querySelector(':root').style.setProperty('--button-padding', buttonHPadding); + document.querySelector(':root').style.setProperty('--button-border', buttonBorder ); + document.querySelector(':root').style.setProperty('--button-radius', buttonBorderRadius); + document.querySelector(':root').style.setProperty('--button-minwidth', buttonMinWidth ); + document.querySelector(':root').style.setProperty('--button-textName', buttonTextName); + document.querySelector(':root').style.setProperty('--buttonTextTransform::', buttonTextTransform ); + document.querySelector(':root').style.setProperty('--buttonCharcterSpacing', buttonLetterSpacing ); + document.querySelector(':root').style.setProperty('--button-elevation', buttonElevation ); + document.querySelector(':root').style.setProperty('--button-bevel', buttonBevel); + document.querySelector(':root').style.setProperty('--sm-button-height',smallButtonHeight ); + document.querySelector(':root').style.setProperty('--sm-button-padding', smallbuttonHPadding ); + document.querySelector(':root').style.setProperty('--sm-button-textName', smallButtonTextName ); + document.querySelector(':root').style.setProperty('--sm-buttonTextTransform:', smallbuttonTextTransform ); + document.querySelector(':root').style.setProperty('--sm-buttonCharcterSpacing', smallbuttonTextTransform ); + // cards // + document.querySelector(':root').style.setProperty('--card-padding', cardPadding ); + document.querySelector(':root').style.setProperty('--card-gap', cardGap ); + document.querySelector(':root').style.setProperty('--card-border',cardBorder ); + document.querySelector(':root').style.setProperty('--card-radius', cardRadius); + document.querySelector(':root').style.setProperty('--card-elevation', cardElevation); + document.querySelector(':root').style.setProperty('--card-bevel', cardBevel ); + // chips // + document.querySelector(':root').style.setProperty('--chip-padding', chipHPadding ); + document.querySelector(':root').style.setProperty('--chip-radius', chipBorderRadius ); + document.querySelector(':root').style.setProperty('--chip-minwidth',chipMinWidth); + document.querySelector(':root').style.setProperty('--chip-height', chipHeight); + document.querySelector(':root').style.setProperty('--chip-font', chipTypography); + document.querySelector(':root').style.setProperty('--chip-character-spacing', chipTextSpacing ); + document.querySelector(':root').style.setProperty('--chip-transform', chipTextTransform ); + document.querySelector(':root').style.setProperty('--chip-elevation', chipElevation); + // dropdown // + document.querySelector(':root').style.setProperty('--dropdown-focus-theme', dropdownTheme ); + document.querySelector(':root').style.setProperty('--dropdown-elevation', dropdownElevation ); + document.querySelector(':root').style.setProperty('--dropdown-radius', dropdownRadius ); + // sapcing // + document.querySelector(':root').style.setProperty('--p-padding', pPadding); + document.querySelector(':root').style.setProperty('--section-padding', sectionPadding ); + // images // + document.querySelector(':root').style.setProperty('--image-elevation', imageElevation ); + document.querySelector(':root').style.setProperty('--image-radius', imageRadius ); + document.querySelector(':root').style.setProperty('--image-border', imageBorder ); + document.querySelector(':root').style.setProperty('--inline-image-height', inlineImageHeight ); + document.querySelector(':root').style.setProperty('--inline-image-image-radius', inlineImageRadius); + // modals // + document.querySelector(':root').style.setProperty('--modal-padding', modalPadding ); + document.querySelector(':root').style.setProperty('--modal-border', modalBorder ); + document.querySelector(':root').style.setProperty('--modal-radius', modalRadius) ; + document.querySelector(':root').style.setProperty('--modal-overlay', modalOverlay ); + document.querySelector(':root').style.setProperty('--modal-elevation', modalElevation); + // sliders // + document.querySelector(':root').style.setProperty('--sliderbarHeight', sliderbarHeight ); + document.querySelector(':root').style.setProperty('--sliderhandleHeight', sliderhandleHeight ); + document.querySelector(':root').style.setProperty('--sliderhandleRadius', sliderhandleRadius) ; + document.querySelector(':root').style.setProperty('--sliderbarBevel', sliderbarBevel ); + document.querySelector(':root').style.setProperty('--sliderhandleElevation', sliderhandleElevation ); + document.querySelector(':root').style.setProperty('--sliderhandleBevel', sliderhandleBevel) ; + // toasts // + document.querySelector(':root').style.setProperty('--toast-padding', toastPadding); + document.querySelector(':root').style.setProperty('--toast-radius', toastRadius); + document.querySelector(':root').style.setProperty('--toast-bevel', toastBevel) ; + document.querySelector(':root').style.setProperty('--toast-elevation', toastElevations ); + // tooltips // + document.querySelector(':root').style.setProperty('--tooltip-padding', tooltipPadding); + document.querySelector(':root').style.setProperty('--tooltip-borderRadius', tooltipRadius ); + document.querySelector(':root').style.setProperty('--tooltip-elevation', tooltipElevation ) ; + document.querySelector(':root').style.setProperty('--tooltip-bevel', tooltipBevel); + // hero // + document.querySelector(':root').style.setProperty('--hero-gap', heroGap ); + document.querySelector(':root').style.setProperty('--hero-body-textName', heroBodyTextName ); + document.querySelector(':root').style.setProperty('--hero-body-spacing',heroBodySpacing ); + document.querySelector(':root').style.setProperty('--hero-body-transform', heroBodyTransform); + document.querySelector(':root').style.setProperty('--hero-title-textName', heroTitleTextName); + document.querySelector(':root').style.setProperty('--hero-title-spacing', heroTitleSpacing); + document.querySelector(':root').style.setProperty('--hero-title-transform', heroTitleTransform ); + document.querySelector(':root').style.setProperty('--hero-padding', heroPadding ); + // primary Nav // + document.querySelector(':root').style.setProperty('--navbarPrimary-position', primaryNavFixed); + document.querySelector(':root').style.setProperty('--navbarPrimary-padding', primaryNavVPadding); + // secondary Nav // + document.querySelector(':root').style.setProperty('--navbarSecondary-position', secondaryNavSticky); + document.querySelector(':root').style.setProperty('--navbarSecondary-padding', secondaryNavVPadding); + document.querySelector(':root').style.setProperty('--navbarSecondary-stickyat', secondaryNavStickyAt); + // tables // + document.querySelector(':root').style.setProperty('--tableheaderTextName', tableheaderTextName); + document.querySelector(':root').style.setProperty('--tableheaderSpacing',tableheaderSpacing); + document.querySelector(':root').style.setProperty('--tableheaderTransform',tableheaderTransform); + document.querySelector(':root').style.setProperty('--tablebodyTextName', tablebodyTextName); + document.querySelector(':root').style.setProperty('--tablebodySpacing', tablebodySpacing); + document.querySelector(':root').style.setProperty('--tablebodyTextTransform)', tablebodyTextTransform); + document.querySelector(':root').style.setProperty('--tableheaderPadding', tableheaderPadding ); + document.querySelector(':root').style.setProperty('--tablebodyPadding', tablebodyPadding); + + // build the colors of the palette that exist in the system // + if ($(document).find('#' + system + ' .default-palette .color').length > 0 ) { + $(document).find('#' + system + ' .default-palette .color').each(function() { + var colorClass = $(this).find('.name').html(); + var color = $(this).find('.Hex').text(); + addtoTheme(colorClass, color); + }); + } + + $('.theme-page').removeClass('active'); + if ($(document).find('#' + system + 'Default').length > 0){ + $('#' + system +'Default').addClass('active'); + $('.theme-container').parents('li').hide(); + $('.default-theme').parents('li').show(); + $('#' + system + 'Default-theme').addClass('active') + activeTheme = system + 'Default' + setTheme(); + } else { + clearSystem(); + } + clearTheme(); + + + ///// UPDATE SYSTEM HTML /// + $('input[name=grid][value='+spacing+']').attr('checked', 'checked'); + $('#border-1').html(border); + $('#radius-1').html(borderRadius); + $('#primaryFont').html(primaryFont); + $('#secondaryFont ').html(secondaryFont); + $('#standard-LineHeight ').html(lineHeight); + $('#sm-LineHeight').html(smLineHeight) + $('#fontWeight-0').html(fontWeight0); + $('#fontWeight-1').html(fontWeight1); + $('#fontWeight-2').html(fontWeight2); + $('#fontWeight-3').html(fontWeight3); + $('#fontWeight-4').html(fontWeight4); + $('#baseFont').html(baseFont); + $('#headerWeight').html(headerWeight); + $('#typography-change').val(headerChange); + $('#info').html(info); + $('.info').css(info); + $('.info').css(oninfo); + $('#warning').html(warning) + $('.warning').css('background',warning) + $('.warning').css('color',onwarning) + $('#success').html(success) + $('.success').css('background',success) + $('.success').css('color',onsuccess) + $('#danger').html(danger) + $('.danger').css('background',danger) + $('.danger').css('color',ondanger) + $('#dm-info').html(dminfo) + $('#States .darkmode .info').css(dminfo) + $('#dm-warning').html(dmwarning) + $('#States .darkmode .warning').css('background',dmwarning) + $('#dm-success').html(dmsuccess) + $('#States .darkmode .success').css('background',dmsuccess) + $('#dm-danger').html(dmdanger) + $('#States .darkmode .danger').css('background',dmdanger) + $('#bevel-change').val(bevelchange); + $('#bevel-horizontal').val(bevelhorizontal); + $('#bevel-vertical').val(bevelvertical); + $('#bevel-spread').val(bevelSpread); + $('#bevel-blur').val(bevelBlur); + $('#bevel-light-opacity').val(bevellightOpacity); + $('#bevel-dark-opacity').val(beveldarkOpacity); + var elevationColor = 'rgb(' + elevationRGB + ')'; + var elevationColor = rgb2hex(elevationColor ); + $('#elevation-rgb').val(elevationColor); + $('#elevation-change').val(elevationChange); + $('#elevation-horizontal').val(elevationHorizontal); + $('#elevation-vertical').val(elevationVertical); + $('#elevation-spread').val(elevationBlur); + $('#elevation-spread').val(elevationSpread); + $('#elevation-opacity').val(elevationOpacity); + $('#base-blur').val(baseBlur); + $('#base-spread').val(baseSpread ); + $('#base-opacity').val(baseOpacity ); + var chartRGBA = 'rgba(' + elevationRGB + ', ' + elevationOpacity + ')'; + + ///// UPDATE ROOT VARIABLE /// + // grid // + document.querySelector(':root').style.setProperty('--spacing-1', spacing); + // borders // + document.querySelector(':root').style.setProperty('--border-1', border); + document.querySelector(':root').style.setProperty('--radius-1', borderRadius); + // topography // + document.querySelector(':root').style.setProperty('--primaryFont', primaryFont); + document.querySelector(':root').style.setProperty('--secondaryFont', secondaryFont); + document.querySelector(':root').style.setProperty('--standard-LineHeight', lineHeight); + document.querySelector(':root').style.setProperty('--sm-LineHeight', smLineHeight); + document.querySelector(':root').style.setProperty('--fontWeight-0', fontWeight0); + document.querySelector(':root').style.setProperty('--fontWeight-1', fontWeight1); + document.querySelector(':root').style.setProperty('--fontWeight-2', fontWeight2); + document.querySelector(':root').style.setProperty('--fontWeight-3', fontWeight3); + document.querySelector(':root').style.setProperty('--fontWeight-4', fontWeight4); + document.querySelector(':root').style.setProperty('--baseFont', baseFont); + document.querySelector(':root').style.setProperty('--headerChange', headerChange); + document.querySelector(':root').style.setProperty('--headerWeight', headerWeight); + // states // + document.querySelector(':root').style.setProperty('--info', info); + document.querySelector(':root').style.setProperty('--warning', warning); + document.querySelector(':root').style.setProperty('--success', success); + document.querySelector(':root').style.setProperty('--danger', danger); + document.querySelector(':root').style.setProperty('--dm-info', dminfo); + document.querySelector(':root').style.setProperty('--dm-warning', dmwarning); + document.querySelector(':root').style.setProperty('--dm-success', dmsuccess); + document.querySelector(':root').style.setProperty('--dm-danger', dmdanger); + document.querySelector(':root').style.setProperty('--on-info', oninfo); + document.querySelector(':root').style.setProperty('--on-warning', onwarning); + document.querySelector(':root').style.setProperty('--on-success', onsuccess); + document.querySelector(':root').style.setProperty('--on-danger', ondanger); + document.querySelector(':root').style.setProperty('--dm-on-info', dmoninfo); + document.querySelector(':root').style.setProperty('--dm-on-warning', dmonwarning); + document.querySelector(':root').style.setProperty('--dm-on-success', dmonsuccess); + document.querySelector(':root').style.setProperty('--dm-on-danger', dmondanger); + // elevations // + document.querySelector(':root').style.setProperty('--elevation-rgb', elevationRGB); + document.querySelector(':root').style.setProperty('--elevation-opacity', elevationOpacity); + document.querySelector(':root').style.setProperty('--elevation-change', elevationChange); + document.querySelector(':root').style.setProperty('--elevation-horizontal', elevationHorizontal); + document.querySelector(':root').style.setProperty('--elevation-vertical', elevationVertical); + document.querySelector(':root').style.setProperty('--elevation-blur', elevationBlur); + document.querySelector(':root').style.setProperty('--elevation-spread', elevationSpread); + document.querySelector(':root').style.setProperty('--base-elevation-blur', baseBlur); + document.querySelector(':root').style.setProperty('--base-elevation-spread', baseSpread); + document.querySelector(':root').style.setProperty('--base-elevation-opacity', baseOpacity); + // elevations BG // + document.querySelector(':root').style.setProperty('--elevation-bg-1', elevation1); + document.querySelector(':root').style.setProperty('--elevation-bg-2', elevation2); + document.querySelector(':root').style.setProperty('--elevation-bg-3', elevation3); + document.querySelector(':root').style.setProperty('--elevation-bg-4', elevation4); + document.querySelector(':root').style.setProperty('--elevation-bg-5', elevation5); + document.querySelector(':root').style.setProperty('--elevation-bg-6', elevation6); + document.querySelector(':root').style.setProperty('--elevation-bg-7', elevation7); + document.querySelector(':root').style.setProperty('--elevation-bg-8', elevation8); + document.querySelector(':root').style.setProperty('--elevation-bg-9', elevation9); + // bevels // + document.querySelector(':root').style.setProperty('--bevel-horizontal', bevelhorizontal ); + document.querySelector(':root').style.setProperty('--bevel-reverse-horizontal',bevelreversehorizontal); + document.querySelector(':root').style.setProperty('--bevel-vertical', bevelvertical); + document.querySelector(':root').style.setProperty('--bevel-reverse-vertical', bevelreversevertical); + document.querySelector(':root').style.setProperty('--bevel-spread', bevelSpread); + document.querySelector(':root').style.setProperty('--bevel-blur', bevelBlur); + document.querySelector(':root').style.setProperty('--bevel-light-opacity', bevellightOpacity); + document.querySelector(':root').style.setProperty('--bevel-dark-opacity', beveldarkOpacity); + document.querySelector(':root').style.setProperty('--bevel-change', bevelchange); + document.querySelector(':root').style.setProperty('--inbevel-horizontal', inbevelhorizontal ); + document.querySelector(':root').style.setProperty('--inbevel-vertical', inbevelvertical); + document.querySelector(':root').style.setProperty('--inbevel-spread', inbevelSpread); + document.querySelector(':root').style.setProperty('--inbevel-blur', inbevelBlur); + document.querySelector(':root').style.setProperty('--inbevel-dark-opacity', inbeveldarkOpacity); + document.querySelector(':root').style.setProperty('--inbevel-change', inbevelchange); + + document.querySelector(':root').style.setProperty('--chart-shadow-color', chartRGBA ); + $(document).find('#' + system + ' .default-chart-shadow-color').html(chartRGBA); + + updateCustomTypography() + updateTextStyles() + setTheme() + } + + // update custom styles // + function updateCustomTypography() { + $(document).find('#' + system + ' .customStyles.editted').each(function() { + var name = $(this).attr('name') + var fontFamily = $(this).find('.font-family').html(); + var fontSize = $(this).find('.font-size').html(); + var fontWeight = $(this).find('.font-weight').html(); + var lh = $(this).find('.line-height').html(); + var spacing = $(this).find('.letter-spacing').html(); + if ($(this).find('.font-text-decoration').length) { + var decoration = $(this).find('.letter-spacing').html(); + $('.' + name).css({ + 'font-family': fontFamily, + 'font-size': fontSize, + 'font-weight': fontWeight, + 'text-decoration': decoration + }) + } else { + $('.' + name).css({ + 'font-family': fontFamily, + 'font-size': fontSize, + 'font-weight': fontWeight, + 'line-height': lh + }) + } + }); + } + + // update text styles // + function updateTextStyles() { + $('.styles').each(function() { + var name = $(this).attr('name') + var fontFamily = $(this).parents().find('.' + name).css('font-family'); + var fontSize = $(this).parents().find('.' + name).css('font-size'); + var fontWeight = $(this).parents().find('.' + name).css('font-weight'); + var lh = $(this).parents().find('.' + name).css('line-height'); + var spacing = $(this).parents().find('.' + name).css('letter-spacing'); + var textDecoration = $(this).parents().find('.' + name).css('text-decoration'); + $(this).find('.font-family span').html(fontFamily) + $(this).find('.font-size span').html(fontSize) + $(this).find('.font-weight span').html(fontWeight) + $(this).find('.font-line-height span').html(lh) + $(this).find('.font-charcter-spacing span').html(spacing) + if ($(this).find('.font-text-decoration').length) { + $(this).find('.font-text-decoration span').html(textDecoration) + } + }); + } + + + + + // reset the UI to the defaul setting // + function clearSystem() { + $('#topNav .nav-item').addClass('disabled'); + $('#topNav .nav-item').removeClass('active'); + $('#topNav .nav-item[name=composer]').removeClass('disabled').addClass('active'); + $('.row.results').removeClass('active'); + $('.theme-dropdown:not(.permColors) ul li').remove(); + $('.theme-dropdown:not(.permColors) button .Hex').attr('name','').attr('style','') + $('#composer .left-nav .section').removeClass('active'); + $('#composer .left-nav .sub-section').removeClass('active'); + $('.main').removeClass('active'); + $('#composer').addClass('active'); + $('.sample-col').removeClass('active') + $('.step2').addClass('disabled'); + $('#required').addClass('active'); + } + + function setTheme() { + // check to see if a theme exists // + if (activeTheme) { + $('.nav-item').removeClass('disabled'); + $('.step2').removeClass('disabled'); + + if ($('#colorBlindMode').is(':checked')) { + activeTheme = 'ColorBlind' + } + // build primary, secondary and tertiary shades // + primaryName = $(document).find('#' + system + ' .default-primaryName').html(); + var primary0Name = primaryName .split('-')[0]; + setThemeShades('primary', primary0Name ) + secondaryName = $(document).find('#' + system + ' .default-secondaryName').html(); + var secondary0Name = secondaryName.split('-')[0]; + setThemeShades('secondary', secondary0Name) + tertiaryName = $(document).find('#' + system + ' .default-tertiaryName').html(); + var tertiary0Name = tertiaryName.split('-')[0]; + setThemeShades('tertiary', tertiary0Name) + // get the primary shade of the primary color // + primary = window[$(document).find('#' + activeTheme + ' .lightmode .default-primary').attr('name').replace('-','')]; + onPrimary = window['on' + $(document).find('#' + activeTheme + ' .lightmode .default-primary').attr('name').replace('-','')]; + themePrimary( primaryName , primary, onPrimary ) + secondary = window[$(document).find('#' + activeTheme + ' .lightmode .default-secondary').attr('name').replace('-','')]; + onSecondary = window['on' + $(document).find('#' + activeTheme + ' .lightmode .default-secondary').attr('name').replace('-','')]; + showThemeOptions( secondaryName) + setThemeShades('secondary', secondaryName.split('-')[0] ) + tertiary = window[$(document).find('#' + activeTheme + ' .lightmode .default-tertiary').attr('name').replace('-','')]; + onTertiary = window['on' + $(document).find('#' + activeTheme + ' .lightmode .default-tertiary').attr('name').replace('-','')]; + showThemeOptions( tertiaryName) + setThemeShades('tertiary', tertiaryName.split('-')[0] ) + + backgroundPrimary = $(document).find('#' + activeTheme + ' .lightmode .default-background').css('backgroundColor'); + backgroundPrimaryName = $(document).find('#' + activeTheme + ' .lightmode .default-background').attr('name') + onbackgroundPrimary = $(document).find('#' + activeTheme + ' .lightmode .default-background').css('color'); + backgroundSecondary = $(document).find('#' + activeTheme + ' .lightmode .default-background-secondary').css('backgroundColor'); + if (backgroundPrimaryName == 'white-bg') { + backgroundSecondaryName = 'gray-050-bg'; + colorDrop = $(document).find('#primary-light-100 .Hex').css('backgroundColor') + colorDropName = 'primary-100'; + borderColor = 'rgba(0,0,0,.15)' + chip = 'rgba(0,0,0,.25)' + onchip = black + groupButtonBG = inputDefault + lineColor = "rgba(0,0,0,.05)"; + surface = "#ffffff"; + onsurface = "#121212"; + } else if (backgroundPrimaryName == 'primary-half-bg') { + backgroundSecondaryName = 'primary-quarter-bg' + colorDrop = $(document).find('#primary-light-100 .Hex').css('backgroundColor') + colorDropName = 'primary-100'; + borderColor = 'rgba(0,0,0,.15)' + chip = 'rgba(0,0,0,.25)' + onchip = black + groupButtonBG = inputDefault + lineColor = "rgba(0,0,0,.05)" + surface = "#ffffff"; + onsurface = "#121212"; + } else if(backgroundPrimaryName == 'primaryDarkBG') { + backgroundSecondaryName = 'secondaryDarkBG' + colorDrop = black + colorDropName = 'black'; + borderColor = 'rgba(255,255,255,.15)' + chip = 'rgba(255,255,255,.25)' + onchip = white + groupButtonBG = 'rgba(255,255,255,.1)' + lineColor = "rgba(255,255,255.05)" + surface = backgroundPrimary; + onsurface = "#ffffff"; + + } else { + backgroundSecondaryName = 'black-bg' + colorDrop = blacken + colorDropName = 'black'; + borderColor = 'rgba(255,255,255,.15)' + chip = 'rgba(255,255,255,.25)' + onchip = white + groupButtonBG = 'rgba(255,255,255,.1)' + lineColor = "rgba(255,255,255.05)" + surface = backgroundPrimary; + onsurface = "#ffffff"; + } + document.querySelector(':root').style.setProperty('--chip' , chip); + document.querySelector(':root').style.setProperty('--on-chip' , onchip); + document.querySelector(':root').style.setProperty('--color-drop' , colorDrop ); + document.querySelector(':root').style.setProperty('--border' , borderColor ); + document.querySelector(':root').style.setProperty('--chart-lineColor' , lineColor); + document.querySelector(':root').style.setProperty('--groupButtonBG' , groupButtonBG ); + onbackgroundSecondary = $(document).find('#' + activeTheme + ' .lightmode .default-background-secondary').css('color'); + themeBackground(backgroundPrimaryName, backgroundPrimary , onbackgroundPrimary ) + + // update the colors shades to theme shades (primary, secondary and tertiary) /// + updateNames(primaryName.split('-')[0], 'primary') + updateNames(secondaryName.split('-')[0] , 'secondary') + updateNames(tertiaryName.split('-')[0] , 'tertiary') + gradient1 = $(document).find('#' + activeTheme + ' .lightmode .default-gradient-1').css('background'); + gradient1Name = $(document).find('#' + activeTheme + ' .lightmode .default-gradient-1').attr('name') + gradient1a = window[gradient1Name.split(',')[0].replace('-','')] + ongradient1a = window['on' + gradient1Name .split(',')[0].replace('-','')] + gradient1b = window[gradient1Name.split(',')[1].replace('-','')] + ongradient1b = window['on' + gradient1Name.split(',')[1].replace('-','')] + document.querySelector(':root').style.setProperty('--gradient1-a' , gradient1a); + document.querySelector(':root').style.setProperty('--on-gradient1-a' , ongradient1a); + document.querySelector(':root').style.setProperty('--gradient1-b' , gradient1a); + gradient2 = $(document).find('#' + activeTheme + ' .lightmode .default-gradient-2').css('background'); + gradient2Name = $(document).find('#' + activeTheme + ' .lightmode .default-gradient-2').attr('name') + gradient2a = window[gradient2Name.split(',')[0].replace('-','')] + ongradient2a = window['on' + gradient2Name.split(',')[0].replace('-','')] + gradient2b = window[gradient2Name.split(',')[1].replace('-','')] + ongradient2b = window['on' + gradient2Name.split(',')[1].replace('-','')] + + themeGradient2a(gradient2Name.split(',')[0], gradient2a, ongradient2a ) + themeGradient2b(gradient2Name.split(',')[1], gradient2b, ongradient2b ) + document.querySelector(':root').style.setProperty('--gradient1-a' , gradient1a); + document.querySelector(':root').style.setProperty('--on-gradient1-a' , ongradient1a); + document.querySelector(':root').style.setProperty('--gradient1-b' , gradient1a); + textGradientName = $(document).find('#' + activeTheme + ' .lightmode .default-gradient-title').attr('name'); + gradientTextaName = textGradientName.split(',')[0] + gradientTexta = window[gradientTextaName.replace('-','')] + gradientTextbName = textGradientName.split(',')[1] + gradientTextb = window[gradientTextbName.replace('-','')] + iconsName = $(document).find('#' + activeTheme + ' .lightmode .default-icon').attr('name') + icons = window[iconsName.replace('-','')]; + onIcons = window['on' + iconsName.replace('-','')]; + themeIcons(iconsName ,icons , onIcons ) + buttonsName = $(document).find('#' + activeTheme + ' .lightmode .default-button').attr('name') + buttons = window[buttonsName .replace('-','')] + onButtons = window['on' + buttonsName .replace('-','')]; + themeButtons(buttonsName ,buttons , onButtons ) + if (backgroundPrimary == '#ffffff' || backgroundPrimary == 'rgb(255,255,255)') { + chartBG = backgroundSecondary; + document.querySelector(':root').style.setProperty('--chart-bg', backgroundSecondary); + document.querySelector(':root').style.setProperty('--input', '#ffffff'); + document.querySelector(':root').style.setProperty('--on-input', '#121212'); + document.querySelector(':root').style.setProperty('--input-disabled', 'rgba(0,0,0,.12)'); + } else if (backgroundPrimary == black) { + chartBG = 'rgb(34,34,34)' + document.querySelector(':root').style.setProperty('--chart-bg', 'rgb(34,34,34)'); + document.querySelector(':root').style.setProperty('--input', 'rgba(255,255,255,.03)'); + document.querySelector(':root').style.setProperty('--on-input', '#ffffff'); + document.querySelector(':root').style.setProperty('--input-disabled', 'rgba(0,0,0,.12)'); + } else { + chartBG = '#ffffff' + document.querySelector(':root').style.setProperty('--chart-bg', '#ffffff'); + document.querySelector(':root').style.setProperty('--input', 'rgba(255,255,255,.03)'); + document.querySelector(':root').style.setProperty('--on-input', '#121212'); + document.querySelector(':root').style.setProperty('--input-disabled', 'rgba(0,0,0,.12)'); + } + document.querySelector(':root').style.setProperty('--primary' , primary); + document.querySelector(':root').style.setProperty('--secondary' , secondary); + document.querySelector(':root').style.setProperty('--tertiary' , tertiary); + document.querySelector(':root').style.setProperty('--chart-bg', '#ffffff'); + document.querySelector(':root').style.setProperty('--input', 'rgba(255,255,255,.03)'); + document.querySelector(':root').style.setProperty('--on-input', '#121212'); + document.querySelector(':root').style.setProperty('--input-disabled', 'rgba(0,0,0,.12)'); + document.querySelector(':root').style.setProperty('--background', backgroundPrimary); + document.querySelector(':root').style.setProperty('--on-background', onbackgroundPrimary); + document.querySelector(':root').style.setProperty('--background-secondary', backgroundSecondary); + document.querySelector(':root').style.setProperty('--on-background-secondary', onbackgroundSecondary); + //document.querySelector(':root').style.setProperty('--text-gradient', textGradient); + document.querySelector(':root').style.setProperty('--color-drop', colorDrop); + document.querySelector(':root').style.setProperty('--border', borderColor); + document.querySelector(':root').style.setProperty('--chip', chip); + document.querySelector(':root').style.setProperty('--on-chip', onchip); + document.querySelector(':root').style.setProperty('--icons', icons); + document.querySelector(':root').style.setProperty('--on-icons', onIcons); + document.querySelector(':root').style.setProperty('--button', buttons); + document.querySelector(':root').style.setProperty('--on-button', onButtons); + document.querySelector(':root').style.setProperty('--groupButtonBG', groupButtonBG); + document.querySelector(':root').style.setProperty('--chart-lineColor', lineColor); + document.querySelector(':root').style.setProperty('--surface', surface); + document.querySelector(':root').style.setProperty('--onsurface', onsurface); + // darmode // + dmprimary = window[$(document).find('#' + activeTheme + ' .darkmode .default-primary').attr('name').replace('-','')]; + dmonPrimary = window['on' + $(document).find('#' + activeTheme + ' .darkmode .default-primary').attr('name').replace('-','')]; + dmsecondary = window[$(document).find('#' + activeTheme + ' .darkmode .default-secondary').attr('name').replace('-','')]; + dmonSecondary = window['on' + $(document).find('#' + activeTheme + ' .darkmode .default-secondary').attr('name').replace('-','')]; + dmtertiary = window[$(document).find('#' + activeTheme + ' .darkmode .default-tertiary').attr('name').replace('-','')]; + dmontertiary = window['on' + $(document).find('#' + activeTheme + ' .darkmode .default-tertiary').attr('name').replace('-','')]; + dmbackgroundPrimary = $('#' + activeTheme + ' .darkmode .default-background').css('backgroundColor'); + dmonbackgroundPrimary = $('#' + activeTheme + ' .darkmode .default-background').css('color'); + dmbackgroundPrimaryName = $('#' + activeTheme + ' .darkmode .default-background').attr('name') + dmbackgroundSecondary = $('#' + activeTheme + ' .darkmode .default-background-secondary').css('backgroundColor'); + dmonbackgroundSecondary = $('#' + activeTheme + ' .darkmode .default-background-secondary').css('color'); + dmbackgroundSecondaryName = $('#' + activeTheme + ' .darkmode .default-background-secondary').attr('name') + dmbackgroundSecondary = $('#' + activeTheme + ' .darkmode .default-background-tertiary').css('backgroundColor'); + dmonbackgroundSecondary = $('#' + activeTheme + ' .darkmode .default-background-tertiary').css('color'); + dmbackgroundTertiaryName = 'primary-700' + dmbackgroundTertiary = window.primary700; + dmonbackgroundTertiary = dmwhite; + dmtextGradientName = buildDMTextgradient(); + dmtooltip = elevationShades(dmbackgroundPrimary,.06) + + buildDMIcons() + if (dmbackgroundPrimaryName == 'primaryDarkBG') { + dmgroupButtonBG = 'rgba(0,0,0,.25)' + } else { + dmgroupButtonBG = black + } + dmsurface = dmbackgroundPrimary + dmcolorDrop = black + dmcolorDropName = 'black'; + dmborderColor = 'rgba(255,255,255,.15)' + dmchip = 'rgba(255,255,255,.35)' + dmonchip = black + dmgroupButtonBG = 'rgba(255,255,255,.1)' + dmlineColor = "rgba(255,255,255.05)" + dmsurface = dmbackgroundPrimary; + dmonsurface = dmwhite + document.querySelector(':root').style.setProperty('--dm-background', dmbackgroundPrimary); + document.querySelector(':root').style.setProperty('--dm-on-background', dmonbackgroundPrimary ); + document.querySelector(':root').style.setProperty('--dm-background-secondary', dmbackgroundSecondary); + document.querySelector(':root').style.setProperty('--dm-on-background-secondary', dmonbackgroundSecondary); + document.querySelector(':root').style.setProperty('--dm-text-gradient', dmtextGradient); + document.querySelector(':root').style.setProperty('--dm-icon', dmicons); + document.querySelector(':root').style.setProperty('--dm-on-icon', dmonicons); + document.querySelector(':root').style.setProperty('--dm-button', dmbuttons); + document.querySelector(':root').style.setProperty('--dm-on-button', dmonbuttons); + document.querySelector(':root').style.setProperty('--dm-chart-lineColor', dmlineColor); + document.querySelector(':root').style.setProperty('--dm-surface', dmsurface); + document.querySelector(':root').style.setProperty('--dm-on-surface', dmonsurface); + document.querySelector(':root').style.setProperty('--dm-chip' , dmchip ); + document.querySelector(':root').style.setProperty('--dm-on-chip' , dmonchip ); + document.querySelector(':root').style.setProperty('--dm-color-drop' , dmcolorDropName ); + document.querySelector(':root').style.setProperty('--dm-border' , dmborderColor ); + document.querySelector(':root').style.setProperty('--dm-chart-lineColor' , dmlineColor); + document.querySelector(':root').style.setProperty('--dm-groupButtonBG' , groupButtonBG ); + additionalThemeSettings() + /// clear the theme builder form // + clearTheme(); + } + } + + + function additionalThemeSettings() { + // setPrimaryNav() + // setHero() + // setSecondaryNav() + // heroAlignment() + // heroElements() + // heroStyle() + calculateElevations(rgb2hex(dmbackgroundPrimary)) + //build_ChartColors() + //buildCharts('light') + loadStates() + loadInput() + loadGrid() + loadBorder(); + loadFocus() + buildHotlinks(); + /// clear the theme builder form // + clearTheme(); + } + + // update text styles // + function updateTextStyles() { + $('.styles').each(function() { + var name = $(this).attr('name') + var fontFamily = $(this).parents().find('.' + name).css('font-family'); + var fontSize = $(this).parents().find('.' + name).css('font-size'); + var fontWeight = $(this).parents().find('.' + name).css('font-weight'); + var lh = $(this).parents().find('.' + name).css('line-height'); + var spacing = $(this).parents().find('.' + name).css('letter-spacing'); + var textDecoration = $(this).parents().find('.' + name).css('text-decoration'); + $(this).find('.font-family span').html(fontFamily) + $(this).find('.font-size span').html(fontSize) + $(this).find('.font-weight span').html(fontWeight) + $(this).find('.font-line-height span').html(lh) + $(this).find('.font-charcter-spacing span').html(spacing) + if ($(this).find('.font-text-decoration').length) { + $(this).find('.font-text-decoration span').html(textDecoration) + } + }); + } + + ////// PHASE II - ATOMS ////// + // step 1. add colors to the palette // + // When the user clicks the "Add Color Button" + $('.checkContrast').click(function() { + // remove any existing input error in the interfqace // + var errorColor = $('.lightmode .danger').css('backgroundColor'); + errorColor = rgb2hex(errorColor); + var err = false; + $('.errorMessage').remove(); + $('input').removeClass('error') + // convert the color name to lowercase // + var colorClass = $('#colorName').val().toLowerCase().replace(/ /g, '') + // if there is no color name alert the end user // + if(!$('#colorName').val()){ + err = true; + errorMessage = 'Please provide a name for your color' + $('
'+errorMessage +'
').insertAfter('#colorName'); + $('#colorName').parent().find('.errorMessage').prepend('') + } + // name sure the name has not been used before // + $('#buildColor .light-mode .colorRow').each(function() { + var name = $(this).attr('id').replace('-light',''); + if (name = colorClass) { + err = true; + $('#colorName').addClass('error'); + errorMessage = 'Please provide a unique name for your color' + $('
'+errorMessage +'
').insertAfter('#colorName'); + $('#colorName').parent().find('.errorMessage').prepend('') + } + }); + // get the color input // + var color = $('#colorInput').val(); + // if the color is not a hex value create an error // + if (!/^#[0-9A-F]{6}$/i.test(color) == true) { + err = true; + $('#colorInput').addClass('error'); + errorMessage = 'Please provide an hexidecimal value' + $('
'+errorMessage +'
').insertAfter('#colorInput'); + $('#colorInput').parent().find('.errorMessage').prepend('') + } + // if there are no errors then add the color // + if (err == false) { + $('.errorMessage').remove(); + $('input').removeClass('error') + addtoTheme(colorClass, color) + } + + }); + + // Click button to generate colors // + function addtoTheme(colorClass, color) { + buildSwatches(colorClass); + $('.results').addClass('active') + // convert the color to an array the r, g, b values // + var rgbArray = hextoRGBArray(color); + // get the perceived lightness // + var lightness = chroma.rgb(rgbArray).lch()[0] + + // add the name of the color and div with the hex value to the system // + $(document).find('#' + system + ' .default-palette').append('
'+ colorClass +'
'+ color +'
') + // based on the perceived lightness + // * tag the enteres color shade a 'prime' // + // * build the required number of darker shades (plus 1) and the number of lighter shades that need to be built // + var shade; + if (lightness > 95 && lightness <= 100) { + shade = 0 + } else if (lightness > 85 && lightness <= 95) { + shade = 100 + } else if (lightness > 75 && lightness <= 85) { + shade = 200 + } else if (lightness > 65 && lightness <= 75) { + shade = 300 + } else if (lightness > 55 && lightness <= 65) { + shade = 400 + } else if (lightness > 45 && lightness <= 55) { + shade = 500 + } else if (lightness > 35 && lightness <= 45) { + shade = 600 + } else if (lightness > 25 && lightness <= 35) { + shade = 700 + } else if (lightness > 15 && lightness <= 25) { + shade = 800 + } else if (lightness > 0 && lightness <= 15) { + shade = 900 + } + $(document).find('#' + colorClass + '-light-' + shade).addClass('prime'); + $(document).find('#' + colorClass + '-dark-' + shade).addClass('prime'); + buildShades('light', colorClass, color, shade) + buildShades('dark', colorClass, color, shade) +// adjustments(colorClass, 'light'); +// adjustments(colorClass, 'dark'); + // clear the input values // + // build the half and quarter colors - these will become the possible light primary and secondary background colors - the user does not see these colors in the palette and ultimately only the primary half and quarter colors will be used // + // find the lightest shade of the color // + var lightColor = $(document).find('#' + colorClass +'-light-0 .Hex').css('backgroundColor'); + // convert it to hex // + lightColor = rgb2hex(lightColor); + // for the half color - mix the lightest color with white with an opacity of .5 // + //var halfColor = $.xcolor.opacity(lightColor, '#ffffff', .5) + // for the quarter color - mix the lightest color with white with an opacity of .5 // + //var quarterColor = $.xcolor.opacity(lightColor, '#ffffff', .75)= + // update the swatches with the colors // + //$(document).find('#' + colorClass +'-light-Half .Hex').css('background', halfColor); + //$(document).find('#' + colorClass +'-light-Quarter .Hex').css('background', quarterColor); + //var primaryDarkBG = chroma.lch().rgb() + // var secondaryDarkBG = '' + $('#colorName').val('') + $('#colorInput').val('#ffffff'); + $('#colorInput').css('background','#ffffff'); + $('#colorInput').css('color','#121212'); + } + + // Build the scoffolding for the 10 shades of color in light and dark mode // + function buildSwatches(colorClass) { + $( "#light-mode" ).append( "
"+ colorClass +"
" ); + $( "#dark-mode" ).append( "
"+ colorClass + "
" ); + i = 0; + while (i < 1000) { + if (i == 900) { + $('body').find('#' + colorClass + '-light').append('
'+i+'
Aa
Color:
Adjust Hue
On Color:
Contrast:
'); + $('body').find('#' + colorClass + '-dark').append('
'+i+'
Aa
Color:
On Color:
Contrast:
Saturation:
') ; + } else if (i == 0) { + $('body').find('#' + colorClass + '-light').append('
'+i+'
Aa
Color:
Adjust Hue
On Color:
Contrast:
'); + $('body').find('#' + colorClass + '-dark').append('
'+i+'
Aa
Color:
On Color:
Contrast:
Saturation:
') ; + } else { + $('body').find('#' + colorClass + '-light').append('
'+i+'
Aa
Color:
On Color:
Contrast:
'); + $('body').find('#' + colorClass + '-dark').append('
'+i+'
Aa
Color:
On Color:
Contrast
Saturation:
') ; + } + i = i + 100; + } + } + + function checkTheme(colorName) { + var primaryName = $('.default-primary').attr('name').split('-')[0] + var primaryShade = $('.default-primary').attr('name').split('-')[1] + + if (primaryName == colorName) { + //update primary background color // + $('.default-primary').css('background', ) + //update primary text color // + } + + + } + + // create color .01 darker // + function adjustLighterCount(theme, color, text_color, contrastRation, mode) { + var i = 0 + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + while (contrastRation < wcagContrast) { + hex = (chroma(color).brighten(i)).toString() + rgbArray = hextoRGBArray(hex) + if (mode == 'dark' && text_color == [255,255,255]) { + var hex = rgb2hex(rgb) + var colorHex = rgb2hex(color) + var newHex = mixColors(colorHex,'#FFFFFF',mixer ); + var lightArray = hex2rgb(newHex) + var lightArray = lightArray.replace('rgb(','') + var lightArray = lightArray.replace(')',''); + text_color = lightArray.split(','); + } + var contrastRation = contrast(rgbArray, text_color); + var contrastRation = contrastRation.toFixed(2) + if (contrastRation >= wcagContrast){ + return(i) + } + i = i + .01 + color = hex + } + } + + + // create color .01 brighter // + function adjustColorLighter(theme, color, text_color, contrastRation, mode) { + i = 0 + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + while (contrastRation < wcagContrast) { + hex = (chroma(color).brighten(i)).toString() + rgbArray = hextoRGBArray(hex) + if (mode == 'dark' && text_color == '255,255,255') { + var colorHex = rgb2hex(color) + var newHex = mixColors(colorHex,'#FFFFFF',mixer ); + var lightArray = hextoRGBArray(newHex) + var contrastRation = contrast(lightArray, text_color); + var contrastRation = contrastRation.toFixed(2) + } else { + var contrastRation = contrast(rgbArray, text_color); // 1.0736196319018405 + contrastRation = contrastRation.toFixed(2) + } + if (contrastRation >= wcagContrast){ + $('#' + theme ).addClass('darkened') + buildColor(theme, mode,rgbArray,text_color,contrastRation); + break; + } + i = i + .01 + color = hex + } + } + + + // create color .01 darker // + function adjustDarkerCount(theme, color, text_color, contrastRation, mode) { + var i = 0 + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + while (contrastRation < wcagContrast) { + hex = (chroma(color).darken(i)).toString() + rgbArray = hextoRGBArray(hex) + if (mode == 'dark' && text_color == [255,255,255]) { + var hex = rgb2hex(rgb) + var colorHex = rgb2hex(color) + var newHex = mixColors(colorHex,'#FFFFFF',mixer ); + var lightArray = hex2rgb(newHex) + var lightArray = lightArray.replace('rgb(','') + var lightArray = lightArray.replace(')',''); + text_color = lightArray.split(','); + } + var contrastRation = contrast(rgbArray, text_color); + var contrastRation = contrastRation.toFixed(2) + if (contrastRation >= wcagContrast){ + return(i) + } + i = i + .01 + color = hex + } + } + + + // create color .01 darker // + function adjustColorDarker(theme, color, text_color, contrastRation, mode) { + var i = 0 + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + if (mode == 'dark') { + // adjust for elevations // + var checkcolor = (mixColors(color,'#ffffff',.16 )).toString(); + } else { + var checkcolor = color + } + + while (contrastRation < wcagContrast) { + hex = (chroma(checkcolor).darken(i)).toString() + rgbArray = hextoRGBArray(hex) + if (mode == 'dark' && text_color == [255,255,255]) { + var hex = rgb2hex(rgb) + var colorHex = rgb2hex(color) + var newHex = mixColors(colorHex,'#FFFFFF',mixer ); + var newText = hextoRGBArray(newHex) + } else { + var newText = text_color + } + var contrastRation = contrast(rgbArray, newText); + var contrastRation = contrastRation.toFixed(2) + if (contrastRation >= wcagContrast){ + $('#' + theme ).addClass('darkened') + buildColor(theme, mode,rgbArray,[255,255,255],contrastRation); + break; + } + i = i + .01 + color = hex + } + } + + // create color .01 darker // + function adjustColorDarker(theme, color, text_color, contrastRation, mode) { + i = 0 + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + while (contrastRation < wcagContrast) { + hex = (chroma(color).darken(i)).toString() + rgbArray = hextoRGBArray(hex) + if (mode == 'dark' && text_color == '255,255,255') { + var colorHex = rgb2hex(color) + var newHex = mixColors(colorHex,'#FFFFFF',mixer ); + var lightArray = hextoRGBArray(newHex) + var contrastRation = contrast(lightArray, text_color); + var contrastRation = contrastRation.toFixed(2) + } else { + var contrastRation = contrast(rgbArray, text_color); // 1.0736196319018405 + contrastRation = contrastRation.toFixed(2) + } + if (contrastRation >= wcagContrast){ + $('#' + theme ).addClass('darkened') + buildColor(theme, mode,rgbArray,[255,255,255],contrastRation); + break; + } + i = i + .01 + color = hex + } + } + + + $(document).on('click', '.edit-color', function() { + var colorName = $(this).parents('.title-area').find('.subtitle1').attr('name'); + alert(colorName) + }); + + $(document).on('click', '.delete-color', function() { + var colorName = $(this).parents('.title-area').find('.subtitle1').attr('name'); + alert(colorName) + var primaryName = $('.default-primary').attr('name').split('-')[0]; + var seconaryName = $('.default-seconary').attr('name').split('-')[0]; + var tertiaryName = $('.default-tertiary').attr('name').split('-')[0]; + if (colorName != primaryName && colorName != secondaryName && colorName != tertiaryName) { + $(this).parents('.title-area').remove() + } + }); + + $(document).on('click', '.light-code-color', function() { + var colorName = $(this).parents('.title-area').find('.subtitle1').attr('name'); + + var color0 = rgb2hex($('#' + colorName + '-light-0 .Hex').css('backgroundColor')); + var color1 = rgb2hex($('#' + colorName + '-light-100 .Hex').css('backgroundColor')); + var color2 = rgb2hex($('#' + colorName + '-light-200 .Hex').css('backgroundColor')); + var color3 = rgb2hex($('#' + colorName + '-light-300 .Hex').css('backgroundColor')); + var color4 = rgb2hex($('#' + colorName + '-light-400 .Hex').css('backgroundColor')); + var color5 = rgb2hex($('#' + colorName + '-light-500 .Hex').css('backgroundColor')); + var color6 = rgb2hex($('#' + colorName + '-light-600 .Hex').css('backgroundColor')); + var color7 = rgb2hex($('#' + colorName + '-light-700 .Hex').css('backgroundColor')); + var color8 = rgb2hex($('#' + colorName + '-light-800 .Hex').css('backgroundColor')); + var color9 = rgb2hex($('#' + colorName + '-light-900 .Hex').css('backgroundColor')); + var oncolor0 = rgb2hex($('#' + colorName + '-light-0 .Hex').css('color')); + oncolor0 = oncolor0.replace(/ /g, '') + if (oncolor0 == 'rgb(255,255,255)') { + oncolor0 = '{text.white}' + } else { + oncolor0 = '{text.dark}' + } + var oncolor1 = $('#' + colorName + '-light-100 .Hex').css('color'); + oncolor1 = oncolor1.replace(/ /g, '') + if (oncolor1 == 'rgb(255,255,255)') { + oncolor1= '{text.white}' + } else { + oncolor1= '{text.dark}' + } + var oncolor2 = $('#' + colorName + '-light-200 .Hex').css('color'); + alert('color2 - ' + oncolor2) + oncolor2 = oncolor1.replace(/ /g, '') + if (oncolor2 == 'rgb(255,255,255)') { + oncolor2= '{text.white}' + } else { + oncolor2= '{text.dark}' + } + var oncolor3 = $('#' + colorName + '-light-300 .Hex').css('color'); + oncolor3 = oncolor3.replace(/ /g, '') + if (oncolor3 == 'rgb(255,255,255)') { + oncolor3= '{text.white}' + } else { + oncolor3= '{text.dark}' + } + var oncolor4 = $('#' + colorName + '-light-400 .Hex').css('color'); + oncolor4 = oncolor4.replace(/ /g, '') + if (oncolor4 == 'rgb(255,255,255)') { + oncolor4= '{text.white}' + } else { + oncolor4= '{text.dark}' + } + var oncolor5 = $('#' + colorName + '-light-500 .Hex').css('color'); + oncolor5 = oncolor5.replace(/ /g, '') + if (oncolor5 == 'rgb(255,255,255)') { + oncolor5= '{text.white}' + } else { + oncolor5= '{text.dark}' + } + var oncolor6 = $('#' + colorName + '-light-600 .Hex').css('color'); + oncolor6 = oncolor6.replace(/ /g, '') + if (oncolor6 == 'rgb(255,255,255)') { + oncolor6= '{text.white}' + } else { + oncolor6= '{text.dark}' + } + var oncolor7 = $('#' + colorName + '-light-700 .Hex').css('color'); + oncolor7 = oncolor7.replace(/ /g, '') + if (oncolor7 == 'rgb(255,255,255)') { + oncolor7= '{text.white}' + } else { + oncolor7= '{text.dark}' + } + var oncolor8 = $('#' + colorName + '-light-800 .Hex').css('color'); + oncolor8 = oncolor8.replace(/ /g, '') + if (oncolor8 == 'rgb(255,255,255)') { + oncolor8= '{text.white}' + } else { + oncolor8= '{text.dark}' + } + var oncolor9 = $('#' + colorName + '-light-900 .Hex').css('color'); + oncolor9 = oncolor9.replace(/ /g, '') + if (oncolor9 == 'rgb(255,255,255)') { + oncolor9= '{text.white}' + } else { + oncolor9= '{text.dark}' + } + var lightCode = '"' + colorName+'": {"color": {"100": {"type": "color","value": "'+ color1 +'"},"200": {"type": "color","value": "'+ color2 +'"},"300": {"type": "color","value": "'+ color3 +'"},"400": {"type": "color","value": "'+ color4 +'"},"500": {"type": "color","value": "'+ color5 +'"},"600": {"type": "color","value": "'+ color6 +'"},"700": {"type": "color","value": "'+ color7 +'"},"800": {"type": "color","value": "'+ color8 +'"},"900": {"type": "color","value": "'+ color9 +'"},"050": {"type": "color","value": "'+ color0 +'"}},"on-color": {"100": {"type": "color","value": "'+oncolor1+'"},"200": {"type": "color","value": "'+oncolor2+'"},"300": {"type": "color","value": "'+oncolor3+'"},"400": {"type": "color","value": "'+oncolor4+'"},"500": {"type": "color","value": "'+oncolor5+'"},"600": {"type": "color","value": "'+oncolor6+'"},"700": {"type": "color","value": "'+oncolor7+'"},"800": {"type": "color","value": "'+oncolor8+'"},"900": {"type": "color","value": "'+oncolor9+'"},"050": {"type": "color","value": "'+oncolor0+'"}}}' + $('#code-light').html(lightCode); + alert(lightCode); + }); + + $(document).on('click', '.dark-code-color', function() { + var colorName = $(this).parents('.title-area').find('.subtitle1').attr('name'); + var darkcolor0 = rgb2hex($('#' + colorName + '-dark-0 .Hex').css('backgroundColor')); + var darkcolor1 = rgb2hex($('#' + colorName + '-dark-100 .Hex').css('backgroundColor')); + var darkcolor2 = rgb2hex($('#' + colorName + '-dark-200 .Hex').css('backgroundColor')); + var darkcolor3 = rgb2hex($('#' + colorName + '-dark-300 .Hex').css('backgroundColor')); + var darkcolor4 = rgb2hex($('#' + colorName + '-dark-400 .Hex').css('backgroundColor')); + var darkcolor5 = rgb2hex($('#' + colorName + '-dark-500 .Hex').css('backgroundColor')); + var darkcolor6 = rgb2hex($('#' + colorName + '-dark-600 .Hex').css('backgroundColor')); + var darkcolor7 = rgb2hex($('#' + colorName + '-dark-700 .Hex').css('backgroundColor')); + var darkcolor8 = rgb2hex($('#' + colorName + '-dark-800 .Hex').css('backgroundColor')); + var darkcolor9 = rgb2hex($('#' + colorName + '-dark-900 .Hex').css('backgroundColor')); + var darkoncolor0 = $('#' + colorName + '-dark-0 .Hex').css('color'); + if (darkoncolor0.includes('rgba')) { + darkoncolor0 = mixColors('#FFFFFF',darkcolor0,dmOpacity ); + } else { + darkoncolor0 = '{text.dark}' + }; + var darkoncolor1 = $('#' + colorName + '-dark-100 .Hex').css('color'); + if (darkoncolor1.includes('rgba')) { + darkoncolor1 = mixColors('#FFFFFF',darkcolor1,dmOpacity ); + } else { + darkoncolor1= '{text.dark}' + }; + var darkoncolor2 = $('#' + colorName + '-dark-200 .Hex').css('color'); + if (darkoncolor2.includes('rgba')) { + darkoncolor2 = mixColors('#FFFFFF',darkcolor2,dmOpacity ); + } else { + darkoncolor2= '{text.dark}' + }; + var darkoncolor3 = $('#' + colorName + '-dark-300 .Hex').css('color'); + if (darkoncolor3.includes('rgba')) { + darkoncolor3 = mixColors('#FFFFFF', darkcolor3,dmOpacity ); + } else { + darkoncolor3 = '{text.dark}' + }; + var darkoncolor4 = $('#' + colorName + '-dark-400 .Hex').css('color'); + if (darkoncolor4.includes('rgba')) { + darkoncolor4 = mixColors('#FFFFFF', darkcolor4,dmOpacity); + } else { + darkoncolor4= '{text.dark}' + }; + var darkoncolor5 = $('#' + colorName + '-dark-500 .Hex').css('color'); + if (darkoncolor5.includes('rgba')) { + darkoncolor5= mixColors('#FFFFFF',darkcolor5,dmOpacity ); + } else { + darkoncolor5= '{text.dark}' + }; + var darkoncolor6 = $('#' + colorName + '-dark-600 .Hex').css('color'); + if (darkoncolor6.includes('rgba')) { + darkoncolor6= mixColors('#FFFFFF',darkcolor6,dmOpacity ); + } else { + darkoncolor6= '{text.dark}' + }; + var darkoncolor7 = $('#' + colorName + '-dark-700 .Hex').css('color'); + if (darkoncolor7.includes('rgba')) { + darkoncolor7= mixColors('#FFFFFF',darkcolor7,dmOpacity ); + } else { + darkoncolor7= '{text.dark}' + }; + var darkoncolor8 = $('#' + colorName + '-dark-800 .Hex').css('color'); + if (darkoncolor8.includes('rgba')) { + darkoncolor8= mixColors('#FFFFFF',darkcolor8,dmOpacity ); + } else { + darkoncolor8= '{text.dark}' + }; + var darkoncolor9 = $('#' + colorName + '-dark-900 .Hex').css('color'); + if (darkoncolor9.includes('rgba')) { + darkoncolor9= mixColors('#FFFFFF',darkcolor9,dmOpacity ); + } else { + darkoncolor9= '{text.dark}' + }; + var darkCode = '"' + colorName+ '": {"color": {"100": {"type": "color","value": "'+ darkcolor1 +'"},"200": {"type": "color","value": "'+ darkcolor2 +'"},"300": {"type": "color","value": "'+ darkcolor3 +'"},"400": {"type": "color","value": "'+ darkcolor4 +'"},"500": {"type": "color","value": "'+ darkcolor5 +'"},"600": {"type": "color","value": "'+ darkcolor6 +'"},"700": {"type": "color","value": "'+ darkcolor7 +'"},"800": {"type": "color","value": "'+ darkcolor8 +'"},"900": {"type": "color","value": "'+ darkcolor9 +'"},"050": {"type": "color","value": "'+ darkcolor0 +'"}},"on-color": {"100": {"type": "color","value": "'+darkoncolor1+'"},"200": {"type": "color","value": "'+darkoncolor2+'"},"300": {"type": "color","value": "'+darkoncolor3+'"},"400": {"type": "color","value": "'+darkoncolor4+'"},"500": {"type": "color","value": "'+darkoncolor5+'"},"600": {"type": "color","value": "'+darkoncolor6+'"},"700": {"type": "color","value": "'+darkoncolor7+'"},"800": {"type": "color","value": "'+darkoncolor8+'"},"900": {"type": "color","value": "'+darkoncolor9+'"},"050": {"type": "color","value": "'+darkoncolor0+'"}}}' + alert(darkCode) + }); + + + function getWCAGColor(hex,text_color,contrastRequirement) { + var percentOpacity = .0; + var contrastAmount = 0 + while (contrastAmount < contrastRequirement) { + percentOpacity = percentOpacity + .01 + var newHex = (mixColors(text_color, hex,percentOpacity)).toString(); + var newHexArray = hextoRGBArray(newHex); + var hexArray = hextoRGBArray(hex) + var contrastAmount = contrast(newHexArray, hexArray); + } + return(newHex) + } + + function getWCAGText(hex,text_color,contrastRequirement,mode) { + var percentOpacity = .7; + var contrastAmount = 0 + var count = 0 + if (mode == 'dark') { + // adjust for dark mode /// + percentOpacity = .5 + } + while (contrastAmount < contrastRequirement) { + var newHex = (mixColors(text_color, hex,percentOpacity)).toString(); + var newHexArray = hextoRGBArray(newHex); + var hexArray = hextoRGBArray(hex) + var contrastAmount = contrast(newHexArray, hexArray); + percentOpacity = percentOpacity + .01 + count = count + 1 + if (count > 20) { + break; + } + } + return(newHex) + } + + + function getHotlink(hex,hotlink,contrastRequirement) { + var hotlinkMix = 0; + var contrastAmount = 0 + while (contrastAmount < contrastRequirement) { + if (hotlinkMix > .75) { + return('onColor') + } + var newHotlink = (chroma(hotlink).brighten(hotlinkMix)).toString() + var hotlinkArray = hextoRGBArray(newHotlink); + var hexArray = hextoRGBArray(hex) + var contrastAmount = contrast(hexArray, hotlinkArray); + hotlinkMix = hotlinkMix + .25 + } + return(newHotlink) + } + + $(document).on('click', '.dark-border-color', function() { + var defaultColor = buildQuietBorder('default-0', 'dark'); + var neutral10 = buildQuietBorder('neutral-0', 'dark'); + var neutral20 = buildQuietBorder('neutral-100', 'dark'); + var neutral30 = buildQuietBorder('neutral-200', 'dark'); + var neutral40 = buildQuietBorder('neutral-300', 'dark'); + var neutral50 = buildQuietBorder('neutral-400', 'dark'); + var neutral60 = buildQuietBorder('neutral-500', 'dark'); + var neutral70 = buildQuietBorder('neutral-600', 'dark'); + var neutral80 = buildQuietBorder('neutral-700', 'dark'); + var neutral90 = buildQuietBorder('neutral-800', 'dark'); + var neutral100 = buildQuietBorder('neutral-900', 'dark'); + + $('#code-dark').html('"Mode-Colors": {' + defaultColor + neutral10 + neutral20 + neutral30 + neutral40 + neutral50 + neutral60 + neutral70 + neutral80 + neutral90 + neutral100 + '}') + }); + + $(document).on('click', '.light-border-color', function() { + var defaultColor = buildQuietBorder('default-0', 'light'); + var neutral10 = buildQuietBorder('neutral-0', 'light'); + var neutral20 = buildQuietBorder('neutral-100', 'light'); + var neutral30 = buildQuietBorder('neutral-200', 'light'); + var neutral40 = buildQuietBorder('neutral-300', 'light'); + var neutral50 = buildQuietBorder('neutral-400', 'light'); + var neutral60 = buildQuietBorder('neutral-500', 'light'); + var neutral70 = buildQuietBorder('neutral-600', 'light'); + var neutral80 = buildQuietBorder('neutral-700', 'light'); + var neutral90 = buildQuietBorder('neutral-800', 'light'); + var neutral100 = buildQuietBorder('neutral-900', 'light'); + var magenta10 = buildQuietBorder('magenta-0', 'light'); + var magenta30 = buildQuietBorder('magenta-100', 'light'); + var magenta40 = buildQuietBorder('magenta-200', 'light'); + var magenta50 = buildQuietBorder('magenta-500', 'light'); + var yellow10 = buildQuietBorder('magenta-0', 'light'); + var yellow30 = buildQuietBorder('magenta-100', 'light'); + var yellow40 = buildQuietBorder('magenta-200', 'light'); + var yellow50 = buildQuietBorder('magenta-500', 'light'); + var green10 = buildQuietBorder('green-0', 'light'); + var green30 = buildQuietBorder('green-100', 'light'); + var green40 = buildQuietBorder('green-200', 'light'); + var green50 = buildQuietBorder('green-300', 'light'); + var aqua10 = buildQuietBorder('aqua-0', 'light'); + var aqua30 = buildQuietBorder('aqua-100', 'light'); + var aqua40 = buildQuietBorder('aqua-200', 'light'); + var aqua50 = buildQuietBorder('aqua-300', 'light'); + var blue10 = buildQuietBorder('blue-0', 'light'); + var blue30 = buildQuietBorder('blue-100', 'light'); + var blue40 = buildQuietBorder('blue-200', 'light'); + var blue50 = buildQuietBorder('blue-300', 'light'); + var violet10 = buildQuietBorder('violet-0', 'light'); + var violet30 = buildQuietBorder('violet-100', 'light'); + var violet40 = buildQuietBorder('violet-200', 'light'); + var violet50 = buildQuietBorder('violet-300', 'light'); + $('#code-light').html('"Mode-Colors": {' + defaultColor + neutral10 + neutral20 + neutral30 + neutral40 + neutral50 + neutral60 + neutral70 + neutral80 + neutral90 + neutral100 + magenta10 + magenta30 + magenta40 + magenta50 + yellow10 + yellow10 + yellow30 + yellow40 + yellow50 + green10 + green30 + green40 + green50 + aqua10 + aqua30 + aqua40 + aqua50 + blue10 + blue30 + blue40 + blue50 + violet10 + violet30 + violet40 + violet50 + '}') + }); + function capitalize(word) { + return $.camelCase("-" + word); + } + + function buildQuietBorder(colorN, mode) { + var colorName = colorN.split('-')[0]; + var colorShade = colorN.split('-')[1] + if (colorName =="default") { + if (mode == "dark") { + colorName = "neutral" + colorShade = '800' + } else { + colorName = "neutral" + colorShade = '0' + } + } + var colorTitle = colorName + '-' + colorShade; + var color = rgb2hex($('#' + colorName + '-' + mode + '-' + colorShade + ' .Hex').css('backgroundColor')); + var onColor = $('#' + colorName + '-' + mode + '-' + colorShade + ' .Hex').css('color') + onColor = onColor.replace(/ /g, '') + if (onColor == 'rgba(255,255,255,0.7)') { + onColor = '#ffffff' + } else { + rgb2hex(onColor) + } + var contrastRation = wcagContrast + var hotlink = '#3057B9'; + var elevationBG + if (mode == 'dark') { + if (contrastRation == '4.1') { + var buttonHex = '#dd733e' + var buttonName = 'Orange' + var buttonShade = '400' + } else { + var buttonHex = '#ea6a28' + var buttonName = 'Orange' + var buttonShade = '600' + } + // text color // + // accomidate for up to white with an opacity of .16 for elevations-9 // + elevationBG = (mixColors('#ffffff', color, .86)).toString() + // If the onColor does not provide enough contrast for all elevations - update it // + if (onColor.indexOf("rgba") >= 0) { + onColor = '#ffffff' + } + if (onColor.indexOf("rgb") >= 0) { + onColor = rgb2hex(onColor) + } + var newOn = getWCAGText(elevationBG,onColor,contrastRation,mode) + newOn = rgb2hex(newOn) + } else { + var newOn = onColor + elevationBG = color; + if (contrastRation == '4.1') { + var buttonHex = '#ea6a28' + var buttonName = 'Orange' + var buttonShade = '400' + } else { + var buttonHex = '#621200' + var buttonName = 'Orange' + var buttonShade = '400' + } + } + // on on Color // + if (onColor == '#ffffff') { + var ononColor = '{text.dark}' + } else { + var ononColor = '{text.white}' + } + // icons // + // on on Color // + if (onColor == '#ffffff') { + var secondaryIcon = '{All-Colors.Yellow.Color.200}' + } else { + var secondaryIcon = buttonHex + } + // buttons // + var elevationArray = hextoRGBArray(elevationBG); + var buttonArray = hextoRGBArray(buttonHex); + var buttonContrast = contrast(elevationArray, buttonArray); + if (buttonContrast < 3.1) { + if (onColor == '#ffffff') { + var button ="White" + } else { + var button = "Dark" + } + } else { + var button ="Colored" + } + + // hotlink // + var hotlinkInfo = getHotlink(elevationBG,hotlink,contrastRation) + if (hotlinkInfo == 'onColor') { + hotlinkInfo = '{All-Colors.'+capitalize(colorName)+'.On-Color.'+colorShade+'}' + } + if (onColor.indexOf("rgba") >= 0) { + onColor = '#ffffff' + } + if (onColor.indexOf("rgb") >= 0) { + onColor = rgb2hex(onColor) + } + + var border = getWCAGColor(color,onColor,3.1,); + var quiet = getWCAGColor(color,onColor,contrastRation) + if (colorShade = '0') { + colorShade = '050' + } + return '"'+capitalize(colorTitle)+'": {"Background-Color": {"value": "{All-Colors.'+capitalize(colorName)+'.Color.'+colorShade+'}","type": "color"},"Alt-Background-Color": {"value": "{All-Colors.'+capitalize(colorName)+'.Color.'+colorShade+'}","type": "color","$extensions": {"studio.tokens": {"modify": {"type": "darken","value": ".1","space": "lch"}}}},"Background-On-Color": {"value": "'+newOn+'","type": "color"},"Background-On-Quiet": {"value": "'+quiet+'","type": "color"},"Background-On-On-Color": {"value": "'+ononColor+'","type": "color"},"Background-Button": {"value": "{Buttons.'+button+'.Color}","type": "color"},"Background-Button-Half": {"value": "{Buttons.'+button+'.Half}","type": "color"},"Background-On-Button": {"value": "{Buttons.'+button+'.On-Color}","type": "color"},"Background-Hotlink": {"value": "'+hotlinkInfo+'","type": "color"},"Background-Border": {"value": "'+border+'","type": "color"},"Secondary Icon Color": {"value": "'+secondaryIcon+'","type": "color"},"On Default Icon Color": {"value": "{Buttons.'+button+'.Color}","type": "color"}},' + + } + + $(document).on('click', '.adjust', function() { + /// remove any colorRows or Hex classes with hueModify or adjusting /// + $(document).find('.colorRow').removeClass('hueModify'); + $(document).find('.Hex').removeClass('adjusting') + $(this).parents('.colorRow').addClass('hueModify'); + $(this).parent().find('.Hex').addClass('adjusting'); + var color = $(document).find('.hueModify').find('.adjusting').css('backgroundColor'); + var endHex = rgb2hex(color); + var endHue = Math.round(chroma(endHex).hcl()[0]); + $('#hueModal').addClass('active'); + var y = $(document).find('.adjusting').offset(); + var adjustingShade = $(document).find('.adjusting').parent('.color-block').attr('id').match(/\d+/) + var colorName = $(document).find('.adjusting').parent('.color-block').attr('id').replace('-' + adjustingShade, ''); + colorName = colorName.replace('-light',''); + $('#hueName span').html(colorName + '-' + adjustingShade) + if (adjustingShade == 900) { + $('#hueModal').css('left', 'unset') + $('#hueModal').css('right', '27px'); + $('#hueModal').css('top',y.top - 290); + $('#resetHue').attr('name', 900 ) + } else { + $('#hueModal').css('right', 'unset'); + $('#hueModal').css('left', '310px') + $('#hueModal').css('top',y.top - 290); + $('#resetHue').attr('name', 0 ) + } + $('#max-hue').slider('value', endHue) + $('#newHue').html(endHue) + }); + + $(document).on('click', '#resetHue', function() { + var adjustHue = $(document).find('.hueModify').find('.adjusting').parents('.color-block').attr('id').match(/\d+/) + var resetRGB = $(document).find('.hueModify').find('.adjusting').attr('name').split('/')[0] + var resetHCL = chroma('rgb(' + resetRGB +')').hcl(); + var reset = resetHCL[0]; + var primeShade = $(document).find('.hueModify').find('.prime').attr('id').match(/\d+/); + var colorName = $(document).find('.adjusting').parent('.color-block').attr('id').replace('-' + adjustHue, ''); + if (adjustHue == 900) { + var i = parseInt(primeShade) + 100 + var n = 900 + } else { + var i = 0 + var n = primeShade - 100 + } + console.log('i: ' + i + ' n: ' + n) + while (i <= n) { + + console.log('#' + colorName + '-' + i + ' .Hex') + var iName = $(document).find('#' + colorName + '-' + i + ' .Hex').attr('name'); + var iRGB ='rgb(' + iName.split('/')[0] + ')'; + var iHex = iName.split('/')[1]; + console.log('iName:' + iName) + console.log('iRGB:' + iRGB) + console.log('iHex:' + iHex) + $(document).find('#' + colorName + '-' + i + ' .Hex').css('background', iRGB); + if (getContrast(iHex.toString()) == '#ffffff') { + text_color = [255,255,255]; // white + } else { + text_color = darkTextArray; // black + } + // get the contrast ration of the color against the suggested text color // + var contrastRation = contrast(resetRGB, text_color); // 1.0736196319018405 + console.log('contrastRation: ' + contrastRation) + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + var darkName = colorName.replace('light','dark') + + var newHex = mixColors('#000000',iHex,.15); + var newRGB = rgb2hex(newHex.toString()) + console.log(newRGB) + //checkDM(darkName + '-' + i, newRGB) + console.log('darkmode ') + checkContrast(colorName + '-' + i, iHex, 'light') + i = i + 100 + } + console.log(reset.toFixed(2)) + $("#max-hue").slider('value',reset.toFixed(2)); + $('#newHue').html(reset.toFixed(2)) + + }); + $(document).on('click', '#closeHue', function() { + $('#hueModal').removeClass('active'); + }); + // build color // + function buildColor(theme, mode,rgbArray,text_color,contrastRation) { + console.log('theme: ' + theme + ', mode: ' + mode + ' rgbArray:' + rgbArray + ' text_color: ' + text_color + ' contrastRation:' + contrastRation) + var rgb = "rgb(" + rgbArray +")" + var hex = rgb2hex(rgb) + var onColor = rgb2hex("rgb(" + text_color +")") + if (mode == 'dark') { + // get the sautation value and enter it in the color infomation // + var saturation = checkSaturation(hex) + $('#'+ theme + ' .Saturation span').html(saturation) + var rootTheme = theme.replace('-dark', ''); + // if the passed along text color is white - give it an opacity of .6 for dark mode // + if (text_color == '255,255,255') { + // update the swtaches css text color // + $('#'+ theme + ' .Hex').css('color', 'rgba(255,255,255,'+dmOpacity+')'); + // enter the value into the color infomation for the user // + $('#'+ theme + ' .OnColor span').html('rgba(255,255,255,'+dmOpacity+')') + // update the root theme's text color // + $('.' + theme).css('color', 'rgba(255,255,255,'+dmOpacity+')'); + // update the root variable // + document.querySelector(':root').style.setProperty('--dm-on-' + rootTheme, 'rgba(255,255,255,'+dmOpacity+')'); + if (rootTheme == 'info' || rootTheme == 'success' || rootTheme == 'warning' || rootTheme == 'danger') { + // for the state colors update the root with just the rgb values - this is done so that rgba values can be made with varying opacities // + document.querySelector(':root').style.setProperty('--dm-' + rootTheme, rgbArray); + } else { + document.querySelector(':root').style.setProperty('--dm-' + rootTheme, rgb); + } + } else { + $('#'+ theme + ' .Hex').css('color', darkText); + $('#'+ theme + ' .OnColor span').html(darkText) + $('.' + theme).css('color', darkText); + document.querySelector(':root').style.setProperty('--dm-on-' + rootTheme, darkText); + if (rootTheme == 'info' || rootTheme == 'success' || rootTheme == 'warning' || rootTheme == 'danger') { + document.querySelector(':root').style.setProperty('--dm-' + rootTheme, rgbArray); + } else { + document.querySelector(':root').style.setProperty('--dm-' + rootTheme, rgb); + } + } + } else { + var rootTheme = theme.replace('-light', ''); + $('#'+ theme + ' .Hex').css('color', onColor); + $('#'+ theme + ' .OnColor span').html(onColor); + var name = $('#'+ theme + ' .Hex').attr('name'); + if (!name) { + $('#'+ theme + ' .Hex').attr('name', rgbArray + '/' + hex); + } + $(document).find('.' + theme).css('color', onColor); + $(document).find('.' + theme).css('background', rgb); + var themeName = rootTheme.split('-')[0]; + // a the 10 light shades to the THEME drop down menu options for the following: // + // * Primary Color // + // * Secondary Color // + // * Tertiary Color // + // * Gradient 1-a // + // * Gradient 1-b // + // * Gradient 2-a // + // * Gradient 2-b // + // * Icons // + // * Buttons // + // * Text Gradient 1-a // + // * Text Gradient 1-b // + if ($(document).find('#primary-'+ themeName).length == 0) { + $('#themePrimary .dropdown-menu').append('
      • ') + $('#themeSecondary .dropdown-menu').append('
        • ') + $('#themeTertiary .dropdown-menu').append('
          • ') + $('#themeGradient1-a .dropdown-menu').append('
          • ') + $('#themeGradient1-b .dropdown-menu').append('
          • ') + $('#themeGradient2-a .dropdown-menu').append('
          • ') + $('#themeGradient2-b .dropdown-menu').append('
          • ') + $('#themeIcons .dropdown-menu').append('
          • ') + $('#themeButtons .dropdown-menu').append('
          • ') + $('#themeGradientText-a .dropdown-menu').append('
          • ') + $('#themeGradientText-b .dropdown-menu').append('
          • ') + $('#themeAccent .dropdown-menu').append('
          • ') + + } + if (rootTheme.indexOf("-") >= 0) { + var themeOrder = rootTheme.split('-')[1]; + if (themeOrder == '0') { + themeOrder = '1' + } + $('#primary-'+ themeName).append('
        • Aa
          • '); + $('#secondary-'+ themeName).append('
        • Aa
          • '); + $('#tertiary-'+ themeName).append('
        • Aa
          • '); + $('#gradient1-a-'+ themeName).append('
        • Aa
          • '); + $('#gradient1-b-'+ themeName).append('
        • Aa
          • '); + $('#gradient2-a-'+ themeName).append('
        • Aa
          • '); + $('#gradient2-b-'+ themeName).append('
        • Aa
          • '); + $('#themeAccent-'+ themeName).append('
        • Aa
          • '); + + // Get the current background color and show/hide the colors that will meet the contrast requirements of 3.1 or hight against the background // + // The colors have + var backgroundColor = $('#themeBackground button .Hex').eq(0).css('backgroundColor').replace(/\s/g, ''); + if (backgroundColor == 'rgb(255,255,255)' ) { + // if the color has a ration of 3.1 or higher agaist white then build an li and add the class 'for-white-bg' and make it active (visable) // + if (contrast([255,255,255], rgbArray) >= 3.1) { + $('#themeButtons-'+ themeName).append('
        • Aa
          • '); + $('#themeIcons-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-a-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-b-'+ themeName).append('
        • Aa
          • '); + } else { + // else build an li and add the class 'for-black-bg' with NO active class // + $('#themeButtons-'+ themeName).append('
        • Aa
          • '); + $('#themeIcons-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-a-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-b-'+ themeName).append('
        • Aa
          • '); + } + } else { + // if the color has a ration of 3.1 or higher agaist near black then build an li and add the class 'for-black-bg' and make it active (visable) // + if (contrast(darkTextArray, rgbArray) >= 3.1) { + $('#themeButtons-'+ themeName).append('
        • Aa
          • '); + $('#themeIcons-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-a-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-b-'+ themeName).append('
        • Aa
          • '); + } else { + // else build an li and add the class 'for-white-bg' with NO active class // + $('#themeButtons-'+ themeName).append('
        • Aa
          • '); + $('#themeIcons-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-a-'+ themeName).append('
        • Aa
          • '); + $('#themeGradientText-b-'+ themeName).append('
        • Aa
          • '); + } + } + } else { + // add subtitle for the color in each dropdown // + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#primary-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#secondary-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#tertiary-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#themeIcons-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#themeButtons-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#gradient1-a-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#gradient1-b-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#gradient2-a-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#gradient2-b-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#themeGradientText-a-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#themeGradientText-b-'+ themeName ) ); + $( '
          '+ rootTheme +'
          ' ).insertBefore( $('#themeDarkmode-BG-'+ themeName ) ); + } + // update the base color swatches // + $(document).find('.' + rootTheme).css('color', onColor); + $(document).find('.' + rootTheme).css('background', rgb); + + document.querySelector(':root').style.setProperty('--on-' + rootTheme, onColor); + // update the css root variable // + if (rootTheme == 'info' || rootTheme == 'success' || rootTheme == 'warning' || rootTheme == 'danger') { + // for the state colors update the root with just the rgb values - this is done so that rgba values can be made with varying opacities // + document.querySelector(':root').style.setProperty('--' + rootTheme, rgbArray); + } else { + document.querySelector(':root').style.setProperty('--' + rootTheme, rgb); + } + } + // update the color background and color information // + $('#'+ theme + ' .Hex').css('background', hex); + $('#'+ theme + ' .Contrast span').html(contrastRation) + $('#'+ theme + ' .Color span').html(hex) + + $('#'+ theme + ' .OnColor span').html('rgba(255,255,255,'+dmOpacity+')') + $('.' + theme).css('background', hex); + + // sort the shades in the various dropdowns from lighted to darkest using the 'themeOrder' value // + getSorted(); + } + + + + // build darker tones of color varients // + function buildShades(mode, theme, color, shade) { + var i = 0; + var prime = shade + var rgbArray = hextoRGBArray(color); + // calculate how many light shades need to get built // + var lightColors = (prime/100) + 1; + // calculate how many dark shades need to get built // + var darkColors = ((900-prime)/100) + 1 + if (lightColors > 1) { + var lightscale = chroma.scale([( '#FFFFFF') ,color]).correctLightness(true).colors(lightColors); + } else { + lightscale = [color] + } + if (darkColors > 1) { + if (mode == 'dark') { + var endColor = mixColors('#000000',color.toString(),.98); + } else { + var endColor = mixColors('#000000',color.toString(),.95); + } + var darkscale = chroma.scale([color,endColor]).correctLightness(true).colors(darkColors); + } else { + darkscale = [color] + } + if (lightscale.length > 0) { + lightscale.splice(-1) + } + var colorScale = $.merge(lightscale, darkscale); + while (i < 10) { + //var newRGB = adjustLightness(rgbArray,shade,lightness,mode) + if (i == 0) { + var f = chroma.scale([( '#FFFFFF') ,color]); + if (mode == 'light') { + var scale = 100/(prime * 2) + } else { + var scale = (100/ (prime * 4)) * 3 + } + newRGB = (f(scale)); + } else { + var newRGB = colorScale [i] + // adjust saturation of each color to create triangel effect - most saturated color are 600 and 700 // + } + newRGB = triangle(color,i,prime, newRGB, mode) + var shade = i * 100 + if (getContrast(newRGB) == '#ffffff') { + text_color = [255,255,255]; // white + } else { + text_color = darkTextArray; // black + } + // get the contrast ration of the color against the suggested text color // + var contrastRation = contrast(rgbArray, text_color); // 1.0736196319018405 + // convert the color to hex // + newRGB = rgb2hex(newRGB) + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + checkContrast(theme+'-'+mode+'-'+shade, newRGB, mode) + // + // loop through each shade // + i++; + } + + if (mode == "dark" && wcagContrast == 4.5) { + if (theme == 'info' || theme == 'success' || theme == 'warning' || theme == 'danger') { + } else { + adjust(theme,'dark'); + } + } + if (wcagContrast == 7.1) { + if (theme == 'info' || theme == 'success' || theme == 'warning' || theme == 'danger') { + } else { + adjust(theme,'light'); + adjust(theme,'dark') + } + } + } + + + function adjusttoMaxContrast(color,text,mode) { + /// get shades as close to contrast requiement as possible /// + var i = 0 + var hex = (chroma(color).darken(i)).toString() + var startHex = hex + var newText, textArray, rbgArray, contrastRatio + // get the dark mode text color // + if (text == '#ffffff') { + if (mode == 'dark') { + newText = lighten(color,mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255,255,255] + } + } else { + textArray = darkTextArray + } + + rgbArray = hextoRGBArray(hex); + // get the contrast ration of the color against the suggested text color // + contrastRatio = contrast(rgbArray, textArray); + //alert('start i: ' + i + ', color: ' + hex + ', contrast: ' + contrastRatio) + while (contrastRatio > wcagContrast) { + i = i + .01 + if (text == '#ffffff') { + hex = lighten(color,1 - i) + if (mode == 'dark') { + newText = lighten(color,mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255,255,255] + } + } else { + hex = (chroma(color).darken(i)).toString() + textArray = darkTextArray + } + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + //alert('i: ' + i + ', color: ' + hex + ', contrast: ' + contrastRatio) + } + i = i - .01 + if (text == '#ffffff') { + var hex = lighten(color,1 - i) + if (mode == 'dark') { + newText = lighten(color,mixer).toString() + textArray = hextoRGBArray(newText); + } else { + textArray = [255,255,255] + } + } else { + hex = (chroma(color).darken(i)).toString() + textArray = darkTextArray + } + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + if (contrastRatio < wcagContrast || i == 0) { + hex = startHex + rgbArray = hextoRGBArray(hex); + contrastRatio = contrast(rgbArray, textArray); + } + return(hex) + } + + function adjust(colorName, mode) { + var lastChar = dmOpacity[dmOpacity.length - 1]; + if (lastChar == "0") { + dmOpacity = dmOpacity.slice(0, -1); + } + i = 100 + var firstLightText; + while (i <= 900){ + var text = $(document).find('#' + colorName + '-'+mode+'-' + i + ' .Hex').css('color'); + var darkTextRGB = hex2rgb(darkText) + text = text.replace(/ /g, ''); + if (text == 'rgba(255,255,255,'+dmOpacity+')' || text == 'rgb(255,255,255)') { + firstLightText = i + lastDarkText = i - 100; + var startLightShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-0 .Hex').css('backgroundColor')); + var endLightShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-' + lastDarkText + ' .Hex').css('backgroundColor')); + var nexttoLast = lastDarkText - 100 + var nexttoLastLightShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-' + nexttoLast + ' .Hex').css('backgroundColor')); + // check to see if the last and 2nd to last colors are close /// + var difference = chroma.deltaE(endLightShade , nexttoLastLightShade); + // if the color + if ($('#' + colorName + '-'+mode+'-' + lastDarkText + ' .Hex').hasClass('lightened') || $('#' + colorName + '-'+mode+'-' + lastDarkText + ' .Hex').hasClass('darkened') || difference < 1.5) { + var endLightShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-' + nexttoLast + ' .Hex').css('backgroundColor')); + } else { + var endLightShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-' + lastDarkText + ' .Hex').css('backgroundColor')); + } + // adjust the color to have the max possible contrast // + endLightShade = adjusttoMaxContrast(endLightShade, darkTextArray, mode); + //alert(colorName+'-'+mode+': ' + endLightShade) + $(document).find('#' + colorName + '-'+mode+'-' + lastDarkText + ' .Hex').addClass('lastDarkText'); + checkContrast(colorName+'-'+mode+'-'+lastDarkText, hex2rgb(endLightShade), mode); + var d = firstLightText + var startDarkShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-' + firstLightText + ' .Hex').css('backgroundColor')); + startDarkShade = adjusttoMaxContrast(startDarkShade,'#ffffff',mode) + $(document).find('#' + colorName + '-'+mode+'-' + firstLightText + ' .Hex').addClass('firstLightText') + checkContrast(colorName+'-'+mode+'-'+d, hex2rgb(startDarkShade), mode); + rescale(colorName,mode,lastDarkText ); + return false; + } + i = i + 100 + } + } + + function rescale(colorName, mode, lastDarkText ) { + // get the lights shade // + var startLightShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-0 .Hex').css('backgroundColor')); + // get the last shade with dark text // + var endLightShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-'+ lastDarkText + ' .Hex').css('backgroundColor')); + var colorCount = lastDarkText/100 + 1 + var newLightShades = chroma.scale([startLightShade,endLightShade]).colors(colorCount); + // cycle through the new chroma scale and assign to the shades // + var firstLightText = lastDarkText + 100 + var n = 0 + while (n < firstLightText ) { + var shadeIndex = n/100 + var newColor = newLightShades[shadeIndex] + var newRGB = hex2rgb(newColor); + checkContrast(colorName+'-'+mode+'-'+n, newRGB, mode) + n = n + 100 + } + // get the darkest shade // + var endDarkShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-900 .Hex').css('backgroundColor')); + // get the first shade with light text // + var startDarkShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-'+ firstLightText+' .Hex').css('backgroundColor')); + var d = firstLightText + while (d <= 900) { + if (d == 900) { + var endDarkShade = rgb2hex($(document).find('#' + colorName + '-'+mode+'-900 .Hex').css('backgroundColor')); + var newRGB = hex2rgb(endDarkShade) + checkContrast(colorName+'-'+mode+'-'+d, newRGB, mode) + } else { + // cycle through the new chroma scale and assign to the shades // + var colorCount = (900 - lastDarkText)/100 + var newDarkShades = chroma.scale([startDarkShade,endDarkShade]).colors(colorCount); + var shadeIndex = (d - firstLightText)/100 + var newColor = newDarkShades[shadeIndex] + var newRGB = hex2rgb(newColor); + checkContrast(colorName+'-'+mode+'-'+d, newRGB, mode) + } + d = d + 100 + } + } + + $('#setchromaMax').click(function() { + if ($('#setchromaMax').is(':checked')) { + $('#maxChromaInfo').addClass('active') + } else { + $('#maxChromaInfo').removeClass('active') + } + }); + + // updade sautation // + function triangle(color,i,prime, newRGB, mode) { + var maxChroma, dmmaxChroma + if ($('#setchromaMax').is(':checked')) { + maxChroma = $('#chromaMax').val(); + dmmaxChroma = $('#dmchromaMax').val(); + } else { + maxChroma = 100 + dmmaxChroma = 40 + } + prime = prime/100 + var primeHcl = chroma(color).hcl(); + if (primeHcl[1] > maxChroma) { + maxChroma = primeHcl[1] + } + if (mode == 'dark') { + if (maxChroma >= dmmaxChroma) { + maxChroma = dmmaxChroma + } + } + var primeChroma = primeHcl[1] + var ihcl = chroma(newRGB).hcl() + var change + if (i == prime) { + change = 1 + var newChroma = primeChroma * change + } else if (prime < 7) { + if (i == 0) { + if (mode == 'dark') { + change =.75/prime + } else { + change =.5/prime + } + } + else if (i <= 7) { + change = i/prime + } else { + change = (7 - (i - 7) - 1)/7 + } + var newChroma = primeChroma * change + } else { + var seven = (7/(7 - (prime - 7) - 1)) * primeChroma + if (seven > maxChroma) { + seven = maxChroma + } + console.log('7: ' + seven) + if (i <= 7) { + if (i == 0) { + var change = .75/7 + } else { + var change = i/7 + } + console.log('change:' + change + ', seven: ' + seven) + newChroma = seven * change + console.log('i: ' + i + ', newChroma: ' + newChroma) + } else { + var change = (7 - (i - 7) - 1)/7 + newChroma = seven * change + console.log('i: ' + i + ', newChroma: ' + newChroma) + } + } + /// don't let the chroma be over the max of less than 4 /// + if (newChroma > maxChroma) { + newChroma = maxChroma + } else if (newChroma < 4){ + newChroma = 4 + } + newChroma = newChroma + console.log('prime:' + prime + ', i: ' + i + ', change: ' + change + ' Chroma:' + newChroma) + console.log('h: ' + ihcl[0] + ', c: ' + newChroma + ' , l: ' + ihcl[2]) + var newHCL = chroma.hcl(ihcl[0], newChroma , ihcl[2]).hex(); + console.log('i:' + i + ', hex: ' + newHCL + ' , chroma:' + chroma(newHCL).hcl()[1]); + return(newHCL) + } + + // desaturate color // + function desaturate(theme, color, mode, saturation) { + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + var rgbIntArray = []; + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + rgbIntArray.push(r); + rgbIntArray.push(g); + rgbIntArray.push(b); + var rgb = 'rgb(' + r + ',' + g + ', ' + b + ')' + const grayVal = getLightnessOfRGB(rgb)*255; + const [lowest,middle,highest] = getLowestMiddleHighest(rgbIntArray); + if(lowest.val===highest.val){return color;} + // So a gray version of our color would look like rgb(217,217,217); + // Now let's get the saturation range available: + const saturationRange = Math.round(Math.min(255-grayVal,grayVal)); + // Get the maximum change by getting the minimum out of: + // (255 - the highest value) OR (the lowest value) + const maxChange = Math.min((255-highest.val),lowest.val); + const changeAmount = Math.min(saturationRange/-5, maxChange); + const middleValueRatio =(grayVal-middle.val)/(grayVal-highest.val); + const returnArray=[]; + returnArray[highest.index]= Math.round(highest.val+changeAmount); + returnArray[lowest.index]= Math.round(lowest.val-changeAmount); + returnArray[middle.index]= Math.round(grayVal+(returnArray[highest.index]-grayVal)*middleValueRatio); + var rgb = 'rgb('+ returnArray +')'; + var color = rgb2hex(rgb) + var newSaturation = checkSaturation(color) + + var rgb = 'rgb('+ returnArray +')'; + var hex = rgb2hex(rgb); + var onColor = getContrast(hex); + checkContrast(theme, hex, 'dark') ; + + } + /// RGB to HSV /// + function RGBtoHSV(color) { + var r,g,b,h,s,v; + r= color[0]; + g= color[1]; + b= color[2]; + min = Math.min( r, g, b ); + max = Math.max( r, g, b ); + v = max; + delta = max - min; + if( max != 0 ) + s = delta / max; // s + else { + // r = g = b = 0 // s = 0, v is undefined + s = 0; + h = -1; + return [h, s, undefined]; + } + if( r === max ) + h = ( g - b ) / delta; // between yellow & magenta + else if( g === max ) + h = 2 + ( b - r ) / delta; // between cyan & yellow + else + h = 4 + ( r - g ) / delta; // between magenta & cyan + h *= 60; // degrees + if( h < 0 ) + h += 360; + if ( isNaN(h) ) + h = 0; + return [h,s,v]; + }; + + /// HSV to RGB /// + function HSVtoRGB(color) { + var i; + var h,s,v,r,g,b; + h = color[0]; + s = color[1]; + v = color[2]; + if(s === 0 ) { + // achromatic (gray) + r = g = b = v; + return [r,g,b]; + } + h /= 60; // sector 0 to 5 + i = Math.floor( h ); + f = h - i; // factorial part of h + p = v * ( 1 - s ); + q = v * ( 1 - s * f ); + t = v * ( 1 - s * ( 1 - f ) ); + switch( i ) { + case 0: + r = v; + g = t; + b = p; + break; + case 1: + r = q; + g = v; + b = p; + break; + case 2: + r = p; + g = v; + b = t; + break; + case 3: + r = p; + g = q; + b = v; + break; + case 4: + r = t; + g = p; + b = v; + break; + default: // case 5: + r = v; + g = p; + b = q; + break; + } + + if (r <= 0 ){ + r = 0; + } + if (g <= 0 ){ + g = 0; + } + if (b <= 0 ){ + b = 0; + } + if (r >= 255 ){ + r = 255; + } + if (g >= 255 ){ + g = 255; + } + if (b >= 255 ){ + b = 255; + } + return [Math. round(r),Math.round(g),Math.round(b)]; + + } + + /// rgn to hsl /// + function rgbToHsl(r, g, b){ + r /= 255, g /= 255, b /= 255; + var max = Math.max(r, g, b), min = Math.min(r, g, b); + var h, s, l = (max + min) / 2; + + if(max == min){ + h = s = 0; // achromatic + }else{ + var d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + switch(max){ + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; + } + h /= 6; + } + return [h, s, l]; + } + + /// HSL to RGB /// + function hslToRgb(h, s, l){ + var r, g, b; + + if(s == 0){ + r = g = b = l; // achromatic + }else{ + function hue2rgb(p, q, t){ + if(t < 0) t += 1; + if(t > 1) t -= 1; + if(t < 1/6) return p + (q - p) * 6 * t; + if(t < 1/2) return q; + if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; + return p; + } + + var q = l < 0.5 ? l * (1 + s) : l + s - l * s; + var p = 2 * l - q; + r = hue2rgb(p, q, h + 1/3); + g = hue2rgb(p, q, h); + b = hue2rgb(p, q, h - 1/3); + } + r = Math.round(r * 255) + g = Math.round(g * 255) + b = Math.round(b * 255) + + if (r <= 0 ){ + r = 0; + } + if (g <= 0 ){ + g = 0; + } + if (b <= 0 ){ + b = 0; + } + if (r >= 255 ){ + r = 255; + } + if (g >= 255 ){ + g = 255; + } + if (b >= 255 ){ + b = 255; + } + + return [r, g, b]; + } + + + // Create darker Shades // + function darkenColor(color) { + color = color.toString(); + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + var i = 1 + var multiplier = .99 + var rgbArray = []; + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var newR = Math. round(r * multiplier) + var newG = Math. round(g * multiplier) + var newB = Math. round(b * multiplier) + if (newR <= 0) { + newR = 0 + } + if (newG <= 0) { + newG = 0 + } + if (newB <= 0) { + newB = 0 + } + rgbArray.push(newR); + rgbArray.push(newG); + rgbArray.push(newB); + var rgb = 'rgb('+rgbArray+')' + var hex = rgb2hex(rgb) + return hex; + } + + + + + /// COLOR CALCULATIONS /// + // convert hex color to rgb // + function hexToRgb(hex) { + // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") + var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; + hex = hex.replace(shorthandRegex, function(m, r, g, b) { + return r + r + g + g + b + b; + }); + var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); + return result ? { + r: parseInt(result[1], 16), + g: parseInt(result[2], 16), + b: parseInt(result[3], 16) + } : null; + } + + // convert rgb to hex // + function rgb2hex(rgb) { + console.log('rgbtoHex rgb:' + rgb) + if ( rgb.indexOf("rgb") == -1 ) { + return rgb; + } else { + rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/); + function hex(x) { + return ("0" + parseInt(x).toString(16)).slice(-2); + } + return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); + } + } + + // create rgb array fron hex // + function hextoRGBArray(color) { + if (color.indexOf('rgb') >= 0) { + return([0,0,0]) + } + color = color.toString() + var bgArray = []; + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + + bgArray.push(r); + bgArray.push(g); + bgArray.push(b); + return(bgArray) + } + + + // get perceived lightness of color // + function getLightnessOfRGB(rgbString) { + // First convert to an array of integers by removing the whitespace, taking the 3rd char to the 2nd last then splitting by ',' + const rgbIntArray = (rgbString.replace(/ /g, '').slice(4, -1).split(',').map(e => parseInt(e))); + // Get the highest and lowest out of red green and blue + const highest = Math.max(...rgbIntArray); + const lowest = Math.min(...rgbIntArray); + // Return the average divided by 255 + return (highest + lowest) / 2 / 255; + } + + // get lowest middle and hightest rgb // + function getLowestMiddleHighest(rgbIntArray) { + let highest = {val:-1,index:-1}; + let lowest = {val:Infinity,index:-1}; +
 + rgbIntArray.map((val,index)=>{ + if(val>highest.val){ + highest = {val:val,index:index}; + } + if(val= 0) { + color = rgb2hex(color); + } + var lumArray = []; + var r = ((hexToRgb(color).r) / 255).toFixed(2); + var g = ((hexToRgb(color).g) / 255).toFixed(2); + var b = ((hexToRgb(color).b) / 255).toFixed(2); + lumArray.push(r); + lumArray.push(g); + lumArray.push(b); + var max = Math.max.apply(Math, lumArray); + var min = Math.min.apply(Math, lumArray); + var lum = (1 / 2) * (max + min); + var saturation = (max - min) / (1 - ( 2 * lum - 1)); + saturation = saturation.toFixed(2) + return(saturation) + } + + + + // check if color should have dark or light text // + function getContrast(hexcolor){ + if (hexcolor.length > 7) { + hexcolor = rgb2hex(hexcolor) + } + // If a leading # is provided, remove it + if (hexcolor.slice(0, 1) === '#') { + hexcolor = hexcolor.slice(1); + } + // Convert to RGB value + var r = parseInt(hexcolor.substr(0,2),16); + var g = parseInt(hexcolor.substr(2,2),16); + var b = parseInt(hexcolor.substr(4,2),16); + // Get YIQ ratio + var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; + // Check contrast + return (yiq >= 128) ? '#121212' : '#ffffff'; + }; + + // Sort List by Order // + function getSorted() { + $('.colorGroup').each(function() { + var id = $(this).attr('id') + $(function() { + $('#' + id + '> li').sort(sort_li).appendTo('#' + id ); + function sort_li(a, b) { + return ($(b).data('order')) < ($(a).data('order')) ? 1 : -1; + } + }) + }); + } + + function hex2rgb(color) { + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var rgb = 'rgb(' + r + ',' + g + ',' + b + ')' + return(rgb) + } + // check contrast for WCAG 2.1 AA contrast requirements // + function contrast(rgb1, rgb2) { + var lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]); + var lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]); + + var brightest = Math.max(lum1, lum2); + var darkest = Math.min(lum1, lum2); + return (brightest + 0.05) / + (darkest + 0.05); + } + + // calculate luminance // + function luminance(r, g, b) { + var a = [r, g, b].map(function(v) { + v /= 255; + return v <= 0.03928 ? + v / 12.92 : + Math.pow((v + 0.055) / 1.055, 2.4); + }); + return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; + } + + function light(rgb) { + var lum = luminance(rgb[0], rgb[1], rgb[2]); + var lightness = YtoLstar(lum) + return lightness + } + + // perceiveed lightness // + function YtoLstar(Y) { + // Send this function a luminance value between 0.0 and 1.0, + // and it returns L* which is "perceptual lightness" + if ( Y <= (216/24389)) { // The CIE standard states 0.008856 but 216/24389 is the intent for 0.008856451679036 + return Y * (24389/27); // The CIE standard states 903.3, but 24389/27 is the intent, making 903.296296296296296 + } else { + return Math.pow(Y,(1/3)) * 116 - 16; + } + } + + // check saturation of color for dark mode // + function checkDM(theme, color) { + var saturation = checkSaturation(color); + if (saturation <= .50) { + checkContrast(theme, color, 'dark') ; + } else if (saturation = 1) { + $('#' + theme ).addClass('blacken') + color = darkenColor(color); + checkDM(theme, color) + } else if (saturation > .50 && saturation != 1){ + //desaturate(theme, color, 'dark', saturation) + } + } + function lighten(color,amount) { + return((mixColors(color,'#ffffff',amount )).toString()) + } + + function checkContrast(theme, color, mode) { + var lightTextArray = hextoRGBArray(lightText); + var rgbArray = hextoRGBArray(rgb2hex(color)); + var shade = theme.split('-')[2]; + var newRGB = "rgb(" + rgbArray +")" + var lightArray = lightTextArray + var light = contrast(lightArray, rgbArray); + var dark = contrast(darkTextArray, rgbArray); + var text_color, textTint, contrastRatio + var contrastRatio = contrast(lightArray, rgbArray); + var elevationHex; + if ( light > dark ) { + text_color = lightArray; // white + var textTint = 'light'; + if (mode == 'dark') { + var colorHex = rgb2hex(color) + /// for dark mode - lighten color light text /// + var newText = lighten(colorHex,mixer) + var newArray = hextoRGBArray(colorHex); + var lightArray = hextoRGBArray(newText) + var elevationHex, textHex + contrastRatio = contrast(lightArray, newArray); + var i = .00 + while (contrastRatio < wcagContrast) { + var hex = (chroma(color).darken(i)).toString() + var textHex = (mixColors(hex,'#ffffff',mixer )).toString(); + var textArray = hextoRGBArray(textHex); + var newArray = hextoRGBArray(hex); + var contrastRatio = contrast(newArray, textArray); + i = i + .01 + } + var newHex = (chroma(rgb2hex(color)).darken(i)).toString() + var rgbArray = hextoRGBArray(newHex); + var textTint = 'light'; + buildColor(theme,mode,rgbArray,text_color,contrastRatio) + return false; + } + } else { + text_color = darkTextArray; // dark + var textTint = 'dark'; + contrastRatio = contrast(text_color, rgbArray); + } + if (textTint == 'light') { + var buildText = lightTextArray + } else { + var buildText = darkTextArray + } + contrastRatio = contrastRatio.toFixed(2) + if (contrastRatio < wcagContrast) { + var darkCount = adjustDarkerCount(theme, newRGB, lightArray, contrastRatio, mode) + var lightCount = adjustLighterCount(theme, newRGB, darkTextArray, contrastRatio, mode) + if (darkCount < lightCount || shade >= 600) { + adjustColorDarker(theme, newRGB, lightArray, contrastRatio, mode) + } else { + adjustColorLighter(theme, newRGB, darkTextArray, contrastRatio, mode) + } + } else { + console.log('theme: ' + theme + ' ,text color:' + text_color + ', rgbArray' + rgbArray + ', contrastRatio: ' + contrastRatio) + buildColor(theme,mode,rgbArray,buildText,contrastRatio) + } + } + + /// CHECK THE CLOSETS COLOR TO THE PROVIDED HEX /// + + var colorTable = [ + {name:'black', hex: '#000000'}, + {name:'silver', hex: '#C0C0C0'}, + {name:'gray', hex: '#808080'}, + {name:'white', hex: '#FFFFFF'}, + {name:'maroon', hex: '#800000'}, + {name:'red', hex: '#FF0000'}, + {name:'purple', hex: '#800080'}, + {name:'fuchsia', hex: '#FF00FF'}, + {name:'green', hex: '#008000'}, + {name:'lime', hex: '#00FF00'}, + {name:'olive', hex: '#808000'}, + {name:'yellow', hex: '#FFFF00'}, + {name:'orange', hex: '#FFA500'}, + {name:'navy', hex: '#000080'}, + {name:'blue', hex: '#0000FF'}, + {name:'teal', hex: '#008080'}, + {name:'aqua', hex: '#00FFFF'} + ]; + + var cbTable1 = [ + {name:'cb1', hex: '#011C37'}, + {name:'cb2', hex: '#044181'}, + {name:'cb3', hex: '#278DF6'}, + {name:'cb4', hex: '#7C4DEF'}, + {name:'cb5', hex: '#C22167'}, + {name:'cb6', hex: '#EC6B29'}, + {name:'cb7', hex: '#440476'}, + {name:'cb8', hex: '#DA5EDD'}, + {name:'cb9', hex: '#639791'}, + {name:'cb10', hex: '#EAC970'}, + ]; + + var cbTable2 = [ + {name:'cb1', hex: '#011C37'}, + {name:'cb2', hex: '#044181'}, + {name:'cb3', hex: '#278DF6'}, + {name:'cb4', hex: '#7C4DEF'}, + {name:'cb5', hex: '#C22167'}, + {name:'cb6', hex: '#EC6B29'}, + {name:'cb7', hex: '#478325'}, + {name:'cb8', hex: '#80D2C7'}, + {name:'cb9', hex: '#6E9691'}, + {name:'cb10', hex: '#EBC870'}, + ]; + + var cbTable3 = [ + {name:'cb1', hex: '#000101'}, + {name:'cb2', hex: '#464645'}, + {name:'cb3', hex: '#5D5D5D'}, + {name:'cb4', hex: '#737273'}, + {name:'cb5', hex: '#919191'}, + {name:'cb6', hex: '#B7B7B7'}, + {name:'cb7', hex: '#CCCDCC'}, + {name:'cb8', hex: '#E4E3E4'}, + {name:'cb9', hex: '#EFEFEF'}, + {name:'cb10', hex: '#FAFAFA'}, + ]; + + function findClosestColorHex(hex, table) + { + var rgb = hex2rgb(hex); + var delta = 3 * 256*256; + var temp = {r:0, g:0, b:0}; + var nameFound = 'black'; + + for(i=0; i 128) { + gray = 'hot' + } else { + gray = 'cool' + } + return gray + } + + // color blind simulations /// + +var modP = [ .7465, .2535, 1.273463, -0.073894], + modD = [ 1.4, -.04, .968437, .003331 ], + modT = [ 1.748, 0, .062921, .292119 ]; + +function convert( hex, mod ){ + var r = parseInt( hex.substring(0,2), 16 ), + g = parseInt( hex.substring(2,4), 16 ), + b = parseInt( hex.substring(4,6), 16 ), + confuseX = mod[0], + confuseY = mod[1], + confuseM = mod[2], + confuseInt = mod[3], + amount = 1; + //convert to XYZ color space + var powR = Math.pow( r, 2.2 ), + powG = Math.pow( g, 2.2 ), + powB = Math.pow( b, 2.2 ), + X = powR*.412424 + powG*.357579 + powB*.180464, + Y = powR*.212656 + powG*.715158 + powB*.072185, + Z = powR*.019332 + powG*.119193 + powB*.950444; + + //convert XYZ to xyY + var chromaX = X/(X+Y+Z), + chromaY = Y/(X+Y+Z); + + //generate confusion line + var slope = ( chromaY - confuseY ) / ( chromaX - confuseX ), + int = chromaY - chromaX * slope; + + //calculate deviation + var deviationX = ( confuseInt - int ) / ( slope - confuseM ), + deviationY = ( slope * deviationX ) + int; + + //compute simulated color with confusion + X = deviationX * Y / deviationY; + Z = (1 - ( deviationX + deviationY ) ) * Y / deviationY; + + //neutral gray + var neutralX = .312713 * Y / .329016, + neutralZ = .358271 * Y / .329016; + + //diff between color and gray + var diffX = neutralX - X, + diffZ = neutralZ - Z, + diffR = diffX * 3.24071 + diffZ * -0.498571, + diffG = diffX * -0.969258 + diffZ * .0415557, + diffB = diffX * .0556352 + diffZ * 1.05707; + + //convert back to RBG + var rgbR = X * 3.24071 + Y * -1.53726 + Z * -0.498571, + rgbG = X * -0.969258 + Y * 1.87599 + Z * .0415557, + rgbB = X * .0556352 + Y * -.203996 + Z * 1.05707; + + //compensate towards neutral + var fitR = ( ( diffR < 0 ? 0 : 1 ) - rgbR ) / diffR, + fitG = ( ( diffG < 0 ? 0 : 1 ) - rgbG ) / diffG, + fitB = ( ( diffB < 0 ? 0 : 1 ) - rgbB ) / diffB; + + var adjust = [ + ( fitR > 1 || fitR < 0 ) ? 0 : fitR, + ( fitG > 1 || fitG < 0 ) ? 0 : fitG, + ( fitB > 1 || fitG < 0 ) ? 0 : fitB + ]; + + adjust = Math.max.apply( null, adjust ); + + //shift proportional to the greatest shift + rgbR = rgbR + ( adjust * diffR ); + rgbG = rgbG + ( adjust * diffG ); + rgbB = rgbB + ( adjust * diffB ); + + //gamma correct + rgbR = Math.pow( rgbR, 1/2.2 ); + rgbG = Math.pow( rgbG, 1/2.2 ); + rgbB = Math.pow( rgbB, 1/2.2 ); + + var rgb = ('rgb(' + Math.round(rgbR) + ',' + Math.round(rgbG) + ',' + Math.round(rgbB) + ')') + return rgb; + + //back to hex + r = Math.ceil(rgbR).toString(16); + g = Math.ceil(rgbG).toString(16); + b = Math.ceil(rgbB).toString(16); + if( r.length === 1 ) r = '0'+r; + if( g.length === 1 ) g = '0'+g; + if( b.length === 1 ) b = '0'+b; + + + +} + +function monochrome( hex ){ + var r = parseInt( hex.substring(0,2), 16 ), + g = parseInt( hex.substring(2,4), 16 ), + b = parseInt( hex.substring(4,6), 16 ), + color = Math.ceil( (r * 0.212656 + r * 0.715158 + r * 0.072186) ).toString(16); + + return '#'+color+color+color; +} + +function updateColors( string ){ + var list = string.split(','); + list = list.filter(function(n){return n}); + var colorCount = list.length; + $( '.box' ).each( function(i){ + var index = i % colorCount; + $(this).css( 'background-color', '#'+list[index] ) + .attr( 'data-color', list[index] ); + } ); +} + +$( '#input' ).keydown( function(e){ + if( e.which === 188 || e.which === 13 || $(this).val().length === 6 ){ + updateColors( $(this).val() ); + } + if( e.which === 13 ){ + $(this).blur(); + e.preventDefault(); + } +} ); + + + + function convertCB(color, type) { + if ( type === 'm' ){ + var newColor = monochrome(color); + } else if (type === 'p' ) { + var newColor = convert(color, modP) + } else if ( type === 'd' ) { + var newColor = convert(color, modD) + } else if ( type === 't' ) { + var newColor = convert(color, modT) + } else if ( type === 'none' ) { + var newColor = hex2rgb('#' + color) + } + return newColor + } + + function updateHexcolor() { + /// fist build all the colors /// + + $('#non-cb-colors .primary').css('background', primary ) + $('#non-cb-colors .secondary').css('background', secondary ); + $('#non-cb-colors .tertiary').css('background', tertiary ); + $('#non-cb-colors .background').css('background', backgroundPrimary) + $('#non-cb-colors .background-secondary').css('background', backgroundSecondary ) + $('#non-cb-colors .button').css('background', buttons) + $('#non-cb-colors .icon').css('background', icons) + $('#non-cb-colors .gradient1a').css('background', gradient1a ) + $('#non-cb-colors .gradient1b').css('background', gradient1b ) + $('#non-cb-colors .gradient2a').css('background', gradient2a ) + $('#non-cb-colors .gradient2b').css('background', gradient2b ) + $('#non-cb-colors .textgradient1a').css('background', gradientTexta) + $('#non-cb-colors .textgradient1b').css('background', gradientTextb) + $('#non-cb-colors .hotlink').css('background', hotlink); + + $('#fcb-colors .primary').css('background', primaryName ) + $('#fcb-colors .secondary').css('background', secondaryName ); + $('#fcb-colors .tertiary').css('background', tertiaryName ); + $('#fcb-colors .background').attr('name',backgroundPrimaryName); + $('#fcb-colors .background-secondary').attr('name',backgroundSecondaryName); + $('#fcb-colors .button').attr('name',buttonsName); + $('#fcb-colors .icon').attr('name',iconsName); + $('#fcb-colors .gradient1a').attr('name', gradient1aName); + $('#fcb-colors .gradient1b').attr('name', gradient1bName); + $('#fcb-colors .gradient2a').attr('name', gradient2aName); + $('#fcb-colors .gradient2b').attr('name', gradient2bName); + $('#fcb-colors .textgradient1a').attr('name', textGradientName.split(',')[0]); + $('#fcb-colors .textgradient1b').attr('name', textGradientName.split(',')[2]); + $('#fcb-colors .hotlink').attr('name',''); + + $('.background-cb').attr('name',backgroundPrimaryName ) + $('.background-secondary-cb').attr('name', backgroundSecondaryName ) + $('.primary-cb').attr('name', primaryName ) + $('.secondary-cb').attr('name', secondaryName ) + $('.tertiary-cb').attr('name', tertiaryName ) + $('.icon-cb').attr('name', iconsName ) + $('.button-cb').attr('name', buttonsName ) + $('.gradient1a-cb').attr('name', gradient1Name.split(',')[0] ) + $('.gradient1b-cb').attr('name', gradient1Name.split(',')[1] ) + $('.gradient2a-cb').attr('name', gradient2Name.split(',')[0] ) + $('.gradient2b-cb').attr('name', gradient2Name.split(',')[1] ) + $('.textgradient1a-cb').attr('name', textGradientName.split(',')[0] ) + $('.textgradient1b-cb').attr('name', textGradientName.split(',')[1] ) + $('.hotlink-cb').attr('name', buttonsName ) + + + } + + function updateThemetoCB(){ + /// convert all the colors /// + $('#non-cb-colors .Hex').each(function() { + var className = $(this).attr('name'); + var rgb = $(this).css('backgroundColor'); + if (rgb) { + var color = rgb2hex(rgb); + var color = color.replace('#','') + var type = $('input[name=cb-mode]:checked').val(); + var newColor = convertCB(color, type); + $('#cb-colors .' + className + '-cb').css('background', newColor) + } + }); + } + + function updateModifiedThemetoCB(){ + /// convert all the colors /// + $('#mcb-colors .Hex').each(function() { + var className = $(this).attr('class').replace('Hex','').replace(/\s/g, ''); + if (className == 'background-cb') { + $('#fcb-colors .' + className).css('background', '#ffffff') + } else if (className == 'secondary-background-cb') { + $('#fcb-colors .' + className).css('background', '#fafafa') + } else { + var rgb = $(this).css('backgroundColor'); + if (rgb) { + var color = rgb2hex(rgb); + var color = color.replace('#','') + var type = $('input[name=cb-mode]:checked').val(); + var newColor = convertCB(color, type); + $('#fcb-colors .' + className).css('background', newColor) + } + } + + }); + } + + var webColors = new Object(); + webColors.red = '#FF0000' + webColors.orange = '#FFA500' + webColors.maroon = '#800000' + webColors.yellow = '#FFFF00' + webColors.olive = '#808000' + webColors.lime = '#00FF00' + webColors.green = '#008000' + webColors.aqua = '#00FFFF' + webColors.teal = '#008080' + webColors.blue = '#0000FF' + webColors.navy = '#000080' + webColors.fuchsia = '#FF00FF' + webColors.purple = '#800080' + + var cbColors = new Object(); + // tritanopia colors // + cbColors.cbtTeal0 = '#E8F1FE' + cbColors.cbtTeal100 = '#BCDEEE' + cbColors.cbtTeal200 = '#95CBDC' + cbColors.cbtTeal300 = '#71ACBB' + cbColors.cbtTeal400 = '#4598A4' + cbColors.cbtTeal500 = '#377C86' + cbColors.cbtTeal600 = '#29636A' + cbColors.cbtTeal700 = '#1C4A4E' + cbColors.cbtTeal800 = '#123234' + cbColors.cbtTeal900 = '#081E20' + cbColors.oncbtTeal0 = '#121212' + cbColors.oncbtTeal100 = '#121212' + cbColors.oncbtTeal200 = '#121212' + cbColors.oncbtTeal300 = '#121212' + cbColors.oncbtTeal400 = '#121212' + cbColors.oncbtTeal500 = '#ffffff' + cbColors.oncbtTeal600 = '#ffffff' + cbColors.oncbtTeal700 = '#ffffff' + cbColors.oncbtTeal800 = '#ffffff' + cbColors.oncbtTeal900 = '#ffffff' + cbColors.cbtRed0 = '#F3D7E0' + cbColors.cbtRed100 = '#EFCAD6' + cbColors.cbtRed200 = '#E4ACB6' + cbColors.cbtRed300 = '#DB9097' + cbColors.cbtRed400 = '#D17376' + cbColors.cbtRed500 = '#B15A5D' + cbColors.cbtRed600 = '#A14443' + cbColors.cbtRed700 = '#732F2E' + cbColors.cbtRed800 = '#551A18' + cbColors.cbtRed900 = '#3A0C03' + cbColors.oncbtRed0 = '#121212' + cbColors.oncbtRed100 = '#121212' + cbColors.oncbtRed200 = '#121212' + cbColors.oncbtRed300 = '#121212' + cbColors.oncbtRed400 = '#121212' + cbColors.oncbtRed500 = '#ffffff' + cbColors.oncbtRed600 = '#ffffff' + cbColors.oncbtRed700 = '#ffffff' + cbColors.oncbtRed800 = '#ffffff' + cbColors.oncbtRed900 = '#ffffff' + cbColors.cbtPlum0 = '#EBE4F4' + cbColors.cbtPlum100 = '#D4CAD9' + cbColors.cbtPlum200 = '#BEB1BE' + cbColors.cbtPlum300 = '#A498A2' + cbColors.cbtPlum400 = '#908089' + cbColors.cbtPlum500 = '#79686F' + cbColors.cbtPlum600 = '#635157' + cbColors.cbtPlum700 = '#4C3D41' + cbColors.cbtPlum800 = '#3A3235' + cbColors.cbtPlum900 = '#342F31' + cbColors.oncbtPlum0 = '#121212' + cbColors.oncbtPlum100 = '#121212' + cbColors.oncbtPlum200 = '#121212' + cbColors.oncbtPlum300 = '#121212' + cbColors.oncbtPlum400 = '#121212' + cbColors.oncbtPlum500 = '#ffffff' + cbColors.oncbtPlum600 = '#ffffff' + cbColors.oncbtPlum700 = '#ffffff' + cbColors.oncbtPlum800 = '#ffffff' + cbColors.oncbtPlum900 = '#ffffff' + // tritanopia dark mode colors // + cbColors.dmcbtTeal0 = '#CADBEB' + cbColors.dmcbtTeal100 = '#B6D5E4' + cbColors.dmcbtTeal200 = '#98C0CE' + cbColors.dmcbtTeal300 = '#7CB2C1' + cbColors.dmcbtTeal400 = '#6798A4' + cbColors.dmcbtTeal500 = '#547D86' + cbColors.dmcbtTeal600 = '#42646C' + cbColors.dmcbtTeal700 = '#304B50' + cbColors.dmcbtTeal800 = '#1F3336' + cbColors.dmcbtTeal900 = '#0C1B1E' + cbColors.dmoncbtTeal0 = '#121212' + cbColors.dmoncbtTeal100 = '#121212' + cbColors.dmoncbtTeal200 = '#121212' + cbColors.dmoncbtTeal300 = '#121212' + cbColors.dmoncbtTeal400 = '#121212' + cbColors.dmoncbtTeal500 = '#ffffff' + cbColors.dmoncbtTeal600 = '#ffffff' + cbColors.dmoncbtTeal700 = '#ffffff' + cbColors.dmoncbtTeal800 = '#ffffff' + cbColors.dmoncbtTeal900 = '#ffffff' + cbColors.dmcbtRed0 = '#E8CAD7' + cbColors.dmcbtRed100 = '#D8A6B1' + cbColors.dmcbtRed200 = '#CE8F99' + cbColors.dmcbtRed300 = '#BF7073' + cbColors.dmcbtRed400 = '#B14B4B' + cbColors.dmcbtRed500 = '#A54544' + cbColors.dmcbtRed600 = '#963F3E' + cbColors.dmcbtRed700 = '#863636' + cbColors.dmcbtRed800 = '#742D2B' + cbColors.dmcbtRed900 = '#4D1917' + cbColors.dmoncbtRed0 = '#121212' + cbColors.dmoncbtRed100 = '#121212' + cbColors.dmoncbtRed200 = '#121212' + cbColors.dmoncbtRed300 = '#121212' + cbColors.dmoncbtRed400 = '#ffffff' + cbColors.dmoncbtRed500 = '#ffffff' + cbColors.dmoncbtRed600 = '#ffffff' + cbColors.dmoncbtRed700 = '#ffffff' + cbColors.dmoncbtRed800 = '#ffffff' + cbColors.dmoncbtRed900 = '#ffffff' + cbColors.dmcbtPlum0 = '#EBE4F4' + cbColors.dmcbtPlum100 = '#BFA8B4' + cbColors.dmcbtPlum200 = '#AC959F' + cbColors.dmcbtPlum300 = '#947980' + cbColors.dmcbtPlum400 = '#7D5C62' + cbColors.dmcbtPlum500 = '#71565B' + cbColors.dmcbtPlum600 = '#644E52' + cbColors.dmcbtPlum700 = '#59454B' + cbColors.dmcbtPlum800 = '#554A4E' + cbColors.dmcbtPlum900 = '#363135' + cbColors.dmoncbtPlum0 = '#121212' + cbColors.dmoncbtPlum100 = '#121212' + cbColors.dmoncbtPlum200 = '#121212' + cbColors.dmoncbtPlum300 = '#121212' + cbColors.dmoncbtPlum400 = '#ffffff' + cbColors.dmoncbtPlum500 = '#ffffff' + cbColors.dmoncbtPlum600 = '#ffffff' + cbColors.dmoncbtPlum700 = '#ffffff' + cbColors.odmncbtPlum800 = '#ffffff' + cbColors.dmoncbtPlum900 = '#ffffff' + // Deuteranopia colors // + cbColors.deuYellow0 = '#FDF0EA' + cbColors.deuYellow100 = '#F9DABA' + cbColors.deuYellow200 = '#F0C47D' + cbColors.deuYellow300 = '#C1A06D' + cbColors.deuYellow400 = '#AC8A44' + cbColors.deuYellow500 = '#8E7237' + cbColors.deuYellow600 = '#715A29' + cbColors.deuYellow700 = '#55441A' + cbColors.deuYellow800 = '#3B2F0A' + cbColors.deuYellow900 = '#271F05' + cbColors.ondeuYellow0 = '#121212' + cbColors.ondeuYellow100 = '#121212' + cbColors.ondeuYellow200 = '#121212' + cbColors.ondeuYellow300 = '#121212' + cbColors.ondeuYellow400 = '#121212' + cbColors.ondeuYellow500 = '#ffffff' + cbColors.ondeuYellow600 = '#ffffff' + cbColors.ondeuYellow700 = '#ffffff' + cbColors.ondeuYellow800 = '#ffffff' + cbColors.ondeuYellow900 = '#ffffff' + cbColors.deuBlue0 = '#F5E3FD' + cbColors.deuBlue100 = '#D0CDF6' + cbColors.deuBlue200 = '#ABB6F2' + cbColors.deuBlue300 = '#839FEC' + cbColors.deuBlue400 = '#548AE6' + cbColors.deuBlue500 = '#3372C6' + cbColors.deuBlue600 = '#265A9B' + cbColors.deuBlue700 = '#1A4371' + cbColors.deuBlue800 = '#102E4D' + cbColors.deuBlue900 = '#0A2136' + cbColors.ondeuBlue0 = '#121212' + cbColors.ondeuBlue100 = '#121212' + cbColors.ondeuBlue200 = '#121212' + cbColors.ondeuBlue300 = '#121212' + cbColors.ondeuBlue400 = '#121212' + cbColors.ondeuBlue500 = '#ffffff' + cbColors.ondeuBlue600 = '#ffffff' + cbColors.ondeuBlue700 = '#ffffff' + cbColors.ondeuBlue800 = '#ffffff' + cbColors.ondeuBlue900 = '#ffffff' + cbColors.deuBrown0 = '#F9F0F4' + cbColors.deuBrown100 = '#E0CCD7' + cbColors.deuBrown200 = '#C7B6C0' + cbColors.deuBrown300 = '#B1A0A9' + cbColors.deuBrown400 = '#93868D' + cbColors.deuBrown500 = '#877A7E' + cbColors.deuBrown600 = '#6E6261' + cbColors.deuBrown700 = '#554942' + cbColors.deuBrown800 = '#3B3226' + cbColors.deuBrown900 = '#281F08' + cbColors.ondeuBrown0 = '#121212' + cbColors.ondeuBrown100 = '#121212' + cbColors.ondeuBrown200 = '#121212' + cbColors.ondeuBrown300 = '#121212' + cbColors.ondeuBrown400 = '#121212' + cbColors.ondeuBrown500 = '#121212' + cbColors.ondeuBrown600 = '#ffffff' + cbColors.ondeuBrown700 = '#ffffff' + cbColors.ondeuBrown800 = '#ffffff' + cbColors.ondeuBrown900 = '#ffffff' + // Dark colors Deuteranopia colors // + cbColors.dmdeuYellow0 = '#FAE3B4' + cbColors.dmdeuYellow100 = '#F8DAA4' + cbColors.dmdeuYellow200 = '#E2BB7E' + cbColors.dmdeuYellow300 = '#D5AB5E' + cbColors.dmdeuYellow400 = '#A5843D' + cbColors.dmdeuYellow500 = '#866A30' + cbColors.dmdeuYellow600 = '#685323' + cbColors.dmdeuYellow700 = '#4B3C17' + cbColors.dmdeuYellow800 = '#30270C' + cbColors.dmdeuYellow900 = '#191408' + cbColors.dmondeuYellow0 = '#121212' + cbColors.dmondeuYellow100 = '#121212' + cbColors.dmondeuYellow200 = '#121212' + cbColors.dmondeuYellow300 = '#121212' + cbColors.dmondeuYellow400 = '#121212' + cbColors.dmondeuYellow500 = '#ffffff' + cbColors.dmondeuYellow600 = '#ffffff' + cbColors.dmondeuYellow700 = '#ffffff' + cbColors.dmondeuYellow800 = '#ffffff' + cbColors.dmondeuYellow900 = '#ffffff' + cbColors.dmdeuBlue0 = '#DBCFED' + cbColors.dmdeuBlue100 = '#ABB0DF' + cbColors.dmdeuBlue200 = '#8495D3' + cbColors.dmdeuBlue300 = '#6984C7' + cbColors.dmdeuBlue400 = '#356DBC' + cbColors.dmdeuBlue500 = '#2B65AF' + cbColors.dmdeuBlue600 = '#265B9D' + cbColors.dmdeuBlue700 = '#205089' + cbColors.dmdeuBlue800 = '#1B4575' + cbColors.dmdeuBlue900 = '#14375B' + cbColors.dmondeuBlue0 = '#121212' + cbColors.dmondeuBlue100 = '#121212' + cbColors.dmondeuBlue200 = '#121212' + cbColors.dmondeuBlue300 = '#121212' + cbColors.dmondeuBlue400 = '#ffffff' + cbColors.dmondeuBlue500 = '#ffffff' + cbColors.dmondeuBlue600 = '#ffffff' + cbColors.dmondeuBlue700 = '#ffffff' + cbColors.dmondeuBlue800 = '#ffffff' + cbColors.dmondeuBlue900 = '#ffffff' + cbColors.dmdeuBrown0 = '#F9F0F4' + cbColors.dmdeuBrown100 = '#E0CCD7' + cbColors.dmdeuBrown200 = '#C7B6C0' + cbColors.dmdeuBrown300 = '#B1A0A9' + cbColors.dmdeuBrown400 = '#93868D' + cbColors.dmdeuBrown500 = '#877A7E' + cbColors.dmdeuBrown600 = '#6E6261' + cbColors.dmdeuBrown700 = '#554942' + cbColors.dmdeuBrown800 = '#3B3226' + cbColors.dmdeuBrown900 = '#281F08' + cbColors.dmondeuBrown0 = '#121212' + cbColors.dmondeuBrown100 = '#121212' + cbColors.dmondeuBrown200 = '#121212' + cbColors.dmondeuBrown300 = '#121212' + cbColors.dmondeuBrown400 = '#121212' + cbColors.dmondeuBrown500 = '#121212' + cbColors.dmondeuBrown600 = '#ffffff' + cbColors.dmondeuBrown700 = '#ffffff' + cbColors.dmondeuBrown800 = '#ffffff' + cbColors.dmondeuBrown900 = '#ffffff' + + // Protanopia colors // + cbColors.proYellow0 = '#FBF2DE' + cbColors.proYellow100 = '#ECE0AC' + cbColors.proYellow200 = '#DDCC7D' + cbColors.proYellow300 = '#9C9056' + cbColors.proYellow400 = '#7F7545' + cbColors.proYellow500 = '#817741' + cbColors.proYellow600 = '#665E32' + cbColors.proYellow700 = '#4F4826' + cbColors.proYellow800 = '#363118' + cbColors.proYellow900 = '#25220E' + cbColors.onproYellow0 = '#121212' + cbColors.onproYellow100 = '#121212' + cbColors.onproYellow200 = '#121212' + cbColors.onproYellow300 = '#121212' + cbColors.onproYellow400 = '#121212' + cbColors.onproYellow500 = '#ffffff' + cbColors.onproYellow600 = '#ffffff' + cbColors.onproYellow700 = '#ffffff' + cbColors.onproYellow800 = '#ffffff' + cbColors.onproYellow900 = '#ffffff' + cbColors.proBlue0 = '#E7E7FA' + cbColors.proBlue100 = '#C5CBF6' + cbColors.proBlue200 = '#A3B2F4' + cbColors.proBlue300 = '#869EF1' + cbColors.proBlue400 = '#4F7FF3' + cbColors.proBlue500 = '#2B67D7' + cbColors.proBlue600 = '#2253AA' + cbColors.proBlue700 = '#244B88' + cbColors.proBlue800 = '#0F2C5B' + cbColors.proBlue900 = '#081F40' + cbColors.onproBlue0 = '#121212' + cbColors.onproBlue100 = '#121212' + cbColors.onproBlue200 = '#121212' + cbColors.onproBlue300 = '#121212' + cbColors.onproBlue400 = '#121212' + cbColors.onproBlue500 = '#ffffff' + cbColors.onproBlue600 = '#ffffff' + cbColors.onproBlue700 = '#ffffff' + cbColors.onproBlue800 = '#ffffff' + cbColors.onproBlue900 = '#ffffff' + cbColors.proBrown0 = '#EEEAEA' + cbColors.proBrown100 = '#D6D2D2' + cbColors.proBrown200 = '#BDBBBB' + cbColors.proBrown300 = '#A6A3A1' + cbColors.proBrown400 = '#8F8C8B' + cbColors.proBrown500 = '#747170' + cbColors.proBrown600 = '#575655' + cbColors.proBrown700 = '#3F3D3A' + cbColors.proBrown800 = '#333337' + cbColors.proBrown900 = '#242113' + cbColors.onproBrown0 = '#121212' + cbColors.onproBrown100 = '#121212' + cbColors.onproBrown200 = '#121212' + cbColors.onproBrown300 = '#121212' + cbColors.onproBrown400 = '#121212' + cbColors.onproBrown500 = '#ffffff' + cbColors.onproBrown600 = '#ffffff' + cbColors.onproBrown700 = '#ffffff' + cbColors.onproBrown800 = '#ffffff' + cbColors.onproBrown900 = '#ffffff' + // Dark mode // + cbColors.dmproYellow0 = '#E8DEBF' + cbColors.dmproYellow100 = '#E0D39C' + cbColors.dmproYellow200 = '#D2C177' + cbColors.dmproYellow300 = '#C3B556' + cbColors.dmproYellow400 = '#A29548' + cbColors.dmproYellow500 = '#877D3E' + cbColors.dmproYellow600 = '#655D29' + cbColors.dmproYellow700 = '#49421C' + cbColors.dmproYellow800 = '#332F10' + cbColors.dmproYellow900 = '#25220E' + cbColors.dmonproYellow0 = '#121212' + cbColors.dmonproYellow100 = '#121212' + cbColors.dmonproYellow200 = '#121212' + cbColors.dmonproYellow300 = '#121212' + cbColors.dmonproYellow400 = '#121212' + cbColors.dmonproYellow500 = '#ffffff' + cbColors.dmonproYellow600 = '#ffffff' + cbColors.dmonproYellow700 = '#ffffff' + cbColors.dmonproYellow800 = '#ffffff' + cbColors.dmonproYellow900 = '#ffffff' + cbColors.dmproBlue0 = '#D2D2E7' + cbColors.dmproBlue100 = '#AEB5D8' + cbColors.dmproBlue200 = '#939ED1' + cbColors.dmproBlue300 = '#7A88C1' + cbColors.dmproBlue400 = '#6878B4' + cbColors.dmproBlue500 = '#5C6FB7' + cbColors.dmproBlue600 = '#4B5E9D' + cbColors.dmproBlue700 = '#445897' + cbColors.dmproBlue800 = '#344983' + cbColors.dmproBlue900 = '#1A356C' + cbColors.dmonproBlue0 = '#121212' + cbColors.dmonproBlue100 = '#121212' + cbColors.dmonproBlue200 = '#121212' + cbColors.dmonproBlue300 = '#121212' + cbColors.dmonproBlue400 = '#121212' + cbColors.dmonproBlue500 = '#ffffff' + cbColors.dmonproBlue600 = '#ffffff' + cbColors.dmonproBlue700 = '#ffffff' + cbColors.dmonproBlue800 = '#ffffff' + cbColors.dmonproBlue900 = '#ffffff' + cbColors.dmproBrown0 = '#D6D3D3' + cbColors.dmproBrown100 = '#B7B3B5' + cbColors.dmproBrown200 = '#A4A19D' + cbColors.dmproBrown300 = '#8B8887' + cbColors.dmproBrown400 = '#727067' + cbColors.dmproBrown500 = '#696660' + cbColors.dmproBrown600 = '#605D56' + cbColors.dmproBrown700 = '#55524B' + cbColors.dmproBrown800 = '#49463E' + cbColors.dmproBrown900 = '#3A382D' + cbColors.dmonproBrown0 = '#121212' + cbColors.dmonproBrown100 = '#121212' + cbColors.dmonproBrown200 = '#121212' + cbColors.dmonproBrown300 = '#121212' + cbColors.dmonproBrown400 = '#ffffff' + cbColors.dmonproBrown500 = '#ffffff' + cbColors.dmonproBrown600 = '#ffffff' + cbColors.dmonproBrown700 = '#ffffff' + cbColors.dmonproBrown800 = '#ffffff' + cbColors.dmonproBrown900 = '#ffffff' + + var commonObject = new Object(); + commonObject.web = ['red','maroon','orange','yellow','olive','lime','green','aqua','teal','blue','navy','fuchsia','purple'] + + $('input[name=cb-mode]').click(function() { + if ($(this).val() == 'tritanopia' || $(this).val() == 'deuteranopia' || $(this).val() == 'protanopia' ) { + resetCBColors() + var orginalprimaryName = primaryName.split('-')[0]; + var orginalsecondaryName = secondaryName.split('-')[0]; + var orginaltertiaryName = tertiaryName.split('-')[0]; + converttoCBColors(window.primary500,'primary') + converttoCBColors(window.secondary500,'secondary') + converttoCBColors(window.tertiary500,'tertiary') + } + if ($(this).val() == 'none') { + resetCBColors() + } + }); + + function resetCBColors() { + var orginalprimaryName = primaryName.split('-')[0]; + var orginalsecondaryName = secondaryName.split('-')[0]; + var orginaltertiaryName = tertiaryName.split('-')[0]; + resetCBModes('primary',orginalprimaryName) + resetCBModes('secondary',orginalsecondaryName) + resetCBModes('tertiary',orginaltertiaryName) + } + + + // step 1.a find out the closest html color // + function converttoCBColors(color,theme) { + // get the closest color to the primary 500 color // + if (color.indexOf('rgb') > 0) { + var color = rgb2hex(rgb); + } + color = color.replace('#','') + // var type = $('input[name=cb-mode]:checked').val(); + var newBase = closestColor(color,'web',theme) + // updatetoCB('primary',cbBase) + } + + // Step 1.b find out the colorest html color // + function closestColor(hex, array, theme) { + var closestcolor; + var closesttName + var array = commonObject[array] + var smallest = 500; + var i = 0; + while (i < array.length ) { + var colorName = array[i]; + var cbColor = webColors[colorName]; + if (chroma.distance(hex, cbColor) 0 || cbBase.indexOf('Yellow') > 0 || cbBase.indexOf('Red') > 0 ) { + if (backgroundPrimaryName == 'primaryDarkBG') { + document.querySelector(':root').style.setProperty('--background', 'var(--nearblack)' ); + document.querySelector(':root').style.setProperty('--background-secondary', 'var(--black)' ); + } + } + + } + + + + function resetCBModes(theme, originalName) { + setThemeShades(theme, originalName) + if (theme == 'primary') { + var primaryShade = primaryName.split('-')[1]; + primary = $('#' + activeTheme + ' .lightmode .default-primary').css('backgroundColor'); + onPrimary = $('#' + activeTheme + ' .lightmode .default-primary').css('color'); + document.querySelector(':root').style.setProperty('--primary', primary); + document.querySelector(':root').style.setProperty('--on-primary', onPrimary ); + var bgScale = chroma.scale(['#FFFFFF',rgb2hex(primary)]).correctLightness(true).colors(5); + primaryHalf = bgScale[1] + primaryQuarter = bgScale[2] + document.querySelector(':root').style.setProperty('--primaryHalf', primaryHalf ); + document.querySelector(':root').style.setProperty('--primaryQuarter', primaryQuarter ); + var bgScale = chroma.scale([rgb2hex(window.primary900),'#000000']).correctLightness(true).colors(5); + primaryDarkBG = bgScale[2] + secondaryDarkBG = bgScale[3] + } + if (theme == 'secondary') { + var secondaryShade = secondaryName.split('-')[1]; + secondary = $('#' + activeTheme + ' .lightmode .default-secondary').css('backgroundColor'); + onSecondary = $('#' + activeTheme + ' .lightmode .default-secondary').css('color'); + document.querySelector(':root').style.setProperty('--secondary', secondary); + document.querySelector(':root').style.setProperty('--on-secondary', onSecondary ); + } + if (theme == 'tertiary') { + var tertiaryShade = tertiaryName.split('-')[1]; + tertiary = $('#' + activeTheme + ' .lightmode .default-tertiary').css('backgroundColor'); + onTertiary = $('#' + activeTheme + ' .lightmode .default-tertiary').css('color'); + document.querySelector(':root').style.setProperty('--tertiary', tertiary); + document.querySelector(':root').style.setProperty('--on-tertiary', onTertiary ); + } + if (backgroundPrimaryName == 'primaryDarkBG') { + document.querySelector(':root').style.setProperty('--background', 'var(--primaryDarkBG)' ); + document.querySelector(':root').style.setProperty('--background-secondary', 'var(--secondaryDarkBG)' ); + } + + + } + + function modifyThemeCB(mode){ + var type = $('input[name=cb-mode]:checked').val(); + var primaryId = $('#' + primaryName.split('-')[0] + '-' + mode + ' .color-block.prime').attr('id').split('-')[2]; + var primeColor = $('#' + primaryName.split('-')[0] + '-' + mode + ' .color-block.prime .Hex').css('backgroundColor') + var primeColor = rgb2hex(primeColor ); + var primeColor = primeColor.replace('#','') + var newPrime = convertCB(primeColor, type) + addtoTheme('primaryCB', rgb2hex(newPrime)) + var secondaryId = $('#' + secondaryName.split('-')[0] + '-' + mode + ' .color-block.prime').attr('id').split('-')[2]; + var secondaryColor = $('#' + secondaryName.split('-')[0] + '-' + mode + ' .color-block.prime .Hex').css('backgroundColor'); + var secondaryColor = rgb2hex(secondaryColor ); + var secondaryColor = secondaryColor.replace('#','') + var newSecondary = convertCB(secondaryColor, type) + addtoTheme('secondaryCB', rgb2hex(newSecondary)) + var tertiaryId = $('#' + tertiaryName.split('-')[0] + '-' + mode + ' .color-block.prime').attr('id').split('-')[2]; + var tertiaryColor = $('#' + tertiaryName.split('-')[0] + '-' + mode + ' .color-block.prime .Hex').css('backgroundColor') + var tertiaryColor = rgb2hex(tertiaryColor); + var tertiaryColor = tertiaryColor.replace('#','') + var newTertiary = convertCB(tertiaryColor, type) + addtoTheme('tertiaryCB', rgb2hex(tertiaryColor)) + + + $('#cb-colors .Hex').each(function(){ + var name = $(this).attr('name') + var className = $(this).attr('class').replace('Hex','').replace(/\s/g, ''); + if (name == 'white-bg' || name == 'nearblack-bg') { + + } else { + var colorName = $(this).attr('name').split('-')[0]; + var themeType; + if ( name.split('-')[0] == primaryName.split('-')[0] ){ + themeType = 'primaryCB' + } else if ( name.split('-')[0] == secondaryName.split('-')[0] ){ + themeType = 'secondaryCB' + } else { + themeType = 'tertiaryCB' + } + var shade = name.split('-')[1] + + var newColor = $('#' + themeType + '-light-' + shade + ' .Hex').css('backgroundColor') + var newOnColor = $('#' + themeType + '-light-' + shade + ' .Hex').css('color') + + + $('#mcb-colors .' + className).css('background', newColor) + } + }); + + } + + function clearThemeCBShades() { + $('#primaryCB-light').prev('div').remove(); + $('#primaryCB-light').remove(); + $('#primaryCB-dark').remove(); + $('#secondaryCB-light').prev('div').remove(); + $('#secondaryCB-light').remove(); + $('#secondaryCB-dark').remove(); + $('#tertiaryCB-light').prev('div').remove(); + $('#tertiaryCB-light').remove(); + $('#tertiaryCB-dark').remove(); + } + + + // make adjustments // + function adjustments(colorClass, mode) { + // usually the colors that have the color with the last black text or first light text have to be lightened or darkened to meet the contrast ratio of 4:5:1 // + // if the last color with dark text has bee adjusted - adjust all the other colors around it // + // if the first color with light text has bee adjusted - adjust all the other colors around it // + if (mode == 'light') { + textColor = 'rgb(255,255,255)' + } else { + textColor = 'rgba(255,255,255,'+dmOpacity+')' + } + var lightTextArray = []; + $(document).find('#' + colorClass + '-'+ mode +'-100').nextAll('.color-block').each(function () { + var blockColor = $(this).find('.Hex').css('color').replace(/\s/g, ''); + var shade = $(this).attr('id') + if (blockColor == textColor) { + lightTextArray.push(shade); + } + }); + var firstLight = lightTextArray[0]; + var lastDark = firstLight.split('-')[2] + + if ($('#' + firstLight).hasClass('darkened') || $('#' + firstLight ).hasClass('blacken') || $('#' + firstLight ).hasClass('lightened')) { + var startedShade = firstLight.split('-')[2]; + var currentColor = rgb2hex($('#' + firstLight).find('.Hex').css('backgroundColor')) + var endColor = rgb2hex($('#' + colorClass + '-'+ mode +'-900').find('.Hex').css('backgroundColor')) + // adjust all the colors after // + $('#' + firstLight).nextAll().attr('class','color-block'); + var nextAll = $('#' + firstLight).nextAll() + nextAll.each(function () { + var name = $(this).attr('id'); + var theme = name.split('-')[0]; + var blockshade = parseInt(name.split('-')[2]); + var level = ((blockshade - startedShade)/(900-startedShade + 100)); + //var colorRGB = $.xcolor.gradientlevel(currentColor , endColor , level, 100).getHex(); + var colorRGB = 'rgb(' + chroma.mix(currentColor, endColor, level).rgb() + ')'; + $(this).removeClass('darkened').removeClass('lightened').removeClass('darkened') + if (mode == 'light') { + checkContrast(colorClass+'-'+mode+'-'+blockshade, colorRGB, mode) + } else { + checkDM(colorClass+'-'+ mode +'-' + blockshade, colorRGB ) + } + + }); + + } + + if ($('#' + lastDark).hasClass('darkened') || $('#' + firstLight ).hasClass('blacken') || $('#' + firstLight ).hasClass('lightened')) { + var startedShade = lastDark.split('-')[2]; + var currentColor = rgb2hex($('#' + firstLight).find('.Hex').css('backgroundColor')) + var endColor = rgb2hex($('#' + colorClass + '-'+ mode +'-900').find('.Hex').css('backgroundColor')) + // adjust all the colors before // + var endColor = rgb2hex($('#' + colorClass + '-'+ mode +'-0').find('.Hex').css('backgroundColor')) + $(this).prevAll().attr('class','color-block'); + $(this).prevAll('.color-block').each(function () { + var name = $(this).attr('id'); + var theme = name.split('-')[0]; + var blockshade = parseInt(name.split('-')[2]); + var level = ((startedShade - blockshade)/(startedShade + 100)); + var colorRGB = 'rgb(' + chroma.mix(currentColor, endColor, level).rgb() + ')'; + $(this).removeClass('darkened').removeClass('lightened').removeClass('darkened') + if (mode == 'light') { + checkContrast(colorClass+'-'+mode+'-'+blockshade, colorRGB, mode) + } else { + checkDM(colorClass+'-'+ mode +'-' + blockshade, colorRGB ) + } + }); + } + + } + + + + +/// Step 2 - Build theme // + + + + // Make the 'To Color' in gradient1 wcag compliant to the 'From Color' // + $(document).on('click', '#themeGradient1-a .colorGroup li', function() { + var onColor1 = $('#themeGradient1-a button .Hex').css('color'); + $('#themeGradient1-b .colorGroup .Hex').each(function() { + var onColor2 = $(this).css('color'); + + if (onColor1 == onColor2) { + $(this).parent().parent().css('display','block') + } else { + $(this).parent().parent().css('display','none') + } + }); + }); + + // Make the 'To Color' in gradient2 wcag compliant to the 'From Color' // + $(document).on('click', '#themeGradient2-a .colorGroup li', function() { + var onColor1 = $('#themeGradient2-a button .Hex').css('color'); + $('#themeGradient2-b .colorGroup .Hex').each(function() { + var onColor2 = $(this).css('color'); + + if (onColor1 == onColor2) { + $(this).parent().parent().css('display','block') + } else { + $(this).parent().parent().css('display','none') + } + }); + }); + + // Create sample gradeint for gradient 1 // + $(document).on('click', '#themeGradient1-b .colorGroup li', function() { + var color1 = $('#themeGradient1-a button .Hex').css('backgroundColor'); + var color2 = $(this).find('.Hex').css('backgroundColor'); + var onColor = $(this).find('.Hex').css('color'); + $('#themeGradient1-sample').css('background','linear-gradient(135deg, '+ color1 +' 0%, '+ color2 +' 100%)'); + $('#themeGradient1-sample').css('color', onColor); + $('#themeGradient1-sample').parent().addClass('active') + }); + + // Create sample gradeint for gradient2 // + $(document).on('click', '#themeGradient2-b .colorGroup li', function() { + var color1 = $('#themeGradient2-a button .Hex').css('backgroundColor'); + var color2 = $(this).find('.Hex').css('backgroundColor'); + var onColor = $(this).find('.Hex').css('color'); + $('#themeGradient2-sample').css('background','linear-gradient(135deg, '+ color1 +' 0%, '+ color2 +' 100%)'); + $('#themeGradient2-sample').css('color', onColor); + $('#themeGradient2-sample').parent().addClass('active') + }); + + + // Create sample gradeint for gradient2 // + $(document).on('click', '#icons.colorGroup li', function() { + var color1 = $('#iconsbutton .Hex').css('backgroundColor'); + $('#themeIcon-sample svg path').css('fill', color1); + $('#themeIcon-sample').parent().addClass('active') + }); + + // Create sample gradeint for gradient2 // + $(document).on('click', '#icons.colorGroup li', function() { + var color1 = $('#iconsbutton .Hex').css('backgroundColor'); + $('#themeIcon-sample svg path').css('fill', color1); + $('#themeIcon-sample').parent().addClass('active') + }); + + + $(document).on('click', '#themeGradientText-b .colorGroup li', function() { + var color1 = $('#themeGradientText-a button .Hex').css('backgroundColor'); + var color2 = $(this).find('.Hex').css('backgroundColor'); + $('#themeGradientText-sample .gradiemt-title').css({ + 'background' : color1, + 'background' : '-webkit-linear-gradient(15deg, ' +color1+ ', ' + color2+ ')', + '-webkit-background-clip' : 'text', + '-webkit-text-fill-color' : 'transparent' + }); + $('#themeGradientText-sample').parent().addClass('active') + }); + + function updateNames(name, themeName) { + var i = 0; + while (i < 10) { + var shade = i * 100 + // update an divs with the class of a color // + $('#themeGradient1-a').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeGradient1-b').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeGradient2-a').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeGradient2-b').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeButtons').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeIcons').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeGradientText-a').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeGradientText-b ').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + $('#themeAccent').find('.' + name + '-' + shade).removeClass(name + '-' + shade).addClass(themeName + '-' + shade).attr('name',themeName + '-' + shade); + // update an divs with the name of a color // + $('#themeGradient1-a').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeGradient1-b').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeGradient2-a').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeGradient2-b').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeButtons').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeIcons').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeGradientText-a').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + $('#themeGradientText-b ').find('.Hex[name=' + name + '-' + shade+ ']').attr('name',themeName + '-' + shade); + $('#themeAccent').find('.Hex[name=' + name + '-' + shade + ']').attr('name',themeName + '-' + shade); + i++ + } + } + + function buildDMTextgradient() { + testdmbackground = hextoRGBArray(dmbackgroundPrimary); + // dm text gradient // + var dmtextgradient1aName = textGradientName.split('-')[0] + '-200'; + var dmtextgradient1bName = textGradientName.split('-')[0] + '-300'; + dmgradientTexta = window[dmtextgradient1aName.replace('-','')] + dmgradientTextb = window[dmtextgradient1bName.replace('-','')] + // text to make sure the header has the a wcagContrast:1 contrast ration if not update the values by reducing the shades// + var testTextB = rgb2hex(dmgradientTextb); + testTextB = hextoRGBArray(testTextB); + var contrastRation = contrast(testTextB, testdmbackground) + if (contrast < wcagContrast) { + var dmtextgradient1aName = textgradientName.split('-')[0] + '-100'; + var dmtextgradient1bName = textgradientName.split('-')[0] + '-200'; + dmgradientTexta = window[dmtextgradient1aName.replace('-','')] + dmgradientTextb = window[dmtextgradient1bName.replace('-','')] + } + dmtextgradientName = dmtextgradient1aName + ',' + dmtextgradient1bName; + return(dmtextgradientName ) + } + + function buildDMIcons() { + testdmbackground = hextoRGBArray(dmbackgroundPrimary); + // test colors for dark mode icons which must have a 3.1 contrast to the selected dark mode background // + var dmIconShade = getDMShade(iconsName ,testdmbackground, 3.1) + dmiconsName = iconsName.split('-')[0] + '-' + dmIconShade + dmicons = window[dmiconsName.replace('-','')] + } + + + $('#addTheme').click(function() { + var error = 'false'; + var missing = [] + primary = $('#themePrimary button .Hex').css('backgroundColor'); + primaryName = $('#themePrimary button .Hex').attr('name') + onPrimary = $('#themePrimary button .Hex').css('color'); + setThemeShades('primary', primaryName.split('-')[0]); + secondary = $('#themeSecondary button .Hex').css('backgroundColor'); + secondaryName = $('#themeSecondary button .Hex').attr('name') + onSecondary = $('#themeSecondary button .Hex').css('color'); + setThemeShades('secondary', secondaryName.split('-')[0]); + tertiary = $('#themeTertiary button .Hex').css('backgroundColor'); + tertiaryName = $('#themeTertiary button .Hex').attr('name') + onTertiary = $('#themeTertiary button .Hex').css('color'); + setThemeShades('tertiary', tertiaryName.split('-')[0]); + updateNames(primaryName.split('-')[0], 'primary') + updateNames(secondaryName.split('-')[0] , 'secondary') + updateNames(tertiaryName.split('-')[0] , 'tertiary') + backgroundPrimary = $('#themeBackground button .Hex').eq(0).css('backgroundColor'); + onbackgroundPrimary = $('#themeBackground button .Hex').eq(0).css('color'); + backgroundPrimaryName = $('#themeBackground button .Hex').eq(0).attr('name'); + backgroundSecondary = $('#themeBackground button .Hex').eq(1).css('backgroundColor'); + if (backgroundPrimaryName == 'white-bg') { + backgroundSecondaryName = 'gray-050-bg'; + onbackgroundSecondary = '#121212'; + colorDrop = $(document).find('#primary-light-100 .Hex').css('backgroundColor') + borderColor = 'rgba(0,0,0,.15)' + chip = 'rgba(0,0,0,.25)' + onchip = black + groupButtonBG = inputDefault + lineColor = 'rgba(0,0,0,0.05)' + } else if (backgroundPrimaryName == 'primary-half-bg') { + backgroundSecondaryName = 'primary-quarter-bg' + onbackgroundSecondary = '#121212'; + colorDrop = $(document).find('#primary-light-100 .Hex').css('backgroundColor') + borderColor = 'rgba(0,0,0,.15)' + chip = 'rgba(0,0,0,.25)' + onchip = black + groupButtonBG = inputDefault + lineColor = 'rgba(0,0,0,0.05)' + } else if(backgroundPrimaryName == 'primaryDarkBG') { + backgroundSecondaryName = 'secondaryDarkBG' + onbackgroundSecondary = '#ffffff'; + colorDrop = '#000000' + borderColor = 'rgba(255,255,255,.15)' + chip = 'rgba(255,255,255,.25)' + onchip = white + groupButtonBG = 'rgba(255,255,255,.1)'; + lineColor = 'rgba(255,255,255,0.05)' + } else { + backgroundSecondaryName = 'black-bg' + onbackgroundSecondary = '#ffffff'; + colorDrop = '#000000' + borderColor = 'rgba(255,255,255,.15)' + chip = 'rgba(255,255,255,.25)' + onchip = white + groupButtonBG = 'rgba(255,255,255,.1)'; + lineColor = 'rgba(255,255,255,0.05)' + } + document.querySelector(':root').style.setProperty('--chip' , chip); + document.querySelector(':root').style.setProperty('--on-chip' , onchip); + document.querySelector(':root').style.setProperty('--color-drop' , colorDrop ); + document.querySelector(':root').style.setProperty('--border' , borderColor ); + document.querySelector(':root').style.setProperty('--chart-lineColor' , lineColor); + document.querySelector(':root').style.setProperty('--groupButtonBG' , groupButtonBG ); + document.querySelector(':root').style.setProperty('--primary' , primary); + document.querySelector(':root').style.setProperty('--secondary' , secondary); + document.querySelector(':root').style.setProperty('--tertiary' , tertiary); + document.querySelector(':root').style.setProperty('--on-primary' , onPrimary); + document.querySelector(':root').style.setProperty('--on-secondary' , onSecondary); + document.querySelector(':root').style.setProperty('--on-tertiary' , onTertiary); + gradient1aName = $('#themeGradient1-a button .Hex').attr('name') + gradient1a = window[gradient1aName.replace('-','')] + ongradient1a = window['on' + gradient1aName.replace('-','')] + gradient1bName = $('#themeGradient1-b button .Hex').attr('name') + gradient2b = window[gradient1bName.replace('-','')] + themeGradient1a(gradient1aName, gradient1a, ongradient1a) + themeGradient1b(gradient1bName, gradient2b, ongradient1a) + gradient2aName = $('#themeGradient2-a button .Hex').attr('name') + gradient2a = window[gradient1aName.replace('-','')] + ongradient2a = window['on' + gradient2aName] + gradient2bName = $('#themeGradient2-b button .Hex').attr('name') + gradient2b = window[gradient2bName.replace('-','')] + themeGradient2a(gradient2aName, gradient2a, ongradient2a) + themeGradient2b(gradient2bName, gradient2b, ongradient2a) + gradientTextaName = $('#themeGradientText-a button .Hex').attr('name') + gradientTextbName = $('#themeGradientText-b button .Hex').attr('name') + textGradientName = gradientTextaName + ',' + gradientTextbName + gradientTexta = window[gradientTextaName.replace('-','')] + gradientTextb = window[gradientTextbName.replace('-','')] + dmtextGradientName = buildDMTextgradient(); + accentName = $('#themeAccent button .Hex').attr('name') + accent = window[accentName.replace('-','')] + themeAccent(accentName , accent) + if ($('#themePrimary').hasClass('no-selection')) { + missing.push('Primary Theme Color') + } + if ($('#themeSecondary').hasClass('no-selection')) { + var error = 'true' + missing.push('Secondary Theme Color') + } + if ($('#themeTertiary').hasClass('no-selection')) { + var error = 'true' + missing.push('Teritary Theme Color') + } + if ($('#themeAccent').hasClass('no-selection')) { + var error = 'true' + missing.push('Accent Theme Color') + } + // DARK MODE // + dmprimaryName = $('#themePrimary button .Hex').attr('name'); + dmprimary = $(document).find('#' + dmprimaryName.split('-')[0] + '-dark-' + dmprimaryName.split('-')[1] + ' .Hex').css('backgroundColor'); + dmonprimary = $(document).find('#' + dmprimaryName.split('-')[0] + '-dark-' + dmprimaryName.split('-')[1] + ' .Hex').css('color'); + dmsecondaryName = $('#themeSecondary button .Hex').attr('name'); + dmsecondary = $(document).find('#' + dmsecondaryName.split('-')[0] + '-dark-' + dmsecondaryName.split('-')[1] + ' .Hex').css('backgroundColor'); + dmonsecondary = $(document).find('#' + dmsecondaryName.split('-')[0] + '-dark-' + dmsecondaryName.split('-')[1] + ' .Hex').css('color'); + dmtertiaryName = $('#themeTertiary button .Hex').attr('name'); + dmtertiary = window[dmtertiaryName] + dmontertiary = window['on'+ dmtertiaryName] + dmtooltip = elevationShades(dmbackgroundPrimary, .06) + document.querySelector(':root').style.setProperty('--dmtooltip' , dmtooltip); + buildDMIcons() + // dm text gradient // + + // set dark mode of addiional items // + + + if (error == 'true') { + alert(missing) + } else { + + if ($('.theme-name').css('display') == 'none') { + activeTheme = system + 'Default'; + themeName = 'Default' + var themeDropdown = activeTheme + '-theme'; + + $('#createdDefault').clone().insertAfter('#createdDefault').attr('id', activeTheme ).addClass(system + '-theme') + $('#composer .content').removeClass('active') + $(document).find('#' + system + 'Default').addClass('active'); + $('.nav-item').removeClass('disabled'); + $('.step2').removeClass('disabled'); + $('#assign-intro').addClass('active') + $('#default.theme-container').parents('li').clone().appendTo('#selectedTheme ul').find('.theme-container').attr('id', system + 'Default-theme').addClass('system-theme ' + system + '-theme') + $(document).find('.theme-container').removeClass('active'); + $(document).find('#' + system + 'Default-theme').addClass('active'); + } else { + themeName = $('#themeName').val(); + alert(themeName) + themeName = themeName.replace(/\s/g, ''); + activeTheme = system + themeName; + var themeDropdown = activeTheme + '-theme'; + // create page for theme // + $('#createdDefault').clone().insertAfter('#createdDefault').attr('id', activeTheme).addClass(system + '-theme') + $(document).find('#' + activeTheme + ' h5').eq(0).html(themeName); + //$(document).find('#' + activeTheme + ' [class*="default-"]').each(function() { + // var className = $(this).attr('class'); + // className = className.replace('default-', theme + '-'); + // $(this).attr('class', className) + //}); + // add link to theme // + $('.sub-section').removeClass('active'); + $('.sub-section.themeGenerator').clone().insertAfter('.sub-section.themeGenerator').attr('name', activeTheme).html(themeName).addClass('system-theme active'); + // add theme to dropdown theme selector // + $('#default.theme-container').parents('li').clone().appendTo('#selectedTheme ul').find('.theme-container').attr('id', themeDropdown).addClass('system-theme ' + system + '-theme') + // $(document).find('#' + activeTheme + '-theme [class*="default-"]').each(function() { + // var className = $(this).attr('class'); + // className = className.replace('default', theme ); + // $(this).attr('class', className) + // }); + $(document).find('.sub-section[name='+activeTheme +']').addClass('active'); + $('.main.active .content').removeClass('active'); + $('#' + activeTheme ).addClass('active') + } + var buttonColor = $('#buttons button .Hex').attr('name'); + $(document).find('#' + system + ' .default-button-color').html(buttonColor); + var iconColor = $('#iconsbutton .Hex').attr('name'); + $(document).find('#' + system + ' .default-icon-color').html(iconColor ); + $(document).find('#' + activeTheme + ' .default-primary').attr('name', $('#themePrimary button .Hex').attr('name')).css({'background': primary, 'color': onPrimary}); + $(document).find('#' + activeTheme + ' .default-secondary').attr('name', $('#themeSecondary button .Hex').attr('name')).css({'background': secondary, 'color': onSecondary}); + $(document).find('#' + activeTheme + ' .default-tertiary').attr('name', tertiaryName).css({'background': tertiary, 'color': onTertiary}); + $(document).find('#' + activeTheme + ' .default-button').attr('name', buttonsName).css({'background': buttons, 'color': onButtons}); + $(document).find('#' + activeTheme + ' .default-icon').attr('name', iconsName ).css({'background': icons, 'color': onIcons}); + $(document).find('#' + activeTheme + ' .default-background').attr('name', $('#themeBackground button .Hex').eq(0).attr('name')).css({'background': backgroundPrimary, 'color': onbackgroundPrimary}); + $(document).find('#' + activeTheme + ' .default-background-secondary').attr('name', $('#themeBackground button .Hex').eq(1).attr('name')).css({'background': backgroundSecondary, 'color': onbackgroundSecondary}); + $(document).find('#' + activeTheme + ' .lightmode .default-gradient-1').attr('name', gradient1aName + gradient1bName).css({'background': 'linear-gradient(90deg, '+ gradient1a +' 0%, '+ gradient1b +' 100%)', 'color': ongradient1a}); + $(document).find('#' + activeTheme + ' .lightmode .default-gradient-2').attr('name', gradient2aName + gradient2bName).css({'background': 'linear-gradient(90deg, '+ gradient2a +' 0%, '+ gradient2b +' 100%)', 'color': ongradient2a}); + $(document).find('#' + activeTheme + ' .default-gradient-title').attr('name', textgradient1aName + textgradient1bName); + $(document).find('#' + activeTheme + ' .darkmode .default-primary').attr('name', dmprimaryName.split('-')[0] + '-' + dmprimaryName.split('-')[1]).css({'background': dmprimary, 'color': dmonprimary}); + $(document).find('#' + activeTheme + ' .darkmode .default-secondary').attr('name', dmsecondaryName.split('-')[0] + '-' + dmsecondaryName.split('-')[1]).css({'background': dmsecondary, 'color': dmonsecondary }); + $(document).find('#' + activeTheme + ' .darkmode .default-tertiary').attr('name', dmtertiaryName ).css({'background': dmtertiary, 'color': dmontertiary }); + $(document).find('#' + activeTheme + ' .darkmode .default-button').attr('name', dmbuttonsName).css({'background': dmbuttons, 'color': dmonbuttons }); + $(document).find('#' + activeTheme + ' .darkmode .default-icon').css({'background': dmiconsName }).css({'background': dmicons, 'color': dmonicons }); + $(document).find('#' + activeTheme + ' .darkmode .default-background').attr('name', $('#themeDarkmode-BG button .Hex').eq(0).attr('name')).css({'background': dmbackgroundPrimary, 'color': dmonbackgroundPrimary}); + $(document).find('#' + activeTheme + ' .darkmode .default-background-secondary').attr('name', $('#themeDarkmode-BG button .Hex').eq(1).attr('name')).css({'background': dmbackgroundSecondary, 'color': dmonbackgroundSecondary}); + $(document).find('#' + activeTheme + ' .darkmode .default-background-tertiary').attr('name', 'primary-700').css({'background': dmbackgroundTertiary, 'color': dmonbackgroundTertiary}); + $(document).find('#' + activeTheme + ' .darkmode').css({'background': dmbackgroundPrimary, 'color': 'rgba(255, 255, 255, '+dmOpacity+')'}); + $(document).find('#' + activeTheme + ' .darkmode .default-gradient-1').attr('name', dmgradient1Name).css({'background': 'linear-gradient(90deg, '+ dmgradient1a +' 0%, '+ dmgradient1b +' 100%)', 'color': 'rgba(255, 255, 255, '+dmOpacity+')'}); + $(document).find('#' + activeTheme + ' .darkmode .default-gradient-2').attr('name', dmgradient2Name).css({'background': 'linear-gradient(90deg, '+ dmgradient2a +' 0%, '+ dmgradient2b +' 100%)', 'color': 'rgba(255, 255, 255, '+dmOpacity+')'}); + $(document).find('#' + activeTheme + ' .darkmode .default-gradient-title').attr('name', dmtextgradientName ).css({'background': 'linear-gradient(90deg, '+ dmgradientTexta +' 0%, '+ dmgradientTextb +' 100%)', '-webkit-background-clip' : 'text', '-webkit-text-fill-color': 'transparent'}); + $(document).find('#' + themeDropdown +' .default-primary-half').attr('name', $('#themePrimary button .Hex').attr('name')).css({'background': primaryHalf, 'color': '#121212'}); + $(document).find('#' + themeDropdown +' .default-primary-quarter').attr('name', $('#themePrimary button .Hex').attr('name')).css({'background': primaryQuarter, 'color': '#121212'}); + $(document).find('#' + themeDropdown +' .default-primary').attr('name', $('#themePrimary button .Hex').attr('name')).css({'background': primary, 'color': onPrimary}); + $(document).find('#' + themeDropdown +' .default-secondary').attr('name', $('#themeSecondary button .Hex').attr('name')).css({'background': secondary, 'color': onSecondary}); + $('#default.theme-container').parents('li').hide(); + + additionalThemeSettings() + + } + +}); + function getDMShade(name,background,contrastRation) { + var testdmColor + var dmName = name.split('-')[0]; + var dmShade = parseInt(name.split('-')[1]); + if (dmName == 'primary' || dmName == 'secondary' || dmName == 'tertiary' ) { + var dmColor = window[dmName + dmShade] + } else { + var dmColor = $(document).find('#' + dmName + '-dark-' + dmShade + ' .Hex').css('backgroundColor'); + } + // test colors for dark mode which must have the passed contrast Ratio against the dark mode background // + testdmColor = rgb2hex(dmColor) + var testit = hextoRGBArray(testdmColor) + var i = 0; + // if (i != 600 || i != 700 ) + while (contrast(testit, background) < contrastRation) { + i = i + 100; + var newShade = dmShade - i ; + + if (dmName == 'primary' || dmName == 'secondary' || dmName == 'tertiary' ) { + var dmColor = window[dmName + newShade] + } else { + var dmColor = $(document).find('#' + dmName + '-dark-' + newShade + ' .Hex').css('backgroundColor'); + } + testdmColor = rgb2hex(dmColor); + testit = hextoRGBArray(testdmColor); + } + return(dmShade - i) + } + + + //// Step 3. Set the rest of the atomic settings ///// + // Grid // + $("input[type='radio'][name='grid']").click(function() { + grid = parseInt($(this).val()); + setGrid(grid) + $(document).find('#' + system + ' .default-grid').html(grid + 'px'); + $('.min1').attr('class','') + $('.spacing-min').html(44/grid + 'px'); + setSpacing(); + }); + function loadGrid() { + grid = $(document).find('#' + system + ' .default-grid' ).html(); + document.querySelector(':root').style.setProperty('--spacing-1', grid); + setSpacing() + + } + + function setSpacing() { + var gridNum = grid.replace('px','').replace(/\s/g, ''); + $('.spacing-0').html('0px').parent().attr('data-order',0); + $('.spacing-1').html(gridNum + 'px').parent().attr('data-order',gridNum ) + $('.spacing-2').html(gridNum * 2 + 'px').parent().attr('data-order',gridNum * 2) + $('.spacing-3').html(gridNum * 3 + 'px').parent().attr('data-order',gridNum * 3) + $('.spacing-4').html(gridNum * 4 + 'px').parent().attr('data-order',gridNum * 4) + $('.spacing-min').html('44px').parent().attr('data-order',44) + $('.spacing-5').html(gridNum * 5 + 'px').parent().attr('data-order',gridNum * 5) + $('.spacing-6').html(gridNum * 6 + 'px').parent().attr('data-order',gridNum * 6) + $('.spacing-7').html(gridNum * 7 + 'px').parent().attr('data-order',gridNum * 7) + $('.spacing-8').html(gridNum * 8 + 'px').parent().attr('data-order',gridNum * 8) + $('.spacing-9').html(gridNum * 9 + 'px').parent().attr('data-order',gridNum * 9) + $('.spacing-10').html(gridNum * 10 + 'px').parent().attr('data-order',gridNum * 10) + $('.spacing-half').html(gridNum /2 + 'px').parent().attr('data-order',gridNum /2) + if (gridNum = 8) { + $('.wcag-min').addClass('hidden') + } else { + $('.wcag-min').removeClass('hidden') + } + sortSpacing(); + minTargetArea() + } + + function minTargetArea(){ + minTarget = $('#min-target button').html().replace(/\s/g, ''); + var minTargetNum = minTarget.replace('px','').replace(/\s/g, ''); + $('.spacing-min').attr('data-order',minTargetNum).attr('name',minTargetNum/grid).html(minTargetNum + 'px'); + $('.mintarget').each(function() { + var currentTarget = $(this).find('button').html().replace('px','').replace(/\s/g, ''); + if (currentTarget < minTargetNum || $(this).hasClass('spacing-min')) { + $('.mintarget button').html(minTarget) + $(this).attr('class','dropdown-toggle spacing-min') + } + }); + $('.mintarget .dropdown-item').removeClass('hidden'); + $('.mintarget .dropdown-item').each(function() { + var height = $(this).html().replace('px','').replace(/\s/g, ''); + if (height < minTargetNum) { + $(this).addClass('.hidden'); + } + var id = $(this).parent().attr('id') + document.querySelector(':root').style.setProperty('--id', height); + var objectName = $(this).parent().attr('name') + if (objectName) { + this[objectName] = height + } + //$('#' + id + ' button').html(height + 'px') + }) + + // update the root css // + document.querySelector(':root').style.setProperty('--min-target', minTarget); + + + } + + function setGrid(grid) { + if (grid == 6) { + var boxWidth = 300; + var lines = 50 + } else if (grid == 8) { + var boxWidth = 304; + var lines = 38 + } else { + var boxWidth = 300; + var lines = 30 + } + $('.gridBox').css('width', boxWidth); + $('.gridBox').css('height', boxWidth); + $('.vertical-lines').empty(); + $('.horizontal-lines').empty(); + + i = 0; + while (i < lines) { + $('.vertical-lines').append('
          '); + $('.horizontal-lines').append('
          '); + i++ + } + + document.querySelector(':root').style.setProperty('--spacing-1' , grid +'px'); + //setSpacing(grid) + //setBorder(grid) + + } + + + function setBorder(grid) { + $('#baseRadius').val(grid + 'px') + $('.radius-0').html('0px'); + $('.radius-1').html(grid + 'px'); + $('.radius-2').html(grid * 2 + 'px'); + $('.radius-3').html(grid * 3 + 'px'); + $('.radius-4').html(grid * 4 + 'px'); + $('.radius-5').html(grid * 5 + 'px'); + $('.radius-6').html(grid * 6 + 'px'); + $('.radius-7').html(grid * 7 + 'px'); + $('.radius-8').html(grid * 8 + 'px'); + $('.radius-9').html(grid * 9 + 'px'); + $('.radius-10').html(grid * 10 + 'px'); + $('.radius-half').html(grid/2 + 'px'); + $('.radius-quarter').html(grid/4 + 'px'); + } + + ///// TYPOGRAPHY //// + + $('.edit-text').click(function() { + var fontName = $(this).attr('name') + var capName = capitalizeFirstLetter(fontName) + $('#fontEdit').modal('show').attr('name',fontName); + + if (fontName == 'display1' || fontName == 'display2' ){ + $('#family-row').hide() + } else { + + $('#family-row').show() + } + $('#sample-text').html('
          '+capName+'
          ') + var spacing = $('#composer').find('.' + fontName).css('letter-spacing'); + var family = $('#composer').find('.' + fontName).css('font-family'); + var weight = $('#composer').find('.' + fontName).css('font-weight'); + var lh = $('#composer').find('.' + fontName).css('line-height'); + var size = $('#composer').find('.' + fontName).css('font-size'); + lh = Math.floor(parseInt(lh)/parseInt(size)*100) + '%'; + var fontWeight0 = $('#fontWeight-0').val(); + var fontWeight1 = $('#fontWeight-1').val(); + var fontWeight2 = $('#fontWeight-2').val(); + var fontWeight3 = $('#fontWeight-3').val(); + var fontWeight4 = $('#fontWeight-4').val(); + var fontFamily1 = $('#primaryFont').val(); + var fontFamily2 = $('#secondaryFont').val(); + var lineHeight = $('#Standard-LineHeight').val(); + var smLineHeight = $('#Sm-LineHeight').val() + $('#sample-text .new').css({ + 'font-size': size, + 'font-weight': weight, + 'font-family': family, + 'line-height': lh, + 'letter-spacing': spacing + }) + $("#text-family button" ).html(family); + $('#text-family li a').eq(0).html(fontFamily1) + $('#text-family li a').eq(1).html(fontFamily2) + $("#text-weight button" ).html(weight); + $('#text-weight li a').eq(0).html(fontWeight0); + $('#text-weight li a').eq(1).html(fontWeight1); + $('#text-weight li a').eq(2).html(fontWeight2); + $('#text-weight li a').eq(3).html(fontWeight3); + $('#text-weight li a').eq(4).html(fontWeight4); + $("#text-line-height button" ).html(lh); + $('#text-line-height li a').eq(0).html(lineHeight); + $('#text-line-height li a').eq(1).html(smLineHeight); + $("#text-letter-spacing-info span" ).html(spacing) + $("#text-size-info span" ).html(size) + }); + + + $('#save-text').click(function() { + var font = $('#fontEdit').attr('name'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-' + font).addClass('editted'); + var family = $("#text-family button" ).html(); + var weight = $("#text-weight button" ).html() + var lh = $("#text-line-height button" ).html() + var spacing = $("#text-letter-spacing-info span" ).html(); + var size = $("#text-size-info span" ).html(); + $(document).find('#' + system + 'Default .default-' + font + ' .font-family').html(family); + $(document).find('#' + system + 'Default .default-' + font + ' .font- weight ').html( weight ) + $(document).find('#' + system + 'Default .default-' + font + ' .font-line-height').html(lh) + $(document).find('#' + system + 'Default .default-' + font + ' .font-size').html(size) + $(document).find('#' + system + 'Default .default-' + font + ' .character-spacing').html(spacing); + + if (font == 'display1' || font == 'display2') { + $('h1.' + font).css({ + 'font-family': family, + 'font-weight': weight, + 'line-height': lh, + 'letter-spacing': spacing, + 'font-size': size + }); + } else { + $('.' + font).css({ + 'font-family': family, + 'font-weight': weight, + 'line-height': lh, + 'letter-spacing': spacing, + 'font-size': size + }); + } + $('#fontEdit').modal('hide'); + document.querySelector(':root').style.setProperty('--' + font+'-weight', weight); + updateTextStyles() + }); + + + $("#max-hue" ).slider({ + min: 0, + max: 360, + value: 0, + slide: function( event, ui ) { + updateHue(ui.value) + } + }); + + function updateHue(hue) { + var color = $(document).find('.adjusting').css('backgroundColor'); + var adjustingShade = $(document).find('.adjusting').parent('.color-block').attr('id').match(/\d+/) + var primeShade = $(document).find('.hueModify').find('.prime').attr('id').match(/\d+/) + var colorName = $(document).find('.hueModify').find('.prime').attr('id').replace(primeShade,""); + var primeColor = $(document).find('.hueModify').find('.prime .Hex').css('backgroundColor'); + var primeHex = rgb2hex(primeColor); + var endHex = rgb2hex(color); + var primeHue = chroma(primeHex).hcl()[0]; + endHue = hue + $('#newHue').html(hue) + + var endRGB = chroma.hcl(endHue,chroma(endHex).hcl()[1],chroma(endHex).hcl()[2]).rgb(); + var endHex = chroma.hcl(endHue,chroma(endHex).hcl()[1],chroma(endHex).hcl()[2]).hex(); + $(document).find('#' + colorName + adjustingShade).find('.Hex').css('background','rgb(' + endRGB + ')'); + $(document).find('#' + colorName + adjustingShade).find('.Color span').html(endHex); + if (adjustingShade == 900) { + var i = parseInt(primeShade) + 100 + var hueChange = (endHue - primeHue) / ((900 - primeShade) / 100) + while (i < 900) { + var iRGB = $(document).find('#' + colorName + i.toString()).find('.Hex').css('backgroundColor') + var iHex = rgb2hex(iRGB); + var iHCL = chroma(iRGB).hcl(); + var newHue = (((i - primeShade)/100) * hueChange) + primeHue + $('#newHue').html(newHue.toFixed(2)); + var newColor = chroma.hcl(newHue,iHCL[1],iHCL[2]).rgb(); + var newHex = chroma.hcl(newHue,iHCL[1],iHCL[2]).hex(); + $(document).find('#' + colorName + i.toString()).find('.Hex').css('background','rgb(' + newColor + ')'); + $(document).find('#' + colorName + i.toString()).find('.Color span').html(newHex); + if (getContrast(newHex.toString()) == '#ffffff') { + text_color = [255,255,255]; // white + } else { + text_color = darkTextArray; // black + } + // get the contrast ration of the color against the suggested text color // + var contrastRation = contrast(newColor, text_color); // 1.0736196319018405 + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + var darkName = colorName.replace('light','dark') + //var newRGB = mixColors('#000000',newHex,.15); + //checkDM(darkName + i, newRGB) + checkContrast(colorName + i, newHex, 'light') + i = i + 100 + } + } else { + var i = parseInt(primeShade) - 100 + var hueChange = (primeHue - endHue) / (primeShade / 100) + while (i >= 0 && i < primeShade){ + var iRGB = $(document).find('#' + colorName + i.toString()).find('.Hex').css('backgroundColor') + var iHex = rgb2hex(iRGB); + var iHCL = chroma(iRGB).hcl(); + if (i == 0) { + var newHue = hue + } else { + var newHue = (hueChange * (i/100)) + hue + } + $('#newHue').html(newHue.toFixed(2)); + var newColor = chroma.hcl(newHue,iHCL[1],iHCL[2]).rgb(); + var newHex = chroma.hcl(newHue,iHCL[1],iHCL[2]).hex(); + $(document).find('#' + colorName + i.toString()).find('.Hex').css('background','rgb(' + newColor + ')'); + $(document).find('#' + colorName + i.toString()).find('.Color span').html(newHex); + if (getContrast(newHex.toString()) == '#ffffff') { + text_color = [255,255,255]; // white + } else { + text_color = darkTextArray; // black + } + // get the contrast ration of the color against the suggested text color // + var contrastRation = contrast(newColor, text_color); // 1.0736196319018405 + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + var darkName = colorName.replace('light','dark') + var newRGB = mixColors('#000000',newHex,.15); + //checkDM(darkName + i, newRGB) + checkContrast(colorName + i, newHex, 'light') + i = i - 100 + } + } + } + + + + $( "#text-letter-spacing" ).slider({ + min: -10, + max: 10, + step: .05, // + value: 2, + slide: function( event, ui ) { + $('#text-letter-spacing-info span').html( ui.value + 'px'); + updateText(); + } + }); + + $( "#text-size" ).slider({ + min: 0, + max: 800, + step: .25, // + value: 500, + slide: function( event, ui ) { + var font = $('#fontEdit').attr('name'); + var base = $('#baseFont').val().replace('px',''); + var fontSize = base * ui.value/100; + $('#text-size-info span').html(fontSize + 'px'); + $('#text-percent-info span').html(ui.value + '%'); + updateText(); + } + }); + + $( "#typography-change" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 42 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $('#typography-change').attr('name', ui.value/100); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .headerChange').html( ui.value/100); + document.querySelector(':root').style.setProperty('--headerChange', ui.value/100); + } + }); + ///// ELEVATIONS ///// + $( "#change" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $('#change').attr('name', ui.value/100) + document.querySelector(':root').style.setProperty('--elevation-change', ui.value/100); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-change').html(ui.value/100) + } + }); + + $( "#horizontal" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#horizontal" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--elevation-horizontal', ui.value + 'px'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-horizontal').html(ui.value + 'px') + updateElevation() + } + }); + + $( "#vertical" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#vertical" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--elevation-vertical', ui.value + 'px' ); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-veritcal').html(ui.value + 'px') + updateElevation() + } + }); + + $( "#blur" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#blur" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--elevation-blur', ui.value + 'px' ); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-blur').html(ui.value+ 'px') + updateElevation() + } + }); + + $( "#spread" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#spread" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--elevation-spread', ui.value + 'px'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-spread').html(ui.value+ 'px') + updateElevation() + } + }); + + $( "#base-blur" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#base-blur" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--base-elevation-blur', ui.value + 'px' ); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-base-blur').html(ui.value + 'px') + updateElevation() + } + }); + + $( "#base-spread" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#base-spread" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--base-elevation-spread', ui.value + 'px'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-base-spread').html(ui.value + 'px') + updateElevation() + } + }); + + $( "#opacity" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + var color = $('#elevation-rgb').val(); + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var elevationColor = 'rgba('+r +','+ g +',' + b + ',.1)' + $('#opacity').attr('name',ui.value/100) + document.querySelector(':root').style.setProperty('--elevation-opacity', ui.value + '%'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-opacity').html(ui.value + '%') + updateElevation() + } + }); + + $( "#base-opacity" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + var color = $('#elevation-rgb').val(); + if (color.indexOf("rgb") >= 0) { + color = rgb2hex(color) + } + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var elevationColor = 'rgba('+r +','+ g +',' + b + ',.1)' + $('#base-opacity').attr('name',ui.value/100) + document.querySelector(':root').style.setProperty('--base-elevation-opacity', ui.value + '%'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-base-opacity').html(ui.value + '%') + updateElevation() + } + }); + + // color of elevation drop shadow // + $('#elevation-rgb').blur(function() { + var color = $(this).val(); + var rgbArray = hextoRGBArray(color); + document.querySelector(':root').style.setProperty('--elevation-rgb', rgbArray); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-elevation-rgb').html(rgbArray); + updateElevation(); + }); + + + function calculateElevations(color) { + elevation1 = $.xcolor.opacity(color, 'white', 0.05); + document.querySelector(':root').style.setProperty('--elevation-bg-1', elevation1); + + elevation2 = $.xcolor.opacity(color, 'white', 0.07); + document.querySelector(':root').style.setProperty('--elevation-bg-2', elevation2); + + elevation3 = $.xcolor.opacity(color, 'white', 0.08); + document.querySelector(':root').style.setProperty('--elevation-bg-3', elevation3); + + elevation4 = $.xcolor.opacity(color, 'white', 0.09); + document.querySelector(':root').style.setProperty('--elevation-bg-4', elevation4); + + elevation5 = $.xcolor.opacity(color, 'white', 0.11); + document.querySelector(':root').style.setProperty('--elevation-bg-5', elevation5); + + elevation6 = $.xcolor.opacity(color, 'white', 0.12); + document.querySelector(':root').style.setProperty('--elevation-bg-6', elevation6); + + elevation7 = $.xcolor.opacity(color, 'white', 0.14); + document.querySelector(':root').style.setProperty('--elevation-bg-7', elevation7); + + elevation8 = $.xcolor.opacity(color, 'white', 0.15); + document.querySelector(':root').style.setProperty('--elevation-bg-8', elevation8); + + elevation9 = $.xcolor.opacity(color, 'white', 0.16); + document.querySelector(':root').style.setProperty('--elevation-bg-9', elevation9); + + } + + + + // update elevations // + function updateElevation() { + var system = $('.system.active').attr('id') + $(document).find('#' + system + ' .default-elevation-rgb').html($('#elevation-rgb').val()); + $(document).find('#' + system + ' .default-elevation-change').html($('#elevation-change').attr('name')); + $(document).find('#' + system + ' .default-base-blur').html($('#base-blur').attr('name')); + $(document).find('#' + system + ' .default-base-spread').html($('#base-spread').attr('name')); + $(document).find('#' + system + ' .default-base-opacity').html($('#base-opacity').attr('name')); + $(document).find('#' + system + ' .default-elevation-horizontal').html($('#elevation-horizontal').attr('name')); + $(document).find('#' + system + ' .default-elevation-veritcal').html($('#elevation-veritcal').attr('name')); + $(document).find('#' + system + ' .default-elevation-spread').html($('#elevation-spread').attr('name')); + $(document).find('#' + system + ' .default-elevation-blur').html($('#elevation-blur').attr('name')); + $(document).find('#' + system + ' .default-elevation-opacity').html($('#elevation-opacity').attr('name')); + } + + //// BEVELS /// + $( "#bevel-change" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 24 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-change" ).attr('name', ui.value/100) + document.querySelector(':root').style.setProperty('--bevel-change', ui.value/100); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-bevel-change').html(ui.value/100) + } + }); + + $( "#bevel-horizontal" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-horizontal" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--bevel-horizontal', ui.value + 'px'); + // update system // + $(document).find('#' + system + ' .default-bevel-horizontal').html(ui.value + 'px'); + } + }); + + $( "#bevel-vertical" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-vertical" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--bevel-vertical', ui.value + 'px' ); + // update system // + $(document).find('#' + system + ' .default-bevel-vertical').html(ui.value + 'px') + updateBevels() + } + }); + + $( "#bevel-blur" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-blur" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--bevel-blur', ui.value + 'px' ); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-bevel-blur').html(ui.value + 'px') + updateBevels() + } + }); + + $( "#bevel-spread" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 2 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-spread" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--bevel-spread', ui.value + 'px'); + $(document).find('#' + system + ' .default-bevel-spread').html(ui.value + 'px') + updateBevels() + } + }); + + + + $( "#bevel-light-opacity" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 30 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + var color = '#FFFFFF'; + + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var elevationColor = 'rgba('+r +','+ g +',' + b + ',.1)' + $( "#bevel-light-opacity" ).attr('name',ui.value/100) + document.querySelector(':root').style.setProperty('--bevel-light-opacity', ui.value + '%'); + $(document).find('#' + system + ' .default-bevel-light-opacity').html(ui.value + '%') + } + }); + + $( "#bevel-dark-opacity" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 5 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + var color = '#000000'; + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var elevationColor = 'rgba('+r +','+ g +',' + b + ',.1)' + $( "#bevel-dark-opacity" ).attr('name',ui.value/100) + document.querySelector(':root').style.setProperty('--bevel-dark-opacity', ui.value + '%'); + $(document).find('#' + system + ' .default-bevel-dark-opacity').html(ui.value + '%') + updateBevels() + } + }); + + function updateBevels() { + $(document).find('#' + system + ' .default-bevel-horizontal').html($('#bevel-horizontal').val()); + $(document).find('#' + system + ' .default-reverse-horizontal').html('-'+ $('#bevel-horizontal').attr('name')); + var horz = 0 - parseInt($('#bevel-horizontal').attr('name')); + $(document).find('#' + system + ' .default-bevel-vertical').html(horz); + var vert = 0 - parseInt($('#bevel-vertical').attr('name')); + $(document).find('#' + system + ' .default-reverse-vertical').html(vert); + $(document).find('#' + system + ' .default-bevel-spread').html($('#bevel-spread').attr('name')); + $(document).find('#' + system + ' .default-bevel-blur').html($('#bevel-blur').attr('name')); + $(document).find('#' + system + ' .default-bevel-light-opacity').html($('#bevel-light-opacity').attr('name')); + $(document).find('#' + system + ' .default-bevel-dark-opacity').html($('#bevel-dark-opacity').attr('name')); + $(document).find('#' + system + ' .default-bevel-change').html($('#bevel-change').attr('name')); + } + + //// Inverse BEVELS /// + $( "#inbevel-change" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 24 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#inbevel-change" ).attr('name', ui.value/100) + document.querySelector(':root').style.setProperty('--inbevel-change', ui.value/100); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-inbevel-change').html(ui.value/100) + + inbevelchange = ui.value/100 + } + }); + + $( "#inbevel-horizontal" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#inbevel-horizontal" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--inbevel-horizontal', ui.value + 'px'); + // update system // + $(document).find('#' + system + ' .default-inbevel-horizontal').html(ui.value + 'px'); + inbevelhorizontal = ui.value + 'px' + } + }); + + $( "#inbevel-vertical" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#inbevel-vertical" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--inbevel-vertical', ui.value + 'px' ); + // update system // + $(document).find('#' + system + ' .default-inbevel-vertical').html(ui.value + 'px') + inbevelvertical = ui.value + 'px' + + } + }); + + $( "#inbevel-blur" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 6 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-blur" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--inbevel-blur', ui.value + 'px' ); + $(document).find('#' + system + ' .default-inbevel-blur').html(ui.value + 'px') + inbevelBlur = ui.value + 'px' + } + }); + + $( "#inbevel-spread" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 2 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#bevel-spread" ).attr('name', ui.value + 'px') + document.querySelector(':root').style.setProperty('--inbevel-spread', ui.value + 'px'); + $(document).find('#' + system + ' .default-inbevel-spread').html(ui.value + 'px') + inbevelSpread = ui.value + 'px' + } + }); + + $( "#inbevel-dark-opacity" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 5 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + var color = '#000000'; + var r = hexToRgb(color).r; + var g = hexToRgb(color).g; + var b = hexToRgb(color).b; + var elevationColor = 'rgba('+r +','+ g +',' + b + ',.1)' + $( "#bevel-dark-opacity" ).attr('name',ui.value/100) + document.querySelector(':root').style.setProperty('--inbevel-dark-opacity', ui.value + '%'); + $(document).find('#' + system + ' .default-inbevel-dark-opacity').html(ui.value + '%') + inbeveldarkOpacity = ui.value + '%' + } + }); + + + + /// MIN WIDTH /// + $('#min-width').on('keypress',function(e) { + if(e.which == 13) { + var min = $(this).val(); + min = min.replace(/[^\d.-]/g, ''); + document.querySelector(':root').style.setProperty('--button-minwidth', min + 'px'); + var system = $(document).find('.system.active').attr('id'); + $(document).find('#' + system + ' .default-button-min-width').html(min+ 'px') + } + }); + + var grid = parseInt($("input[type='radio'][name='grid']:checked").val()); + var defaultWidth = grid * 10; + + $( "#minWidth" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: defaultWidth + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + document.querySelector(':root').style.setProperty('--button-minwidth', ui.value + 'px'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-button-minwidth').html(ui.value + 'px') + } + }); + +/// LINES //// + $('#baseRadius').on('keypress',function(e) { + if(e.which == 13) { + var radius = $(this).val(); + radius = radius.replace(/[^\d.-]/g, ''); + document.querySelector(':root').style.setProperty('--radius-1', radius + 'px'); + $('#radius-half').html(radius/2 + 'px'); + $('#radius-1').html(radius + 'px'); + $('#radius-2').html(radius * 2 + 'px'); + $('#radius-3').html(radius * 3 + 'px'); + $('#radius-4').html(radius * 4 + 'px'); + $('#radius-5').html(radius * 5 + 'px'); + $('#radius-6').html(radius * 6 + 'px'); + $('#radius-7').html(radius * 7 + 'px'); + $('#radius-8').html(radius * 8 + 'px'); + $('#radius-9').html(radius * 9 + 'px'); + $('#radius-10').html(radius * 10 + 'px'); + } + }); + + /// STATES //// + $('.stateColor').focus(function() { + var color = $(this).val(); + $(this).attr('name', color) + }); + + $('.stateColor').blur(function() { + var color = $(this).val(); + var onenter = $(this).attr('name'); + if (color != onenter) { + var name = $(this).attr('id').replace('Color','') + buildStates(color, name); + } + }); + + function loadStates() { + $('#States .stateColor:not(:disabled)').each(function() { + var color = $(this).val(); + var name = $(this).attr('id').replace('Color','') + buildStates(color, name); + }); + } + + + function buildStates(color, name) { + addtoTheme(name, color) + var system = $('.system.active').attr('id'); + var background = $(document).find('#' + system + 'Default .lightmode .default-background' ).css('backgroundColor'); + var colorName = $(document).find('#buildColor #' + name + '-light .prime').attr('id') + var dmonBackground = $(document).find('#' + system + 'Default .darkmode .default-background' ).css('backgroundColor'); + + // test colors which must have a 3.1 contrast to the selected light mode background // + var color = rgb2hex(color); + color = hextoRGBArray(color); + stateRGB = color; + var testbackground = rgb2hex(background); + testbackground = hextoRGBArray(background); + var i = colorName.split('-')[2]; + var contrastRation = contrast(color, testbackground) + while (contrastRation < 3.1) { + if (colorName == 'nearblack-bg' || 'primary-900-bg') { + i = i - 100; + } else { + i = i + 100; + } + stateRGB = color; + var color = $(document).find('#' + colorName.split('-')[0] + '-light-' + (colorName.split('-')[2] - i) + ' .Hex').css('backgroundColor'); + var onColor = $(document).find('#' + colorName.split('-')[0] + '-light-' + (colorName.split('-')[2] - i) + ' .Hex').css('color'); + var color = rgb2hex(color); + color = hextoRGBArray(color); + contrastRation = contrast(color, testbackground) + } + if (i < 0) { + i = 0 + } + colorName = colorName.split('-')[0] + colorName.split('-')[2] - i; + color = 'rgb(' + color + ')' + checkContrast(name, color, 'light') ; + var stateColor = $(document).find('#'+ name + '-light-' + i + ' .Hex').css('backgroundColor'); + var stateRGB = stateColor.replace('rgb(','').replace(')','') + var onstateColor = $(document).find('#'+ name + '-light-' + i).css('color'); + + var dmstateColor = $(document).find('#'+ name + '-dark-400 .Hex').css('backgroundColor'); + var dmstateRGB = dmstateColor.replace('rgb(','').replace(')','') + var dmonstateColor = $(document).find('#'+ name + '-dark-400 .Hex').css('color'); + // test colors which must have a 3.1 contrast to the selected dark mode background // + var testdmbackground = rgb2hex( dmonBackground); + testdmbackground = hextoRGBArray( dmonBackground); + var dmstateColor = rgb2hex(dmstateColor); + dmstateColor = hextoRGBArray(dmstateColor); + i = 400 + dmstateRGB = dmstateColor + while (contrast(dmstateColor, testdmbackground) < 3.1) { + i = i - 100; + var dmstateColor = $(document).find('#' + name + '-dark-' + i + ' .Hex').css('backgroundColor'); + var dmonstateColor = $(document).find('#' + name + '-dark-' + i + ' .Hex').css('color'); + var dmstateColor = rgb2hex(dmstateColor); + dmstateRGB = hextoRGBArray(dmstateColor); + } + dmstateColor = 'rgb(' + dmstateRGB + ')' + if (name == 'info') { + info = stateColor + oninfo = onstateColor + dminfo = dmstateColor + ondminfo = dmonstateColor + } else if (name == 'warning'){ + warning = stateColor + onwarning = onstateColor + dmwarning = dmstateColor + ondmwarning = dmonstateColor + } else if (name == 'success'){ + success = stateColor + onsuccess = onstateColor + dmsuccess = dmstateColor + ondmsuccess = dmonstateColor + } else if (name == 'danger'){ + danger = stateColor + ondanger = onstateColor + dmdanger = dmstateColor + ondmdanger = dmonstateColor + } + $(document).find('#' + system + ' .default-' + name).html(stateColor) + $(document).find('#' + system + ' .default-on' + name).html(onstateColor) + $(document).find('#' + system + ' .default-dm' + name).html(dmstateColor) + $(document).find('#' + system + ' .default-dmon' + name).html(dmonstateColor) + document.querySelector(':root').style.setProperty('--'+ name, stateRGB); + document.querySelector(':root').style.setProperty('--on-'+ name, onstateColor); + document.querySelector(':root').style.setProperty('--dm-'+ name, dmstateRGB); + document.querySelector(':root').style.setProperty('--dm-on-'+ name, dmonstateColor); + $(document).find('#dm-'+ name + 'Color').val(rgb2hex(dmstateColor)); + $(document).find('#' + name + 'Color').val(rgb2hex(stateColor)); + // $(document).find('#' + name + 'Color').val(stateColor); + $(document).find('#'+ name + '-light').remove(); + $(document).find('#'+ name + '-dark').remove(); + $(document).find('.subtitle1[name="' + name + '"').parents('.title-area').remove(); + $(document).find('.subtitle1[name="' + name + '"').remove(); + //$(document).find('.subtitle1[name="' + name + '"').parents('.title-area').remove(); + } + +function upperCase(string) { + newString = string[0].toUpperCase() + string.slice(1); + return newString +} + +//// OTHE ATOMS /// + +$('.assign .dropdown-item').click(function(e) { + var name = $(this).parents('.dropdown').attr('name') + var update = $(this).html(); + var onUpdate = $(this).css('color'); + var className = $(this).attr('class'); + className = className.replace("dropdown-item ", ""); + var id = $(this).parents('.assign').attr('id'); + $(this).parents('.dropdown').find('.dropdown-toggle').html(update); + $(this).parents('.dropdown').find('.dropdown-toggle').attr('class', 'dropdown-toggle show ' + className) + document.querySelector(':root').style.setProperty('--' + id , update); + document.querySelector(':root').style.setProperty('--on-' + id , onUpdate); + $(document).find('#' + system + ' .default-' + id).html(update) + + var objectName = $(this).parents('.assign').attr('name').replace(/\s/g, '') + + if (objectName) { + // find object + var fn = window[objectName]; + // is object a function? + if (typeof fn === "function") { + console.log('funtion:' + objectName) + fn(); + } + if (objectName == 'minTargetArea') { + minTargetArea() + } + this[objectName] = update + console.log(objectName + ': ' + update) + console.log('--'+ id+ ': ' + update) + } + + }); + + $('.assign-container .dropdown-item').click(function(e) { + var name = $(this).parents('.dropdown').attr('name') + var update = $(this).attr('name'); + var id = $(this).parents('.assign').attr('id'); + $(this).parents('.dropdown').find('.dropdown-toggle').html(update); + + $('.'+name+'-container .chart-bevel').attr('class','chart-bevel').addClass(update) + + var system = $(document).find('.system.active').attr('id'); + $(document).find('#' + system + ' .default-' + id).html(update) + if (name == 'donut') { + donutCharts('light') + } else if (name == 'pie') { + pieCharts('light') + } else { + progressCharts('light') + } + + }); + +$('.assign-style .dropdown-item').click(function() { + var update = $(this).html(); + var name = $(this).attr('name'); + var id = $(this).parents('.assign-style').attr('id'); + if (id.indexOf("text") >= 0) { + var core = id.replace('-text','') + var fontFamily = $("#FontStyles ." + name).css('font-family'); + var fontWeight = $("#FontStyles ." + name).css('font-weight'); + var fontSize = $("#FontStyles ." + name).css('font-size'); + var lineHeight = $("#FontStyles ." + name).css('line-height'); + var letterSpacing = $("#FontStyles ." + name).css('letter-spacing'); + var textTransform = $("#FontStyles ." + name).css('text-transform'); + var style = fontWeight + ' ' + fontSize + '/' + lineHeight + ' ' + fontFamily + ' , sans-serif' + document.querySelector(':root').style.setProperty('--' + core + '-font', style); + document.querySelector(':root').style.setProperty('--' + core + '-character-spacing' , letterSpacing ); + document.querySelector(':root').style.setProperty('--' + core + '-transform' , textTransform ); + $(this).parents('.dropdown').find('.dropdown-toggle').attr('class', 'dropdown-toggle show ' + name) + } else if (id.indexOf("bevel") >= 0) { + var core = id.replace('-bevel','') + var boxshadow = $("#Bevels").find("." + name).css('box-shadow'); + document.querySelector(':root').style.setProperty('--' + core + '-bevel', boxshadow); + } else if (id.indexOf("elevation") >= 0) { + var core = id.replace('-elevation','') + if (name.indexOf("reverse") >= 0) { + var boxshadow = $("#ReverseElevations").find("." + name).css('box-shadow'); + } else { + var boxshadow = $("#Elevations").find("." + name).css('box-shadow'); + } + document.querySelector(':root').style.setProperty('--' + core + '-elevation', boxshadow); + } + $(this).parents('.dropdown').find('.dropdown-toggle').attr('name', name); + $(this).parents('.dropdown').find('.dropdown-toggle').html(update); + var system = $(document).find('.system.active').attr('id'); + $(document).find('#' + system + ' .default-' + id).html(name) + + }); + +/// SPACING /// +$('#guides').click(function() { + if ($(this).hasClass('on')) { + $(this).removeClass('on') + $('.top-spacing').removeClass('active'); + $('.bottom-spacing').removeClass('active') + } else { + $(this).addClass('on') + $('.top-spacing').addClass('active') + $('.bottom-spacing').addClass('active') + } +}); + +function loadMinTarget() { + minTarget = $(document).find('#' + system + ' .default-minTarget' ).html(); + $('#min-target button').html(minTarget) + document.querySelector(':root').style.setProperty('--min-target', minTarget); + minTargetArea() +} + +function loadInput() { + inputOverlay = $(document).find('#' + system + ' .default-input-overlay' ).html(); + $(document).find('#surfaceBG button .Hex').css('background',inputOverlay ) + buildInput(); +} + +function loadBorder() { + border = $(document).find('#' + system + ' .default-border-1' ).html(); + $(document).find('#border-1').val(border) + borderRadius = $(document).find('#' + system + ' .default-radius-1' ).html(); + $(document).find('#radius-1').val(borderRadius) + // update the root css // + document.querySelector(':root').style.setProperty('--border-1', border ); + document.querySelector(':root').style.setProperty('--radius-1', borderRadius ); + updateBorders() + updateRadius() +} + +function buildBorder() { + /// I should be running a check to see if the user entered px of not and if the value entered was a number /// + border = $('#border-1').val(border) + borderRadius = $('#radius-1').val(borderRadius) + // update the root css // + document.querySelector(':root').style.setProperty('--border-1', border ); + document.querySelector(':root').style.setProperty('--radius-1', borderRadius ); + updateBorders() + updateRadius() +} + +function updateBorders(){ + var borderNum = border.replace('px','') + $('.border-0').html('0px') + $('.border-half').html(borderNum /2 + 'px') + $('.border-1').html(borderNum + 'px') + $('.border-2').html(borderNum *2 + 'px') + $('.border-3').html(borderNum *3 + 'px') + $('.border-4').html(borderNum *4 + 'px') + $('.border-5').html(borderNum *5 + 'px') + $('.border-6').html(borderNum *6 + 'px') + $('.border-7').html(borderNum *7 + 'px') + $('.border-8').html(borderNum *8 + 'px') +} + +function updateRadius(){ + var borderNum = borderRadius.replace('px','') + $('.radius-0').html('0px') + $('.radius-quarter').html(borderNum /4 + 'px') + $('.radius-half').html(borderNum /2 + 'px') + $('.radius-1').html(borderNum + 'px') + $('.radius-2').html(borderNum *2 + 'px') + $('.radius-3').html(borderNum *3 + 'px') + $('.radius-4').html(borderNum *4 + 'px') + $('.radius-5').html(borderNum *5 + 'px') + $('.radius-6').html(borderNum *6 + 'px') + $('.radius-7').html(borderNum *7 + 'px') + $('.radius-8').html(borderNum *8 + 'px') +} + +function loadFocus() { + focusBlur = $(document).find('#' + system + ' .default-focus-blur' ).html() + $('input[name=focusColor][value="theme"]').prop( "checked", true ); + + if (focusBlur == '0px') { + focusBlur = '0px' + $('input[name=inputBlur]').prop( "checked", false ); + } else { + focusBlur = grid/2 + 'px' + $('input[name=inputBlur]').prop( "checked", true ); + } + document.querySelector(':root').style.setProperty('--focus' , focus); + document.querySelector(':root').style.setProperty('--dm-focus' , dmfocus); + // update the root css // + document.querySelector(':root').style.setProperty('--focus', focus ); + document.querySelector(':root').style.setProperty('--focusBlur', focusBlur ); +} + + +/// INPUTS /// +function buildInput() { + var background = backgroundPrimary + var name = backgroundPrimaryName + var dmbackground = dmbackgroundPrimary + var inputOverlay = rgb2hex($(document).find('#surfaceBG button .Hex').css('backgroundColor')); + //var primary = $(document).find('#' + system + 'Default .darkmode .default-primary' ).attr('name').split('-')[0]; + var overlayRGBArray = hextoRGBArray(inputOverlay) + var primaryDark = dmprimary; + primaryDark = primaryDark.replace(/\s/g, ''); + if (primaryDark == black || primaryDark == darkRGB) { + primaryDark = darkTextArray + } + /// first calculate light mode /// + // if the light mode background is dark/// + if (backgroundPrimaryName == 'nearblack-bg' || backgroundPrimaryName == 'primary-900-bg') { + if (inputOverlay == '#ffffff') { + inputDefault = chroma.average([backgroundPrimary, 'rgba('+overlayRGBArray+',.03)']).css(); + inputDisabled = chroma.average([backgroundPrimary, 'rgba(0,0,0,.03)']).css(); + } else { + inputDefault = chroma.average([backgroundPrimary, 'rgba('+overlayRGBArray+',.1)']).css(); + inputDisabled = chroma.average([backgroundPrimary, 'rgba(255,255,255,.07)']).css(); + } + oninputDefault = '#ffffff' + oninputDisabled = '#ffffff' + } else { + if (inputOverlay == '#ffffff') { + inputDefault = chroma.average([backgroundPrimary, 'rgba(255,255,255,.1)']).css(); + inputDisabled = chroma.average([backgroundPrimary, 'rgba(0,0,0,.07)']).css(); + } else { + inputDefault = chroma.average([backgroundPrimary, 'rgba('+overlayRGBArray+',.3)']).css(); + inputDisabled = chroma.average([backgroundPrimary, 'rgba(0,0,0,.03)']).css(); + } + oninputDefault = black; + oninputDisabled = black; + } + + if (dmbackgroundPrimaryName.replace(/\s/g, '') == 'nearblack-bg') { + if (inputOverlay == '#ffffff') { + dminputDefault = chroma.average([dmbackground, 'rgba('+primaryDark+',.08)']).css(); + dminputDisabled = chroma.average([dmbackground, 'rgba(0,0,0,.3)']).css(); + } else { + dminputDefault = chroma.average([dmbackground, 'rgba('+primaryDark+',.2)']).css() + dminputDisabled = chroma.average([dmbackground, 'rgba(0,0,0,.3)']).css(); + } + } else { + if (inputOverlay == '#ffffff') { + dminputDefault = chroma.average([dmbackground, 'rgba('+overlayRGBArray+',.2)']).css(); + dminputDisabled = chroma.average([dmbackground, 'rgba(0,0,0,.3)']).css(); + } else { + dminputDefault = chroma.average([dmbackground, 'rgba('+overlayRGBArray+',.2)']).css(); + dminputDisabled = chroma.average([dmbackground, 'rgba(0,0,0,.3)']).css(); + } + } + // update css root variables // + document.querySelector(':root').style.setProperty('--input', inputDefault ); + document.querySelector(':root').style.setProperty('--on-input', oninputDefault); + document.querySelector(':root').style.setProperty('--input-disabled', inputDisabled); + document.querySelector(':root').style.setProperty('--on-input-disabled', oninputDisabled); + document.querySelector(':root').style.setProperty('--dm-input', dminputDefault); + document.querySelector(':root').style.setProperty('--dm-input-disabled', dminputDisabled); + // update the system // + $(document).find('#' + system + 'Default .lightmode .default-input-overlay' ).html(inputOverlay); + $(document).find('#' + system + 'Default .lightmode .default-input-default' ).html(inputDefault); + $(document).find('#' + system + 'Default .lightmode .default-on-input-default' ).html(oninputDefault); + $(document).find('#' + system + 'Default .lightmode .default-input-disabled' ).html(inputDisabled); + $(document).find('#' + system + 'Default .lightmode .default-input-disabled' ).html(oninputDisabled); + $(document).find('#' + system + 'Default .lightmode .default-dark-input-default' ).html(dminputDefault); + $(document).find('#' + system + 'Default .lightmode .default-dark-input-disabled' ).html(dminputDisabled); +} + +$('input[name=hotlink]').click(function() { + buildHotlinks() +}); + +$('input[name=underline]').click(function() { + buildHotlinks() +}); + +function loadHotlinks() { + hotlinkName = $(document).find('#' + system + ' .default-hotlink-name').html(); + hotlinkDecoration = $(document).find('#' + system + ' .default-hotlink-underline').html(); + if (hotlinkDecoration == 'YES') { + $('input[name=underline][value="YES"]').prop( "checked", true ); + } else { + $('input[name=underline][value="NO"]').prop( "checked", true ); + } + buildHotlinks(); +} + + +// Focus Blur // +$('.inputBlur').click(function() { + if ($(this).val() == 'true') { + focusBlur = grid.replace('px','').replace(/\s/g, '')/2 + 'px' + document.querySelector(':root').style.setProperty('--focusBlur', focusBlur ); + } else { + focusBlur = 0 + document.querySelector(':root').style.setProperty('--focusBlur', '0px'); + } +}); + +function createHotlinks(name, background, onColor, mode, underline) { + name = name.split('-')[0]; + background = rgb2hex(background); + background = hextoRGBArray(background) + var rootOnColor = onColor + if (onColor.indexOf('rgba') >= 0) { + /// this means its a dark mode color with off white text and uses rgba(255,255,255,0.6) /// + } else { + onColor = rgb2hex(onColor); + onColor = hextoRGBArray(onColor); + } + var linkArray = []; + var contrastRation; + var i = 100 + while (i < 1000) { + + if (mode == 'dakr') { + var colorRGB = window['dm' + name + i] + var colorName = 'dm-' + name + '-' + i + } else { + var colorRGB = window[name + i] + var colorName = name + '-' + i + } + + //var colorName = name.split('-')[0] + '-'+ mode + '-' + i + var color = rgb2hex(colorRGB); + color = hextoRGBArray(color) + var firstContrast = contrast(color, background ) + if (firstContrast >= wcagContrast) { + if (underline == "NO") { + if (mode == 'dark') { + linkArray.push(colorName); + } else { + contrastRation = contrast(color, onColor) + if (contrastRation >= 3.1) { + linkArray.push(colorName); + } + } + } else { + linkArray.push(colorName); + } + } + i = i + 100 + } + return(linkArray) +} + + +function checkHotlink(color, background, mode) { + color = hextoRGBArray(color) + background = rgb2hex(colorRGB); + background = hextoRGBArray(background) + var firstContrast = contrast(color, background) +} + +/// HOTLINKS /// +function buildHotlinks(){ + var background = backgroundPrimary + var onColor = onbackgroundPrimary + var name = hotlinkName + var dmbackground = dmbackgroundPrimary + var dmonColor = dmonbackgroundPrimary + var underline = $('input[name=underline]:checked').val(); + if (underline == 'NO') { + document.querySelector(':root').style.setProperty('--hotlink-decoration', 'none'); + document.querySelector(':root').style.setProperty('--hotlink-hover-decoration', 'underline'); + hotlinkDecoration = 'none' + hotlinkVisitedDecoration = 'underline' + } else { + document.querySelector(':root').style.setProperty('--hotlink-decoration', 'underline'); + document.querySelector(':root').style.setProperty('--hotlink-hover-decoration', 'none'); + hotlinkDecoration = 'underline' + hotlinkVisitedDecoration = 'none' + } + var lmArray = createHotlinks(name, background, onColor, 'light', underline); + /// if darkmode background is set // + if (dmbackground) { + var dmArray = createHotlinks(name, dmbackground, dmonColor, 'dark', underline); + } + if (lmArray.length != 0) { + var lmLink = lmArray[Math.round((lmArray.length - 1) / 2)]; + hotlinkName = lmLink; + var lmLinkColor = $(document).find('#' + lmLink).find('.Hex').css('backgroundColor'); + hotlink = window[hotlinkName.split('-')[0] + hotlinkName.split('-')[1] ]; + // updaye the swatches in the interface /// + $('.lightmode .theme-link').css('background',hotlink) + $('.lightmode .theme-link-visited').css('background',hotlinkVisited) + + if (dmbackground) { + /// get the dark mode viable link colors /// + var dmLink = dmArray[Math.round((dmArray.length - 1) / 2)]; + dmhotlinkName = dmLink; + dmhotlink = window[hotlinkName.split('-')[0] + hotlinkName.split('-')[1] ]; + //alert(dmVisitedColor + ', ' + getVisitedColor(dmLinkColor)) + $('.darkmode .theme-link').css('background', dmhotlink) + $('.darkmode .theme-link-visited').css('background',dmhotlinkVisited) + } + /// if the user did not want underline but we could not find the any colors rerun with underlines /// + } else if (lmArray.length === 0 && underline == 'NO') { + // we should notify the end user that we could not find color with out the underline // + // update the radio button /// + $("input[name=underline][value='YES']").prop("checked",true); + $("input[name=underline][value='NO']").prop("disabled", true); // disable + $("input[name=underline][value='NO']").next('div').css('opacity',.5).html('NO underline does not meet WCAG AA requirements') + // run the script again this time with underlines + lmArray = createHotlinks(name, background, onColor, 'light', 'YES'); + hotlinkDecoration = 'underline' + hotlinkVisitedDecoration = 'none' + document.querySelector(':root').style.setProperty('--hotlink-decoration', 'underline'); + document.querySelector(':root').style.setProperty('--hotlink-hover-decoration', 'none'); + var lmLink = lmArray[0]; + hotlink = $(document).find('#' + lmLink).find('.Hex').css('backgroundColor'); + + $('.lightmode .theme-link').css('background',hotlink) + $('.lightmode .theme-link-visited').css('background',hotlinkVisited) + + if (dmbackground) { + /// get the dark mode viable link colors /// + var dmLink = dmArray[0]; + dmhotlink = $(document).find('#' + dmLink).find('.Hex').css('backgroundColor'); + //alert(dmVisitedColor + ', ' + getVisitedColor(dmLinkColor)) + // updaye the swatches in the interface /// + $('.darkmode .theme-link').css('background', dmhotlink) + $('.darkmode .theme-link-visited').css('background', dmhotlinkVisited) + } + document.querySelector(':root').style.setProperty('--hotlink', 'var(--'+ hotlinkName + ')' ); + document.querySelector(':root').style.setProperty('--hotlinkVisited', hotlinkVisited); + document.querySelector(':root').style.setProperty('--dmhotlink', 'var(--'+ dmhotLinkName + ')' ); + + + // get the contrast ration of the color against the suggested text color // + var hotlinkHex = rgb2hex(hotlink); + var linkArray = hextoRGBArray(hotlinkHex); + var primeColor = rgb2hex(primary); + var primeArray = hextoRGBArray(primeColor); + + /// set on white hotlink color /// + var contrastRation = contrast(linkArray, 255,255,255); // 1.0736196319018405 + if (contrastRation >= 3.1) { + linkOnWhite = hotlinkName + /// check contrast agains on white text /// + contrastRation = contrast(linkArray, darkTextArray); // 1.0736196319018405 + if (contrast >= 3.1 && underline == 'YES') { + linkDecorationOnWhite = 'none' + } else { + linkDecorationOnWhite = 'underline' + } + } else { + linkOnWhite = 'black' + linkDecorationOnWhite = 'underline' + } + document.querySelector(':root').style.setProperty('--hotlinkOnWhite', 'var(--'+ hotlinkOnWhite +')' ); + document.querySelector(':root').style.setProperty('--hotlinkOnWhite-decoration', linkDecorationOnWhite ); + + /// set on black hotlink color /// + var contrastRation = contrast(linkArray, darkTextArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + hotlinkOnBlack = hotlinkName + vlinkOnBlack = hotlinkVisited + /// check contrast agains on white text /// + contrastRation = contrast(linkArray, 255,255,255); // 1.0736196319018405 + if (contrast >= 3.1 && underline == 'YES') { + hotlinkDecorationOnBlack = 'none' + } else { + hotlinkDecorationOnBlack = 'underline' + } + } else { + hotlinkOnBlack = 'white' + hotlinkDecorationOnBlack = 'underline' + } + document.querySelector(':root').style.setProperty('--hotlinkOnBlack', 'var(--'+hotlinkOnBlack +')' ); + document.querySelector(':root').style.setProperty('--hotlinkOnBlack-decoration', hotlinkDecorationOnBlack ); + + /// set on tertiaryBG/prim hotlink color /// + var contrastRation = contrast(linkArray, primeArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + linkOnTertiary = hotlinkName + /// check contrast agains on white text /// + contrastRation = contrast(linkArray, 255,255,255); // 1.0736196319018405 + if (contrast >= 3.1 && underline == 'YES') { + linkDecorationOnTertiary = 'none' + } else { + linkDecorationOnTertiary = 'underline' + } + } else { + if (onPrimary == black) { + linkOnTertiary = 'black' + } else { + linkOnTertiary = 'white' + } + linkDecorationOnTertiary = 'underline' + } + document.querySelector(':root').style.setProperty('--hotlinkOnTertiary', 'var(--'+linkOnTertiary +')' ); + document.querySelector(':root').style.setProperty('--hotlinkOnTertiary-decoration', linkDecorationOnTertiary ); + + /// set on gradient3 button color /// + var contrastRation = contrast(linkArray, 138,138,138); // 1.0736196319018405 + if (contrastRation >= 3.1) { + linkOnGradient3 = hotlinkName + } else { + linkOnGradient3 = 'black' + } + document.querySelector(':root').style.setProperty('--hotlinkOnGradient3', 'var(--'+ linkOnGradient3 +')' ); + + + + /// set darkmode on gradient3 button color /// + var contrastRation = contrast(linkArray, 24,24,24); // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmhotlinkOnGradient3 = hotlinkName + } else { + dmhotlinkOnGradient3 = 'white' + } + document.querySelector(':root').style.setProperty('--hotlinkOnGradient3 ', 'var(--'+ linkOnGradient3 +')' ); + + } + // update the swatches in the interface /// + $('.lightmode .theme-link').css('background', hotlink ) + /// update the root values /// + document.querySelector(':root').style.setProperty('--hotlink', 'var(--'+ hotlinkName +')' ); + + if (dmbackground) { + // update the swatches in the interface /// + $('.darkmode .theme-link').css('background', dmhotlink) + $('.darkmode .theme-link-visited').css('background',dmhotlinkVisited) + /// update the root values /// + document.querySelector(':root').style.setProperty('--dm-hotlink', 'var(--'+ dmhotlinkName +')'); + } + +} + +////////// PHASE III - Molesules /////// + +$('.molecule .dropdown-item').click(function(e) { + /// objectName is the js value name /// + var objectName = $(this).parents('.molecule').attr('name'); + var valueName = $(this).attr('name') + var update = $(this).html(); + var onUpdate = $(this).css('color'); + var className = $(this).attr('class'); + className = className.replace("dropdown-item ", ""); + $(this).parents('.molecule').find('.dropdown-toggle').attr('class', 'dropdown-toggle show ' + className) + //className = className.replace("dropdown-item ", ""); + /// id is the css root name /// + var id = $(this).parents('.molecule').attr('id'); + /// update the value in the dropdown + $(this).parents('.dropdown').find('.dropdown-toggle').html(update); + //$(this).parents('.dropdown').find('.dropdown-toggle').attr('class', 'dropdown-toggle show ' + className) + + if (objectName ) { + if (id.indexOf('elevation') > 0) { + document.querySelector(':root').style.setProperty('--' + id , 'var(--elevation-'+ valueName + ')' ); + } else if (id.indexOf('bevel') > 0) { + document.querySelector(':root').style.setProperty('--' + id , 'var(--bevel-'+ valueName + ')' ); + } else if (id.indexOf('inbevel') > 0) { + document.querySelector(':root').style.setProperty('--' + id , 'var(--inbevel-'+ valueName + ')' ); + } else if (id.indexOf('Typography') > 0) { + var typography = $('.' + valueName).css('font'); + var textTransform = $('.' + valueName).css('text-transform'); + var letterSpacing = $('.' + valueName).css('letter-spacing'); + this[objectName + 'Typography'] = typography ; + this[objectName + 'textTransform'] = textTransform; + this[objectName + 'letterSpacing'] = letterSpacing; + document.querySelector(':root').style.setProperty('--' + objectName + 'Typography' , typography ); + document.querySelector(':root').style.setProperty('--' + objectName + 'textTransform' , textTransform); + document.querySelector(':root').style.setProperty('--' + objectName + 'letterSpacing' , letterSpacing); + + } else { + this[objectName] = valueName + console.log(objectName + ': ' + valueName) + console.log('--'+ id + ': ' + valueName); + document.querySelector(':root').style.setProperty('--' + id , valueName ); + } + + + } + + }); + + + + /// Charts /// + function buildCharts(mode) { + barCharts(mode) + lineChart(mode); + donutCharts(mode); + pieCharts(mode); + progressCharts(mode) + } + + function lineChart() { + lineCharts('light'); + lineCharts('dark'); + } + + var mylineChart + function lineCharts(mode) { + var borderColorC103 = $('#' + system + ' .default-' + mode + '-C1-01').html() + linechartBackground = $('#' + system + ' .default-line-chart-background').html(); + linechartLineWidth = $('#' + system + ' .default-line-chart-linewidth').html().replace('px', ''); + linechartXlegend = $('#' + system + ' .default-line-chart-xlegend').html(); + linechartElevation = $('#' + system + ' .default-line-chart-elevation').html().toLowerCase();; + + // chart lines // + if (linechartXlegend == "No") { + var barLines = false + } else { + var barLines = true + } + + // chart background color // + var background = backgroundPrimary + + // chart background // + if (linechartBackground == 'Opaque') { + var backColor = borderColorC103.replace('rgb','rgba').replace(')',',.2)'); + } else { + var backColor = borderColorC103.replace('rgb','rgba').replace(')',',1)'); + } + + var hoverColor = borderColorC103.replace('rgb','rgba').replace(')',',.4)') + + // elevation // + var elevationLevel = linechartElevation.replace('elevation-',''); + var shadowOffsetX = elevationHorizontal * (1 + (elevationChange * elevationLevel)); + var shadowOffsetY = elevationVertical * (1 + (elevationChange * elevationLevel)); + var shadowBlur = elevationBlur * (1 + (elevationChange * elevationLevel)); + var shadowColor = 'rgba('+ elevationRGB+','+ elevationOpacity * (1 + (elevationChange * elevationLevel)) + ')' + + // Bar Chart // + var lineData = { + labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"], + datasets: [{ + label: "Dataset #1", + backgroundColor: backColor, + borderColor: borderColorC103, + borderWidth: linechartLineWidth, + hoverBackgroundColor: backColor , + hoverBorderColor: borderColorC103, + data: [65, 59, 20, 81, 56, 55, 40], + shadowOffsetX: shadowOffsetX , + shadowOffsetY: shadowOffsetY, + shadowBlur: shadowBlur, + shadowColor: shadowColor, + }] + }; + + var lineOptions = { + legend: { + display: false //This will do the task + }, + maintainAspectRatio: false, + scales: { + y: { + display: false, + stacked: true, + grid: { + display: barLines, + color: lineColor + } + }, + x: { + grid: { + display: false + } + } + }, + + }; + + // destroy if it exists // + if (mylineChart) { mylineChart.destroy(); } + // Then, let's set up the chart again + var chartCanvas = document.getElementById('linechart').getContext("2d"); + mylineChart = new Chart(chartCanvas, { + type: 'line', + options: lineOptions, + data: lineData, + }); + mylineChart.update(); +}; + + +$("input[name='progress-start']").click(function() { + var system = $('.system.active').attr('id'); + var position = $("input[name='progress-start']:checked").val(); + + $('#' + system + ' .default-progress-start').html(position); + document.querySelector(':root').style.setProperty('--progress-chart-start', position); + progressCharts('light') +}); + +// lines // +$('.chart-lines').click(function() { + var name = $(this).attr('name') + var system = $('.system.active').attr('id'); + if ($('.chart-lines[name='+name+']').is(':checked')) { + $('#' + system + ' .default-'+name+'-chart-lines').html('Yes'); + } else { + $('#' + system + ' .default-'+name+'-chart-lines').html('No'); + } + if (name == 'bar') { + barCharts('light') + } else if (name == 'line') { + lineCharts('light') + } else if (name == 'donut') { + donutCharts('light') + } else if (name == 'pie') { + pieCharts('light') + } else { + progressCharts('light') + } + +}); + +$('.chart-ylegend').click(function() { + var name = $(this).attr('name') + var system = $('.system.active').attr('id'); + if ($('.chart-ylegend[name='+name+']').is(':checked')) { + $('#' + system + ' .default-'+name+'-chart-ylegend').html('Yes'); + } else { + $('#' + system + ' .default-'+name+'-chart-ylegend').html('No'); + } + if (name == 'bar') { + barCharts('light') + } else if (name == 'line') { + lineCharts('light') + } else if (name == 'donut') { + donutCharts('light') + } else if (name == 'pie') { + pieCharts('light') + } else { + progressCharts('light') + } +}); + + +$('.chart-container-display').click(function() { + var name = $(this).attr('name') + var system = $('.system.active').attr('id'); + if ($('.chart-container-display[name='+name+']').is(':checked')) { + $('#' + system + ' .default-'+name+'-container-display').html('block'); + document.querySelector(':root').style.setProperty('--'+name+'-container', 'block'); + $('.container-settings[name='+name+'] button').prop('disabled', false); + $('.container-settings[name='+name+']').parent().removeClass('disabled') + + } else { + $('#' + system + ' .default-'+name+'-container-display').html('none'); + document.querySelector(':root').style.setProperty('--'+name+'-container', 'none'); + $('.container-settings[name='+name+'] button').prop('disabled', true); + $('.container-settings[name='+name+']').parent().addClass('disabled') + } + if (name == 'donut') { + donutCharts('light') + } else { + pieCharts('light') + } +}); + +$('.donuthole-display').click(function() { + var system = $('.system.active').attr('id'); + if ($('.donuthole-display').is(':checked')) { + $('#' + system + ' .default-'+name+'-donuthole-display').html('block'); + document.querySelector(':root').style.setProperty('--donuthole-display', 'block'); + } else { + $('#' + system + ' .default-'+name+'-donuthole-display').html('none'); + document.querySelector(':root').style.setProperty('--donuthole-display', 'none'); + } + donutCharts('light') +}); + + var mybarChart ; + + function barChart() { + barCharts('light'); + barCharts('dark') + } + + + function barCharts(mode) { + var system = $('.system.active').attr('id'); + var borderColorC103 = $('#' + system + ' .default-' + mode + '-C1-01').html() + var chartBackground = $('#' + system + ' .default-bar-chart-background').html(); + var chartBorder = $('#' + system + ' .default-bar-chart-border').html().replace('px', ''); + var chartWidth = $('#' + system + ' .default-bar-chart-width').html().replace('px', ''); + var chartRadius = $('#' + system + ' .default-bar-chart-radius').html().replace('px', ''); + var barchartLines = $('#' + system + ' .default-bar-chart-lines').html(); + var barchartyLegend = $('#' + system + ' .default-bar-chart-ylegend').html(); + var barchartBevel = $('#' + system + ' .default-bar-chart-bevel').html().toLowerCase();; + var barchartElevation = $('#' + system + ' .default-bar-chart-elevation').html().toLowerCase(); + // radius // + if (chartRadius == 'Rounded') { + chartRadius = Number.MAX_VALUE + } + // chart lines // + var barLines + if (barchartLines == "No") { + barLines = false + } else { + barLines = true + } + // chart line color // + var background = $('#' + system + ' .default-background').html(); + var yLegend; + // chart lines // + if (barchartyLegend == "No") { + yLegend = false + } else { + yLegend = true + } + // chart bevel // + var bevel = parseInt($('#' + system + ' .default-bevel-spread').html().replace('px','')); + var bevelChange = parseInt($('#' + system + ' .default-bevel-change').html()); + var bevelLevel = barchartBevel.replace('bevel-') + var bevelWidth = bevel * (1 + (bevelChange * bevelLevel)); + // chart background // + if (chartBackground == 'Opaque') { + var backColor = borderColorC103.replace('rgb','rgba').replace(')',',.2)'); + } else { + var backColor = borderColorC103.replace('rgb','rgba').replace(')',',1)'); + } + var hoverColor = borderColorC103.replace('rgb','rgba').replace(')',',.4)') + // elevation // + var elevationLevel = barchartElevation.replace('elevation-',''); + var shadowOffsetX = elevationHorizontal * (1 + (elevationChange * elevationLevel)); + var shadowOffsetY = elevationVertical * (1 + (elevationChange * elevationLevel)); + var shadowBlur = elevationBlur * (1 + (elevationChange * elevationLevel)); + var shadowColor = 'rgba('+elevationRGB+','+ elevationOpacity * (1 + (elevationChange * elevationLevel)) + ')' + // Bar Chart // + var barData = { + labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"], + datasets: [{ + label: "Dataset #1", + backgroundColor: backColor, + borderColor: borderColorC103, + borderWidth: chartBorder, + hoverBackgroundColor: backColor , + hoverBorderColor: borderColorC103, + borderRadius: chartRadius, + barThickness: chartWidth, + borderSkipped: false, + data: [65, 59, 20, 81, 56, 55, 40], + bevelHighlightColor: 'rgba(255, 255, 255, 0.5)', + bevelShadowColor: 'rgba(0, 0, 0, 0.25)', + bevelWidth: bevelWidth, + shadowOffsetX: shadowOffsetX , + shadowOffsetY: shadowOffsetY, + shadowBlur: shadowBlur, + shadowColor: shadowColor, + }] + }; + var barOptions = { + legend: { + display: false //This will do the task + }, + maintainAspectRatio: false, + scales: { + y: { + display: yLegend, + stacked: true, + grid: { + display: barLines, + color: lineColor + }, + }, + x: { + grid: { + display: false + } + } + }, + }; + // destroy if it exists // + if (mybarChart) { mybarChart.destroy(); } + // Then, let's set up the chart again + var chartCanvas = document.getElementById('barchart').getContext("2d"); + mybarChart = new Chart(chartCanvas, { + type: 'bar', + options: barOptions, + data: barData, + }); + mybarChart.update(); + }; + + var mydonutChart; + function donutCharts(mode) { + var system = $('.system.active').attr('id'); + var borderColorC103 = $('#' + system + ' .default-' + mode + '-C1-01').html() + var chartBackground = $('#' + system + ' .default-donut-chart-background').html(); + var chartBorder = $('#' + system + ' .default-donut-chart-space').html().replace('px', ''); + // border - note that pie and donut charts need to have a border of at least 1px for accessibility // + var chartWidth = $('#' + system + ' .default-donut-chart-thickness').html(); + var chartRadius = $('#' + system + ' .default-donut-chart-radius').html().replace('px', ''); + var barchartLines = $('#' + system + ' .default-donut-chart-lines').html(); + var barchartyLegend = $('#' + system + ' .default-donut-chart-ylegend').html(); + var barchartBevel = $('#' + system + ' .default-donut-chart-bevel').html().toLowerCase();; + var barchartElevation = $('#' + system + ' .default-donut-chart-elevation').html().toLowerCase();; + var chartContainerColor = $('#' + system + ' .default-chart-background').html(); + var chartContainer = $('#' + system + ' .default-donut-container-display').html(); + + if (chartContainer == 'block') { + document.querySelector(':root').style.setProperty('--donut-container', 'block'); + } else { + document.querySelector(':root').style.setProperty('--donut-container', 'none'); + } + + var chartBorder; + + // radius // + if (chartRadius == 'rounded') { + chartRadius = Number.MAX_VALUE + } + // chart lines // + var barLines + if (barchartLines == "No") { + barLines = false + } else { + barLines = true + } + + // chart line color // + var background = $('#' + system + ' .default-background').html(); + var yLegend; + // chart lines // + if (barchartyLegend == "No") { + yLegend = false + } else { + yLegend = true + } + // chart bevel // + var bevel = parseInt($('#' + system + ' .default-bevel-spread').html().replace('px','')); + var bevelChange = parseInt($('#' + system + ' .default-bevel-change').html()); + var bevelLevel = barchartBevel.replace('bevel-') + var bevelWidth = bevel * (1 + (bevelChange * bevelLevel)); + // chart background // + backColor = borderColorC103.replace('rgb','rgba').replace(')',',1)'); + + var hoverColor = borderColorC103.replace('rgb','rgba').replace(')',',.4)') + // elevation // + var elevationLevel = barchartElevation.replace('elevation-',''); + var elevationColor = $('#' + system + ' .default-elevation-rgb').html(); + var elevationChange = $('#' + system + ' .default-elevation-change').html(); + var elevationOpacity = $('#' + system + ' .default-elevation-opacity').html(); + var elevationBlur = parseInt($('#' + system + ' .default-elevation-blur').html().replace('px','')); + var elevationHorizontal = parseInt($('#' + system + ' .default-elevation-horizontal').html().replace('px','')); + var elevationVertical = parseInt($('#' + system + ' .default-elevation-veritcal').html().replace('px','')); + var shadowOffsetX = elevationHorizontal * (1 + (elevationChange * elevationLevel)); + var shadowOffsetY = elevationVertical * (1 + (elevationChange * elevationLevel)); + var shadowBlur = elevationBlur * (1 + (elevationChange * elevationLevel)); + var shadowColor = 'rgba('+elevationColor+','+ elevationOpacity * (1 + (elevationChange * elevationLevel)) + ')' + + var c101 = $('#' + system + ' .default-light-C1-01').html(); + var c102 = $('#' + system + ' .default-light-C1-02').html(); + var c103 = $('#' + system + ' .default-light-C1-03').html(); + var c201 = $('#' + system + ' .default-light-C1-01').html(); + var c202 = $('#' + system + ' .default-light-C2-02').html(); + var c203 = $('#' + system + ' .default-light-C2-03').html(); + var c301 = $('#' + system + ' .default-light-C3-01').html(); + var c308 = $('#' + system + ' .default-light-C3-02').html(); + var c109 = $('#' + system + ' .default-light-C3-03').html(); + var c101hover = $('#' + system + ' .default-light-C1-01').html().replace('rgb','rgba').replace(')',',.5)'); + var c102hover = $('#' + system + ' .default-light-C1-02').html().replace('rgb','rgba').replace(')',',.5)'); + var c103hover = $('#' + system + ' .default-light-C1-03').html().replace('rgb','rgba').replace(')',',.5)'); + var c201hover = $('#' + system + ' .default-light-C1-01').html().replace('rgb','rgba').replace(')',',.5)'); + var c202hover = $('#' + system + ' .default-light-C2-02').html().replace('rgb','rgba').replace(')',',.5)'); + var c203hover = $('#' + system + ' .default-light-C2-03').html().replace('rgb','rgba').replace(')',',.5)'); + var c301hover = $('#' + system + ' .default-light-C3-01').html().replace('rgb','rgba').replace(')',',.5)'); + var c308hover = $('#' + system + ' .default-light-C3-02').html().replace('rgb','rgba').replace(')',',.5)'); + var c109hover = $('#' + system + ' .default-light-C3-03').html().replace('rgb','rgba').replace(')',',.5)'); + + // Bar Chart // + var donutData = { + datasets: [{ + label: "Dataset #1", + borderColor: chartContainerColor, + borderWidth: chartBorder, + backgroundColor: [ + c101,c102,c103,c201,c202,c203,c301 + ], + hoverBackgroundColor: [ + c101,c102,c103,c201,c202,c203,c301 + ], + hoverBorderColor: [ + c101hover,c102hover,c103hover,c201hover,c202hover,c203hover,c301hover + ], + cutout: chartWidth + '%', + borderRadius: chartRadius, + borderSkipped: false, + data: [65, 59, 20, 81, 56, 55, 40], + bevelHighlightColor: 'rgba(255, 255, 255, 0.5)', + bevelShadowColor: 'rgba(0, 0, 0, 0.25)', + bevelWidth: bevelWidth, + shadowOffsetX: shadowOffsetX , + shadowOffsetY: shadowOffsetY, + shadowBlur: shadowBlur, + shadowColor: shadowColor, + + }] + }; + var donutOptions = { + cutoutPercentage: 80, + legend: { + display: false //This will do the task + }, + maintainAspectRatio: false, + + }; + // destroy if it exists // + if (mydonutChart) { mydonutChart.destroy(); } + // Then, let's set up the chart again + var chartCanvas = document.getElementById('donutchart').getContext("2d"); + mydonutChart = new Chart(chartCanvas, { + type: 'doughnut', + options: donutOptions, + data: donutData, + }); + mydonutChart.update(); + }; + + // donut thinkness // + $( "#chart-donut-thickness" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 75 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#chart-donut-thickness" ).attr('name', ui.value + 'px') + var cutout = 100 - ui.value; + document.querySelector(':root').style.setProperty('--donut-chart-thickness', ui.value + '%'); + document.querySelector(':root').style.setProperty('--donut-chart-cutout', cutout + '%'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-donut-chart-thickness').html(ui.value + 'px') + donutCharts('light') + } + }); + + // donut thinkness // + $( "#progress-chart-thickness" ).slider({ + create: function() { + handle.text( $( this ).slider({ + value: 80 + }) ); + }, + slide: function( event, ui ) { + handle.text( ui.value ); + $( "#chart-donut-thickness" ).attr('name', ui.value + 'px') + var cutout = 100 - ui.value; + document.querySelector(':root').style.setProperty('--progress-chart-thickness', ui.value + '%'); + document.querySelector(':root').style.setProperty('--progress-chart-cutout', cutout + '%'); + var system = $('.system.active').attr('id'); + $(document).find('#' + system + ' .default-progress-chart-thickness').html(ui.value + 'px') + progressCharts('light') + } + }); + + // sample sliders // + $( "#sample-slider").slider(); + $( "#range-slider" ).slider({ + range: true, + min: 0, + max: 500, + values: [ 75, 300 ], + slide: function( event, ui ) { + $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); + } + }); + + + var mypieChart + function pieCharts(mode) { + var system = $('.system.active').attr('id'); + var borderColorC103 = $('#' + system + ' .default-' + mode + '-C1-01').html() + var chartBackground = $('#' + system + ' .default-pie-chart-background').html(); + var chartBorder = $('#' + system + ' .default-pie-chart-space').html().replace('px', ''); + var chartRadius = $('#' + system + ' .default-pie-chart-radius').html().replace('px', ''); + var barchartBevel = $('#' + system + ' .default-pie-chart-bevel').html().toLowerCase();; + var barchartElevation = $('#' + system + ' .default-pie-chart-elevation').html().toLowerCase();; + + var c101 = $('#' + system + ' .default-light-C1-01').html(); + var c102 = $('#' + system + ' .default-light-C1-02').html(); + var c103 = $('#' + system + ' .default-light-C1-03').html(); + var c201 = $('#' + system + ' .default-light-C1-01').html(); + var c202 = $('#' + system + ' .default-light-C2-02').html(); + var c203 = $('#' + system + ' .default-light-C2-03').html(); + var c301 = $('#' + system + ' .default-light-C3-01').html(); + var c308 = $('#' + system + ' .default-light-C3-02').html(); + var c109 = $('#' + system + ' .default-light-C3-03').html(); + var c101hover = $('#' + system + ' .default-light-C1-01').html().replace('rgb','rgba').replace(')',',.5)'); + var c102hover = $('#' + system + ' .default-light-C1-02').html().replace('rgb','rgba').replace(')',',.5)'); + var c103hover = $('#' + system + ' .default-light-C1-03').html().replace('rgb','rgba').replace(')',',.5)'); + var c201hover = $('#' + system + ' .default-light-C1-01').html().replace('rgb','rgba').replace(')',',.5)'); + var c202hover = $('#' + system + ' .default-light-C2-02').html().replace('rgb','rgba').replace(')',',.5)'); + var c203hover = $('#' + system + ' .default-light-C2-03').html().replace('rgb','rgba').replace(')',',.5)'); + var c301hover = $('#' + system + ' .default-light-C3-01').html().replace('rgb','rgba').replace(')',',.5)'); + var c308hover = $('#' + system + ' .default-light-C3-02').html().replace('rgb','rgba').replace(')',',.5)'); + var c109hover = $('#' + system + ' .default-light-C3-03').html().replace('rgb','rgba').replace(')',',.5)'); + + // chart bevel // + var bevel = parseInt($('#' + system + ' .default-bevel-spread').html().replace('px','')); + var bevelChange = parseInt($('#' + system + ' .default-bevel-change').html()); + var bevelLevel = barchartBevel.replace('bevel-') + var bevelWidth = bevel * (1 + (bevelChange * bevelLevel)); + // chart background // + backColor = borderColorC103.replace('rgb','rgba').replace(')',',1)'); + + var hoverColor = borderColorC103.replace('rgb','rgba').replace(')',',.4)') + // elevation // + var elevationLevel = barchartElevation.replace('elevation-',''); + var elevationColor = $('#' + system + ' .default-elevation-rgb').html(); + var elevationChange = $('#' + system + ' .default-elevation-change').html(); + var elevationOpacity = $('#' + system + ' .default-elevation-opacity').html(); + var elevationBlur = parseInt($('#' + system + ' .default-elevation-blur').html().replace('px','')); + var elevationHorizontal = parseInt($('#' + system + ' .default-elevation-horizontal').html().replace('px','')); + var elevationVertical = parseInt($('#' + system + ' .default-elevation-veritcal').html().replace('px','')); + var shadowOffsetX = elevationHorizontal * (1 + (elevationChange * elevationLevel)); + var shadowOffsetY = elevationVertical * (1 + (elevationChange * elevationLevel)); + var shadowBlur = elevationBlur * (1 + (elevationChange * elevationLevel)); + var shadowColor = 'rgba('+elevationColor+','+ elevationOpacity * (1 + (elevationChange * elevationLevel)) + ')' + // Bar Chart // + var pieData = { + labels: [], + datasets: [{ + label: "Dataset #1", + backgroundColor: [ + c101,c102,c103,c201,c202,c203,c301 + ], + hoverBackgroundColor: [ + c101,c102,c103,c201,c202,c203,c301 + ], + hoverBorderColor: [ + c101hover,c102hover,c103hover,c201hover,c202hover,c203hover,c301hover + ], + borderColor: '#ffffff', + borderWidth: chartBorder, + + borderRadius: chartRadius, + borderSkipped: false, + data: [65, 59, 20, 81, 56, 55, 40], + + bevelHighlightColor: 'rgba(255, 255, 255, 0.5)', + bevelShadowColor: 'rgba(0, 0, 0, 0.25)', + bevelWidth: bevelWidth, + shadowOffsetX: shadowOffsetX , + shadowOffsetY: shadowOffsetY, + shadowBlur: shadowBlur, + shadowColor: shadowColor, + + }] + }; + var pieOptions = { + legend: { + display: false //This will do the task + }, + maintainAspectRatio: false, + }; + // destroy if it exists // + if (mypieChart) { mypieChart.destroy(); } + // Then, let's set up the chart again + var chartCanvas = document.getElementById('piechart').getContext("2d"); + mypieChart = new Chart(chartCanvas, { + type: 'pie', + options: pieOptions, + data: pieData, + }); + mypieChart.update(); + }; + + var myprogressChart; + function progressCharts(mode) { + var system = $('.system.active').attr('id'); + var borderColorC103 = $('#' + system + ' .default-' + mode + '-C1-01').html() + var chartBackground = $('#' + system + ' .default-progress-chart-background').html(); + var chartBorder = $('#' + system + ' .default-progress-chart-space').html().replace('px', ''); + var chartWidth = $('#' + system + ' .default-progress-chart-thickness').html(); + var chartRadius = $('#' + system + ' .default-progress-chart-radius').html().replace('px', ''); + var barchartBevel = $('#' + system + ' .default-progress-chart-bevel').html().toLowerCase();; + var barchartElevation = $('#' + system + ' .default-progress-chart-elevation').html().toLowerCase();; + var c101 = $('#' + system + ' .default-light-C1-01').html(); + var c101hover = $('#' + system + ' .default-light-C1-01').html().replace('rgb','rgba').replace(')',',.5)'); + + // chart bevel // + var bevel = parseInt($('#' + system + ' .default-bevel-spread').html().replace('px','')); + var bevelChange = parseInt($('#' + system + ' .default-bevel-change').html()); + var bevelLevel = barchartBevel.replace('bevel-') + var bevelWidth = bevel * (1 + (bevelChange * bevelLevel)); + // chart background // + backColor = borderColorC103.replace('rgb','rgba').replace(')',',1)'); + var hoverColor = borderColorC103.replace('rgb','rgba').replace(')',',.4)') + // elevation // + var elevationLevel = barchartElevation.replace('elevation-',''); + var elevationColor = $('#' + system + ' .default-elevation-rgb').html(); + var elevationChange = $('#' + system + ' .default-elevation-change').html(); + var elevationOpacity = $('#' + system + ' .default-elevation-opacity').html(); + var elevationBlur = parseInt($('#' + system + ' .default-elevation-blur').html().replace('px','')); + var elevationHorizontal = parseInt($('#' + system + ' .default-elevation-horizontal').html().replace('px','')); + var elevationVertical = parseInt($('#' + system + ' .default-elevation-veritcal').html().replace('px','')); + var shadowOffsetX = elevationHorizontal * (1 + (elevationChange * elevationLevel)); + var shadowOffsetY = elevationVertical * (1 + (elevationChange * elevationLevel)); + var shadowBlur = elevationBlur * (1 + (elevationChange * elevationLevel)); + var shadowColor = 'rgba('+elevationColor+','+ elevationOpacity * (1 + (elevationChange * elevationLevel)) + ')' + var c101 = $('#' + system + ' .default-light-C1-01').html(); + var c101hover = $('#' + system + ' .default-light-C1-01').html().replace('rgb','rgba').replace(')',',.5)'); + var percent_value = 68; + // Then, let's set up the chart again + var progressData = { + labels: [], + datasets: [{ + label: 'First dataset', + data: [percent_value, 100 - percent_value], + cutout: chartWidth + '%', + backgroundColor: [c101, '#ffffff'], + borderWidth: 0, + startAngle: 180, + borderRadius: chartRadius, + bevelHighlightColor: 'rgba(255, 255, 255, 0.5)', + bevelShadowColor: 'rgba(0, 0, 0, 0.25)', + bevelWidth: bevelWidth, + shadowOffsetX: shadowOffsetX , + shadowOffsetY: shadowOffsetY, + shadowBlur: shadowBlur, + shadowColor: shadowColor, + }] + }; + + var progressOptions = { + legend: { + display: false //This will do the task + }, + maintainAspectRatio: false, + }; + + // destroy if it exists // + if (myprogressChart) { myprogressChart.destroy(); } + // Then, let's set up the chart again + var chartCanvas = document.getElementById('progresschart').getContext("2d"); + myprogressChart = new Chart(chartCanvas, { + type: 'doughnut', + options: progressOptions, + data: progressData, + }); + myprogressChart.update(); + }; + + + $('#components-mode .ghost').click(function() { + var position = $(this).position().left; + var width = $(this).outerWidth(); + $(this).parent().find('.ghost').removeClass('active'); + $(this).addClass('active'); + $(this).parent().find('.selector div').html('') + $(this).parent().find('.selector').css('left', position) + $(this).parent().find('.selector').css('width', width) + var name = $(this).attr('name'); + if (name == 'dark') { + $('#components .content').addClass('background darkmode') + } else { + $('#components .content').removeClass('background darkmode') + } + }); + +/// RENDER COMPONENTS ///// + + +$('.component-background .dropdown-item').click(function(e) { + /// objectName is the js value name /// + var component = $(this).parents('.component-background').attr('id'); + var background = $(this).attr('name') + $('#' + component ).attr('class','').addClass('background') + + }); + + + +////////// PHASE IV - Translate ///// +// change code view between css and json // + $('#code-view .ghost').click(function() { + var position = $(this).position().left; + var width = $(this).outerWidth(); + $(this).parent().find('.ghost').removeClass('active'); + $(this).addClass('active'); + $(this).parent().find('.selector').html('') + $(this).parent().find('.selector').css('left', position) + $(this).parent().find('.selector').css('width', width) + var name = $(this).attr('name'); + $('.code-view').removeClass('active'); + $('#' + name).addClass('active') + }); + + // COPY TEXT // + $('#json-theme').click(function() { + copy("json-lm-base"); + }); + + $('#json-dark-theme').click(function() { + copy("json-dm-base"); + }); + + $('#json-mobile-theme').click(function() { + copy("json-mobile"); + }); + + $('#json-mobile-theme').click(function() { + copy("json-mobile"); + }); + + $('#json-tablet-theme').click(function() { + copy("json-tablet"); + }); + + $('#mobileCSS').click(function() { + copy("css-mobile-code"); + }); + + $('#tabletCSS').click(function() { + copy("css-tablet-code"); + }); + + $('#css-motion').click(function() { + copy("css-montionSensative-code"); + }); + $('#css-dyslexia').click(function() { + copy("css-Dyslexic-code"); + }); + + function copy(element_id){ + var aux = document.createElement("div"); + aux.setAttribute("contentEditable", true); + aux.innerHTML = $('#' + element_id).html(); + aux.setAttribute("onfocus", "document.execCommand('selectAll',false,null)"); + document.body.appendChild(aux); + aux.focus(); + document.execCommand("copy"); + document.body.removeChild(aux); + } + + /// Build Code /// + function buildCode() { + // buld code theme and code // + buildCSS('default'); + buildDMJSON('default'); + buildLMJSON('default'); + buildDyslexicTheme(); + buildTablet(); + buildMobile(); + } + + //// CSS //// + function buildCSS(theme) { + fullCSS = ''; + var systemRoot = buildCSS_systemRoot() + //var baseRoot = buildCSS_baseRoot(); + var themeRoot = buildCSS_defaultThemeRoot(); + var onRoot = buildCSS_OnRoot(); + var palleteLightRoot = buildCSS_PaletteLightRoot(); + var palleteDarkRoot = buildCSS_PaletteDarkRoot() + var stateRoot = buildCSS_StatesRoot(); + var borderRoot = buildCSS_borderRoot(); + var elevationsRoot = buildCSS_elevationRoot(); + var bevelRoot = buildCSS_bevelsRoot(); + var typoRoot = builCSS_TypographyRoot(); + var avatarRoot = buildCSS_avatars(); + var buttonRoot = buildCSS_buttons(); + var cardsRoot = buildCSS_cards() ; + var chipsRoot = buildCSS_chips() ; + var dropDownRoot = buildCSS_dropdowns() ; + var spacingRoot = buildCSS_spacing() ; + var modalRoot = buildCSS_modals() ; + var slidersRoot = buildCSS_sliders() ; + var toastRoot = buildCSS_toasts() ; + var tooltopRoot = buildCSS_tooltip() ; + var palleteLight = buildCSS_Palette('light'); + var palleteDark = buildCSS_Palette('dark'); + var hero = buildCSS_hero() ; + var primaryNav = buildCSS_primaryNav() ; + var secondaryNav = buildCSS_secondaryNav(); + var table = buildCSS_table() ; + //var states = buildCSS_States() + fullCSS = fullCSS + ':root {'; + //fullCSS = fullCSS + baseRoot; + fullCSS = fullCSS + stateRoot; + fullCSS = fullCSS + themeRoot; + fullCSS = fullCSS + onRoot; + fullCSS = fullCSS + (palleteLightRoot); + fullCSS = fullCSS + (palleteDarkRoot); + fullCSS = fullCSS + elevationsRoot; + fullCSS = fullCSS + borderRoot; + fullCSS = fullCSS + bevelRoot; + fullCSS = fullCSS + avatarRoot ; + fullCSS = fullCSS + buttonRoot ; + fullCSS = fullCSS + cardsRoot; + fullCSS = fullCSS + chipsRoot ; + fullCSS = fullCSS + dropDownRoot ; + fullCSS = fullCSS + spacingRoot ; + fullCSS = fullCSS + modalRoot ; + fullCSS = fullCSS + toastRoot; + fullCSS = fullCSS + tooltopRoot; + fullCSS = fullCSS + hero ; + fullCSS = fullCSS + primaryNav ; + fullCSS = fullCSS + secondaryNav; + fullCSS = fullCSS + table; + fullCSS = fullCSS + '}'; + fullCSS = fullCSS + (palleteLight); + fullCSS = fullCSS + (palleteDark); + // fullCSS = fullCSS + (states); + $("#css-code").html(fullCSS); + // build additional themes // + buildCSS_mobile(); + buildCSS_tablet(); + buildCSS_noMotion(); + buildCSS_dyslexic(); + } + function buildCSS_systemRoot() { + var systemRoot = ''; + systemRoot = systemRoot + '/* system variables */'; + systemRoot = systemRoot + '--min-target: '+ minTarget +'; '; + systemRoot = systemRoot + '--spacing-1: '+ grid +'; '; + systemRoot = systemRoot + '--border-1: '+ border +'; '; + systemRoot = systemRoot + '--radius-1: '+ borderRadius + '; '; + systemRoot = systemRoot + '--focusBlur: '+ focusBlur +'; '; + systemRoot = systemRoot + '--animation-speed: '+ animationSpeed + '; '; + systemRoot = systemRoot + '--animation-focus-distance: '+ animationFocusDistance+'; '; + return(systemRoot); + } + + /// don;t need // + function buildCSS_baseRoot() { + var baseRoot = ''; + baseRoot = baseRoot + '/* core colors */'; + baseRoot = baseRoot + '--transparent: rgba(0,0,0,0); '; + baseRoot = baseRoot + '--white: #ffffff; '; + baseRoot = baseRoot + '--white-half: rgba(255, 255, 255, 0.5); '; + baseRoot = baseRoot + '--on-white: var(--black); '; + baseRoot = baseRoot + '--black: #121212; '; + baseRoot = baseRoot + '--black-half: rgba(0,0,0, 0.5); '; + baseRoot = baseRoot + '--nearblack: #181818; '; + baseRoot = baseRoot + '--on-black: #ffffff; '; + baseRoot = baseRoot + '--dm-white: rgba(255, 255, 255, '+dmOpacity+'); '; + baseRoot = baseRoot + '--dm-textLight: var(--dm-white)'; + baseRoot = baseRoot + '--dm-textDark: var(--black)'; + baseRoot = baseRoot + '--gray-0: #fafafa; '; + baseRoot = baseRoot + '--gray-100: #e4e4e4 '; + baseRoot = baseRoot + '--gray-200: #cdcdcd '; + baseRoot = baseRoot + '--gray-300: #b7b7b7; '; + baseRoot = baseRoot + '--gray-400: #a0a0a0; '; + baseRoot = baseRoot + '--gray-500: #8a8a8a; '; + baseRoot = baseRoot + '--gray-600: #737373; '; + baseRoot = baseRoot + '--gray-700: #5d5d5d; '; + baseRoot = baseRoot + '--gray-800: #464646; '; + baseRoot = baseRoot + '--gray-900: #303030; '; + baseRoot = baseRoot + '--on-gray-0: var(--black); '; + baseRoot = baseRoot + '--on-gray-100: var(--black); '; + baseRoot = baseRoot + '--on-gray-200: var(--black); '; + baseRoot = baseRoot + '--on-gray-300: var(--black); '; + baseRoot = baseRoot + '--on-gray-400: var(--black); '; + baseRoot = baseRoot + '--on-gray-500: var(--white); '; + baseRoot = baseRoot + '--on-gray-600: var(--white); '; + baseRoot = baseRoot + '--on-gray-700: var(--white); '; + baseRoot = baseRoot + '--on-gray-800: var(--white); '; + baseRoot = baseRoot + '--on-gray-900: var(--white); '; + baseRoot = baseRoot + '--dm-gray-0: #dfdfdf;'; + baseRoot = baseRoot + '--dm-gray-100: #c8c8c8;'; + baseRoot = baseRoot + '--dm-gray-200: #b1b1b1;'; + baseRoot = baseRoot + '--dm-gray-300: #9b9b9b; '; + baseRoot = baseRoot + '--dm-gray-400: #858585; '; + baseRoot = baseRoot + '--dm-gray-500: #6a6a6a; '; + baseRoot = baseRoot + '--dm-gray-600: #505050; '; + baseRoot = baseRoot + '--dm-gray-700: #383838; '; + baseRoot = baseRoot + '--dm-gray-800: #212121; '; + baseRoot = baseRoot + '--dm-gray-900: #070707; '; + baseRoot = baseRoot + '--dm-on-gray-0: var(--black); '; + baseRoot = baseRoot + '--dm-on-gray-100: var(--black); '; + baseRoot = baseRoot + '--dm-on-gray-200: var(--black); '; + baseRoot = baseRoot + '--dm-on-gray-300: var(--black); '; + baseRoot = baseRoot + '--dm-on-gray-400: var(--black); '; + baseRoot = baseRoot + '--dm-on-gray-500: var(--white); '; + baseRoot = baseRoot + '--dm-on-gray-600: var(--white); '; + baseRoot = baseRoot + '--dm-on-gray-700: var(--white); '; + baseRoot = baseRoot + '--dm-on-gray-800: var(--white); '; + baseRoot = baseRoot + '--dm-on-gray-900: var(--white); '; + return(baseRoot); + } + function buildCSS_PaletteLightRoot() { + var lightRoot = ''; + lightRoot = lightRoot + '--primary: '+ primary +'; '; + lightRoot = lightRoot + '--primary-0: '+ window.primary0 +'; '; + lightRoot = lightRoot + '--primary-100: '+ window.primary100 +';'; + lightRoot = lightRoot + '--primary-200: '+ window.primary200 +';'; + lightRoot = lightRoot + '--primary-300: '+ window.primary300 +'; '; + lightRoot = lightRoot + '--primary-400: '+ window.primary400 +'; '; + lightRoot = lightRoot + '--primary-500: '+ window.primary500 +'; '; + lightRoot = lightRoot + '--primary-600: '+ window.primary600 +'; '; + lightRoot = lightRoot + '--primary-700: '+ window.primary700 +'; '; + lightRoot = lightRoot + '--primary-800: '+ window.primary800 +'; '; + lightRoot = lightRoot + '--primary-900: '+ window.primary900 +' '; + lightRoot = lightRoot + '--on-primary: '+ onPrimary +'; '; + lightRoot = lightRoot + '--on-primary-0: '+ window.onprimary0 +'; '; + lightRoot = lightRoot + '--on-primary-100: '+ window.onprimary100 +'; '; + lightRoot = lightRoot + '--on-primary-200: '+ window.onprimary200 +'; '; + lightRoot = lightRoot + '--on-primary-300: '+ window.onprimary300 +'; '; + lightRoot = lightRoot + '--on-primary-400: '+ window.onprimary400 +'; '; + lightRoot = lightRoot + '--on-primary-500: '+ window.onprimary500 +'; '; + lightRoot = lightRoot + '--on-primary-600: '+ window.onprimary600 +'; '; + lightRoot = lightRoot + '--on-primary-700: '+ window.onprimary700 +'; '; + lightRoot = lightRoot + '--on-primary-800: '+ window.onprimary800 +'; '; + lightRoot = lightRoot + '--on-primary-900: '+ window.onprimary900 +'; '; + lightRoot = lightRoot + '--secondary: '+ secondary +'; '; + lightRoot = lightRoot + '--secondary-0: '+ window.secondary0 +'; '; + lightRoot = lightRoot + '--secondary-100: '+ window.secondary100 +';'; + lightRoot = lightRoot + '--secondary-200: '+ window.secondary200 +';'; + lightRoot = lightRoot + '--secondary-300: '+ window.secondary300 +'; '; + lightRoot = lightRoot + '--secondary-400: '+ window.secondary400 +'; '; + lightRoot = lightRoot + '--secondary-500: '+ window.secondary500 +'; '; + lightRoot = lightRoot + '--secondary-600: '+ window.secondary600 +'; '; + lightRoot = lightRoot + '--secondary-700: '+ window.secondary700 +'; '; + lightRoot = lightRoot + '--secondary-800: '+ window.secondary800 +'; '; + lightRoot = lightRoot + '--secondary-900: '+ window.secondary900 +' '; + lightRoot = lightRoot + '--on-secondary: '+ onSecondary +'; '; + lightRoot = lightRoot + '--on-secondary-0: '+ window.onsecondary0 +'; '; + lightRoot = lightRoot + '--on-secondary-100: '+ window.onsecondary100 +'; '; + lightRoot = lightRoot + '--on-secondary-200: '+ window.onsecondary200 +'; '; + lightRoot = lightRoot + '--on-secondary-300: '+ window.onsecondary300 +'; '; + lightRoot = lightRoot + '--on-secondary-400: '+ window.onsecondary400 +'; '; + lightRoot = lightRoot + '--on-secondary-500: '+ window.onsecondary500 +'; '; + lightRoot = lightRoot + '--on-secondary-600: '+ window.onsecondary600 +'; '; + lightRoot = lightRoot + '--on-secondary-700: '+ window.onsecondary700 +'; '; + lightRoot = lightRoot + '--on-secondary-800: '+ window.onsecondary800 +'; '; + lightRoot = lightRoot + '--on-secondary-900: '+ window.onsecondary900 +'; '; + lightRoot = lightRoot + '--tertiary: '+ tertiary +'; '; + lightRoot = lightRoot + '--tertiary-0: '+ window.tertiary0 +'; '; + lightRoot = lightRoot + '--tertiary-100: '+ window.tertiary100 +';'; + lightRoot = lightRoot + '--tertiary-200: '+ window.tertiary200 +';'; + lightRoot = lightRoot + '--tertiary-300: '+ window.tertiary300 +'; '; + lightRoot = lightRoot + '--tertiary-400: '+ window.tertiary400 +'; '; + lightRoot = lightRoot + '--tertiary-500: '+ window.tertiary500 +'; '; + lightRoot = lightRoot + '--tertiary-600: '+ window.tertiary600 +'; '; + lightRoot = lightRoot + '--tertiary-700: '+ window.tertiary700 +'; '; + lightRoot = lightRoot + '--tertiary-800: '+ window.tertiary800 +'; '; + lightRoot = lightRoot + '--tertiary-900: '+ window.tertiary900 +' '; + lightRoot = lightRoot + '--on-tertiary: '+ onTertiary +'; '; + lightRoot = lightRoot + '--on-tertiary-0: '+ window.ontertiary0 +'; '; + lightRoot = lightRoot + '--on-tertiary-100: '+ window.ontertiary100 +'; '; + lightRoot = lightRoot + '--on-tertiary-200: '+ window.ontertiary200 +'; '; + lightRoot = lightRoot + '--on-tertiary-300: '+ window.ontertiary300 +'; '; + lightRoot = lightRoot + '--on-tertiary-400: '+ window.ontertiary400 +'; '; + lightRoot = lightRoot + '--on-tertiary-500: '+ window.ontertiary500 +'; '; + lightRoot = lightRoot + '--on-tertiary-600: '+ window.ontertiary600 +'; '; + lightRoot = lightRoot + '--on-tertiary-700: '+ window.ontertiary700 +'; '; + lightRoot = lightRoot + '--on-tertiary-800: '+ window.ontertiary800 +'; '; + lightRoot = lightRoot + '--on-tertiary-900: '+ window.ontertiary900 +'; '; + return(lightRoot) + } + function buildCSS_PaletteDarkRoot() { + var darkRoot = ''; + darkRoot = darkRoot + '--dm-primary: '+ dmprimary +'; '; + darkRoot = darkRoot + '--dm-primary-0: '+ window.dmprimary0 +'; '; + darkRoot = darkRoot + '--dm-primary-100: '+ window.dmprimary100 +';'; + darkRoot = darkRoot + '--dm-primary-200: '+ window.dmprimary200 +';'; + darkRoot = darkRoot + '--dm-primary-300: '+ window.dmprimary300 +'; '; + darkRoot = darkRoot + '--dm-primary-400: '+ window.dmprimary400 +'; '; + darkRoot = darkRoot + '--dm-primary-500: '+ window.dmprimary500 +'; '; + darkRoot = darkRoot + '--dm-primary-600: '+ window.dmprimary600 +'; '; + darkRoot = darkRoot + '--dm-primary-700: '+ window.dmprimary700 +'; '; + darkRoot = darkRoot + '--dm-primary-800: '+ window.dmprimary800 +'; '; + darkRoot = darkRoot + '--dm-primary-900: '+ window.dmprimary900 +' '; + darkRoot = darkRoot + '--dm-on-primary: '+ dmonprimary +'; '; + darkRoot = darkRoot + '--dm-on-primary-0: '+ window.dmonprimary0 +'; '; + darkRoot = darkRoot + '--dm-on-primary-100: '+ window.dmonprimary100 +'; '; + darkRoot = darkRoot + '--dm-on-primary-200: '+ window.onprimary200 +'; '; + darkRoot = darkRoot + '--dm-on-primary-300: '+ window.onprimary300 +'; '; + darkRoot = darkRoot + '--dm-on-primary-400: '+ window.onprimary400 +'; '; + darkRoot = darkRoot + '--dm-on-primary-500: '+ window.onprimary500 +'; '; + darkRoot = darkRoot + '--dm-on-primary-600: '+ window.onprimary600 +'; '; + darkRoot = darkRoot + '--dm-on-primary-700: '+ window.onprimary700 +'; '; + darkRoot = darkRoot + '--dm-on-primary-800: '+ window.onprimary800 +'; '; + darkRoot = darkRoot + '--dm-on-primary-900: '+ window.onprimary900 +'; '; + darkRoot = darkRoot + '--dm-secondary: '+ dmsecondary +'; '; + darkRoot = darkRoot + '--dm-secondary-0: '+ window.secondary0 +'; '; + darkRoot = darkRoot + '--dm-secondary-100: '+ window.secondary100 +';'; + darkRoot = darkRoot + '--dm-secondary-200: '+ window.secondary200 +';'; + darkRoot = darkRoot + '--dm-secondary-300: '+ window.secondary300 +'; '; + darkRoot = darkRoot + '--dm-secondary-400: '+ window.secondary400 +'; '; + darkRoot = darkRoot + '--dm-secondary-500: '+ window.secondary500 +'; '; + darkRoot = darkRoot + '--dm-secondary-600: '+ window.secondary600 +'; '; + darkRoot = darkRoot + '--dm-secondary-700: '+ window.secondary700 +'; '; + darkRoot = darkRoot + '--dm-secondary-800: '+ window.secondary800 +'; '; + darkRoot = darkRoot + '--dm-secondary-900: '+ window.secondary900 +' '; + darkRoot = darkRoot + '--dm-on-secondary: '+ dmonsecondary +'; '; + darkRoot = darkRoot + '--dm-on-secondary-0: '+ window.onsecondary0 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-100: '+ window.onsecondary100 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-200: '+ window.onsecondary200 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-300: '+ window.onsecondary300 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-400: '+ window.onsecondary400 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-500: '+ window.onsecondary500 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-600: '+ window.onsecondary600 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-700: '+ window.onsecondary700 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-800: '+ window.onsecondary800 +'; '; + darkRoot = darkRoot + '--dm-on-secondary-900: '+ window.onsecondary900 +'; '; + darkRoot = darkRoot + '--dm-tertiary: '+ dmtertiary +'; '; + darkRoot = darkRoot + '--dm-tertiary-0: '+ window.tertiary0 +'; '; + darkRoot = darkRoot + '--dm-tertiary-100: '+ window.tertiary100 +';'; + darkRoot = darkRoot + '--dm-tertiary-200: '+ window.tertiary200 +';'; + darkRoot = darkRoot + '--dm-tertiary-300: '+ window.tertiary300 +'; '; + darkRoot = darkRoot + '--dm-tertiary-400: '+ window.tertiary400 +'; '; + darkRoot = darkRoot + '--dm-tertiary-500: '+ window.tertiary500 +'; '; + darkRoot = darkRoot + '--dm-tertiary-600: '+ window.tertiary600 +'; '; + darkRoot = darkRoot + '--dm-tertiary-700: '+ window.tertiary700 +'; '; + darkRoot = darkRoot + '--dm-tertiary-800: '+ window.tertiary800 +'; '; + darkRoot = darkRoot + '--dm-tertiary-900: '+ window.tertiary900 +' '; + darkRoot = darkRoot + '--dm-on-tertiary: '+ dmontertiary +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-0: '+ window.ontertiary0 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-100: '+ window.ontertiary100 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-200: '+ window.ontertiary200 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-300: '+ window.ontertiary300 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-400: '+ window.ontertiary400 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-500: '+ window.ontertiary500 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-600: '+ window.ontertiary600 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-700: '+ window.ontertiary700 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-800: '+ window.ontertiary800 +'; '; + darkRoot = darkRoot + '--dm-on-tertiary-900: '+ window.ontertiary900 +'; '; + return(darkRoot) + } + function buildCSS_OnRoot() { + var onRoot = ''; + onRoot = onRoot + '--buttonOnWhite: var(--'+ buttonOnWhite +'); '; + onRoot = onRoot + '--buttonHalfOnWhite: var(--'+ buttonHalfOnWhite +'); '; + onRoot = onRoot + '--onbuttonOnWhite: var(--'+ onbuttonOnWhite +'); '; + onRoot = onRoot + '--linkOnWhite: var(--'+ linkOnWhite +'); '; + onRoot = onRoot + '--linkDecorationOnWhite '+ linkDecorationOnWhite +'; '; + onRoot = onRoot + '--iconOnWhite: var(--'+ iconOnWhite +'); '; + onRoot = onRoot + '--dmbuttonOnWhite: var(--'+ dmbuttonOnWhite +'); '; + onRoot = onRoot + '--dmbuttonHalfOnWhite: var(--'+ dmbuttonHalfOnWhite +'); '; + onRoot = onRoot + '--dmiconOnWhite: var(--'+ dmiconOnWhite +'); '; + onRoot = onRoot + '--buttonOnBlack: var(--'+ buttonOnBlack +'); '; + onRoot = onRoot + '--buttonHalfOnBlack: var(--'+ buttonHalfOnBlack +'); '; + onRoot = onRoot + '--onbuttonOnBlack: var(--'+ onbuttonOnBlack +'); '; + onRoot = onRoot + '--hotlinkOnBlack: var(--'+ hotlinkOnBlack +'); '; + onRoot = onRoot + '--hotlinkDecorationOnBlack: '+ hotlinkDecorationOnBlack +'; '; + onRoot = onRoot + '--iconOnBlack: var(--'+ iconOnBlack +'); '; + onRoot = onRoot + '--dmbuttonOnBlack: var(--'+ dmbuttonOnBlack +'); '; + onRoot = onRoot + '--dmbuttonHalfOnBlack: var(--'+ dmbuttonHalfOnBlack +'); '; + onRoot = onRoot + '--dmiconOnBlack: var(--'+ dmiconOnBlack +'); '; + onRoot = onRoot + '--buttonOnTertiary: var(--'+ buttonOnTertiary +'); '; + onRoot = onRoot + '--buttonHalfOnTertiary: var(--'+ buttonHalfOnTertiary +'); '; + onRoot = onRoot + '--onbuttonOnTertiary: var(--'+ onbuttonOnTertiary +'); '; + onRoot = onRoot + '--linkOnTertiary: var(--'+ linkOnTertiary +'); '; + onRoot = onRoot + '--linkDecorationOnTertiary: '+ linkDecorationOnTertiary+'; '; + onRoot = onRoot + '--iconOnTertiary: var(--'+ iconOnTertiary +'); '; + onRoot = onRoot + '--dmbuttonOnTertiary: var(--'+ dmbuttonOnTertiary +'); '; + onRoot = onRoot + '--dmbuttonHalfOnTertiary: var(--'+ dmbuttonHalfOnTertiary +'); '; + onRoot = onRoot + '--dmhotlinkOnTertiary: var(--'+ dmhotlinkOnTertiary +'); '; + onRoot = onRoot + '--dmhotlinkDecorationOnTertiary: '+ dmhotlinkDecorationOnTertiary +'; '; + onRoot = onRoot + '--dmiconOnTertiary: var(--'+ dmiconOnTertiary +'); '; + onRoot = onRoot + '--buttonOnGradient1: var(--'+ buttonOnGradient1 +'); '; + onRoot = onRoot + '--buttonHalfOnGradient1: var(--'+ buttonHalfOnGradient1+'); '; + onRoot = onRoot + '--onbuttonOnGradient1: var(--'+ onbuttonOnGradient1 +'); '; + onRoot = onRoot + '--dmbuttonOnGradient1: var(--'+ dmbuttonOnGradient1 +'); '; + onRoot = onRoot + '--dmbuttonHalfOnGradient1: var(--'+ dmbuttonHalfOnGradient1 +');'; + onRoot = onRoot + '--buttonOnGradient2: var(--'+ buttonOnGradient2 +'); '; + onRoot = onRoot + '--buttonHalfOnGradient2: var(--'+ buttonHalfOnGradient2 +'); '; + onRoot = onRoot + '--onbuttonOnGradient2: var(--'+ onbuttonOnGradient2 +'); '; + onRoot = onRoot + '--dmbuttonOnGradient2: var(--'+ dmbuttonOnGradient2 +'); '; + onRoot = onRoot + '--dmbuttonHalfOnGradient2: var(--'+ dmbuttonHalfOnGradient2 +'); '; + onRoot = onRoot + '--dmbuttonHalfOnGradient2: var(--'+ dmbuttonHalfOnGradient2 +'); '; + onRoot = onRoot + '--buttonOnGradient3: var(--'+ buttonOnGradient3 +'); '; + onRoot = onRoot + '--buttonHalfOnGradient3: var(--'+ buttonHalfOnGradient3 +'); '; + onRoot = onRoot + '--onbuttonOnGradient3: var(--'+ onbuttonOnGradient3 +'); '; + onRoot = onRoot + '--linkOnGradient3: var(--'+ linkOnGradient3 +'); '; + //onRoot = onRoot + '--linkDecorationOnGradient3 var(--'+ linkDecorationOnGradient3 +'); '; + onRoot = onRoot + '--iconOnGradient3: var(--'+ iconOnGradient3 +'); '; + onRoot = onRoot + '--dmbuttonOnGradient3: var(--'+ dmbuttonOnGradient3+'); '; + onRoot = onRoot + '--dmbuttonHalfOnGradient3: var(--'+ dmbuttonHalfOnGradient3 +'); '; + onRoot = onRoot + '--dmhotlinkOnGradient3: var(--'+ dmhotlinkOnGradient3 +'); '; + //onRoot = onRoot + '--dmlinkDecorationOnGradient3:' + dmlinkDecorationOnGradient3 +'; '; + onRoot = onRoot + '--dmiconOnGradient3: var(--'+ dmiconOnGradient3 +'); '; + return(onRoot) + } + + function buildCSS_SpacingRoot() { + var spacingCSS = ''; + spacingCSS = spacingCSS + '--spacing-0: 0; '; + spacingCSS = spacingCSS + '--spacing-1: '+ grid +'px; '; + return(spacingCSS) + } + function builCSS_TypographyRoot() { + var typoCSS = ''; + typoCSS = typoCSS + '--primaryFont: '+ primaryFont +'; '; + typoCSS = typoCSS + '--secondaryFont : '+ secondaryFont +'; '; + typoCSS = typoCSS + '--fontWeight-0: '+ fontWeight0 +'; '; + typoCSS = typoCSS + '--fontWeight-1: '+ fontWeight1 +'; '; + typoCSS = typoCSS + '--fontWeight-2 '+ fontWeight2 +'; '; + typoCSS = typoCSS + '--fontWeight-3: '+ fontWeight3 +'; '; + typoCSS = typoCSS + '--fontWeight-4: '+ fontWeight4 +'; '; + typoCSS = typoCSS + '--headerChange: '+ headerChange +'; '; + typoCSS = typoCSS + '--headerWeight: '+ headerWeight +'; '; + typoCSS = typoCSS + '--baseFont: '+ baseFont +'; '; + typoCSS = typoCSS + '--standard-LineHeight: '+ lineHeight +'; '; + typoCSS = typoCSS + '--sm-LineHeight: '+ smLineHeight;+'; '; + return(typoCSS ) + } + function buildCSS_StatesRoot() { + var statesCSS = ''; + statesCSS = statesCSS + '--info: '+ info +'; '; + statesCSS = statesCSS + '--success: '+ success +'; '; + statesCSS = statesCSS + '--warning: '+ warning +'; '; + statesCSS = statesCSS + '--danger: '+ danger +'; '; + statesCSS = statesCSS + '--on-info: '+ oninfo +'; '; + statesCSS = statesCSS + '--on-success: '+ onsuccess +'; '; + statesCSS = statesCSS + '--on-warning: '+ onwarning +'; '; + statesCSS = statesCSS + '--on-danger: '+ ondanger +'; '; + statesCSS = statesCSS + '--dm-info: '+ dminfo +'; '; + statesCSS = statesCSS + '--dm-success: '+ dmsuccess +'; '; + statesCSS = statesCSS + '--dm-warning: '+ dmwarning +'; '; + statesCSS = statesCSS + '--dm-danger: '+ dmdanger +'; '; + statesCSS = statesCSS + '--dm-on-info: '+ dmoninfo +'; '; + statesCSS = statesCSS + '--dm-on-success: '+ dmonsuccess +'; '; + statesCSS = statesCSS + '--dm-on-warning: '+ dmonwarning +'; '; + statesCSS = statesCSS + '--dm-on-danger: '+ dmondanger +'; '; + return(statesCSS) + + } + function buildCSS_borderRoot() { + var borderCSS = ''; + borderCSS = borderCSS + '--border-1: ' + border + '; ' ; + borderCSS = borderCSS + '--radius-1: '+ borderRadius + '; '; + return(borderCSS) + } + function buildCSS_elevationRoot() { + var elevationCSS = ''; + elevationCSS = elevationCSS + '--elevation-rgb: '+ elevationRGB + '; '; + elevationCSS = elevationCSS + '--elevation-change: '+ elevationChange + '; '; + elevationCSS = elevationCSS + '--base-blur: '+ baseBlur + '; '; + elevationCSS = elevationCSS + '--base-spread: '+ baseSpread + '; '; + elevationCSS = elevationCSS + '--base-opacity: '+ baseOpacity + '; '; + elevationCSS = elevationCSS + '--elevation-horizontal: '+ elevationHorizontal+ '; '; + elevationCSS = elevationCSS + '--elevation-veritcal: '+ elevationVertical + '; '; + elevationCSS = elevationCSS + '--elevation-blur: '+ elevationBlur+ '; '; + elevationCSS = elevationCSS + '--elevation-spread: '+ elevationSpread + '; '; + elevationCSS = elevationCSS + '--elevation-opacity: '+ elevationOpacity + '; '; + elevationCSS = elevationCSS + '--elevation-bg-1: '+ elevation1 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-2: '+ elevation2 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-3: '+ elevation3 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-4: '+ elevation4 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-5: '+ elevation5 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-6: '+ elevation6 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-7: '+ elevation7 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-8: '+ elevation8 + '; '; + elevationCSS = elevationCSS + '--elevation-bg-9: '+ elevation9 + '; '; + return(elevationCSS) + } + function buildCSS_bevelsRoot() { + var bevelsCSS = ''; + bevelsCSS = bevelsCSS + '--bevel-light-opacity: '+ bevellightOpacity + '; '; + bevelsCSS = bevelsCSS + '--bevel-dark-opacity: '+ beveldarkOpacity + '; '; + bevelsCSS = bevelsCSS + '--bevel-change '+ bevelchange + '; '; + bevelsCSS = bevelsCSS + '--bevel-blur: '+ bevelBlur + '; '; + bevelsCSS = bevelsCSS + '--bevel-spread: '+ bevelSpread + '; '; + bevelsCSS = bevelsCSS + '--bevel-veritcal: '+ bevelvertical + '; '; + bevelsCSS = bevelsCSS + '--bevel-horizontal: '+ bevelhorizontal+ '; '; + bevelsCSS = bevelsCSS + '--inbevel-dark-opacity: '+ inbeveldarkOpacity + '; '; + bevelsCSS = bevelsCSS + '--inbevel-change: '+ inbevelchange + '; '; + bevelsCSS = bevelsCSS + '--inbevel-blur: '+ inbevelBlur + '; '; + bevelsCSS = bevelsCSS + '--inbevel-spread: '+ inbevelSpread + '; '; + bevelsCSS = bevelsCSS + '--inbevel-veritcal: '+ inbevelvertical + '; '; + bevelsCSS = bevelsCSS + '--inbevel-horizontal: '+ inbevelhorizontal+ '; '; + return(bevelsCSS) + } + function buildCSS_defaultThemeRoot() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCSS = ''; + themeCSS = themeCSS + '--primary: '+ primary +'; '; + themeCSS = themeCSS + '--primary-half: ' + primaryHalf + ';'; + themeCSS = themeCSS + '--primary-quarter: ' + primaryQuarter + ';'; + themeCSS = themeCSS + '--on-primary: '+ onPrimary +'; '; + themeCSS = themeCSS + '--secondary: '+ secondary +'; '; + themeCSS = themeCSS + '--on-secondary: '+ onSecondary +'; '; + themeCSS = themeCSS + '--tertiary:' + tertiary +'; '; + themeCSS = themeCSS + '--on-tertiary: '+ onTertiary +'; '; + themeCSS = themeCSS + '--button: var(--'+ buttonsName +'); '; + themeCSS = themeCSS + '--button-half: ' + buttonHalf +'; '; + themeCSS = themeCSS + '--groupButtonBG: '+ groupButtonBG +'; '; + themeCSS = themeCSS + '--on-groupButtonBG: '+ ongroupButtonBG +'; '; + themeCSS = themeCSS + '--on-button: var(--on-'+ buttonsName +'); '; + themeCSS = themeCSS + '--icon: var(--'+ iconsName +'); '; + themeCSS = themeCSS + '--on-icon: var(--on-'+ iconsName +'); '; + themeCSS = themeCSS + '--background: var(--'+ backgroundPrimaryName + '); '; + themeCSS = themeCSS + '--on-background: var(--on-' + backgroundPrimaryName + '); '; + themeCSS = themeCSS + '--background-secondary: var(--' + backgroundSecondaryName + '); '; + themeCSS = themeCSS + '--on-background-secondary: var(--on-' + backgroundSecondaryName + '); '; + themeCSS = themeCSS + '--background-tertiary: var(--primary); '; + themeCSS = themeCSS + '--on-background-tertiary: var(--on-primary); '; + themeCSS = themeCSS + '--gradient1-a: var(--'+ gradient1aName +'); '; + themeCSS = themeCSS + '--gradient1-b: var(--'+ gradient1bName +'); '; + themeCSS = themeCSS + '--on-gradient-1: var(--on-'+ gradient1aName +'); '; + themeCSS = themeCSS + '--gradient2-a: var(--'+ gradient2aName +'); '; + themeCSS = themeCSS + '--gradient2-b: var(--'+ gradient2bName +'); '; + themeCSS = themeCSS + '--on-gradient-2: var(--on-'+ gradient2aName +'); '; + themeCSS = themeCSS + '--text-gradient-a: var(--'+ textgradient1aName +'); '; + themeCSS = themeCSS + '--text-gradient-b: var(--'+ textgradient1bName +'); '; + themeCSS = themeCSS + '--accent: var(--'+ accentName +'); '; + themeCSS = themeCSS + '--color-drop: var(--'+ colorDropName +'); '; + themeCSS = themeCSS + '--border: var(--'+ borderColor +'); '; + themeCSS = themeCSS + '--surface: var(--'+ surface +'); '; + themeCSS = themeCSS + '--chip: var(--'+ chip +'); '; + themeCSS = themeCSS + '--on-chip: var(--'+ onchip +'); '; + themeCSS = themeCSS + '--input: var(--'+ inputDefault +'); '; + themeCSS = themeCSS + '--on-input: var(--'+ oninputDefault +'); '; + themeCSS = themeCSS + '--input-disabled: var(--'+ inputDisabled +'); '; + themeCSS = themeCSS + '--hotlink: var(--'+ hotlink +'); '; + themeCSS = themeCSS + '--dm-primary: var(--'+ dmprimaryName +'); '; + themeCSS = themeCSS + '--dm-on-primary: var(--on-'+ dmprimaryName +'); '; + themeCSS = themeCSS + '--dm-secondary: var(--'+ dmsecondaryName +'); '; + themeCSS = themeCSS + '--dm-on-secondary: var(--on-'+ dmsecondaryName +'); '; + themeCSS = themeCSS + '--dm-tertiary: var(--'+ dmtertiaryName +'); '; + themeCSS = themeCSS + '--dm-on-tertiary: var(--on-'+ dmtertiaryName +'); '; + themeCSS = themeCSS + '--dm-accent: var(--'+ dmaccentName +'); '; + themeCSS = themeCSS + '--dm-button: var(--'+ dmbuttonsName +'); '; + themeCSS = themeCSS + '--dm-button-half: '+ dmbuttonHalf +'; '; + themeCSS = themeCSS + '--dm-groupButtonBG: '+ dmgroupButtonBG +'; '; + themeCSS = themeCSS + '--dm-on-groupButtonBG: '+ dmongroupButtonBG +'); '; + themeCSS = themeCSS + '--dm-on-button: var(--on-'+ dmbuttonsName +'); '; + themeCSS = themeCSS + '--dm-icon: var(--'+ dmiconsName +'); '; + themeCSS = themeCSS + '--dm-on-icon: var(--on-'+ dmiconsName +'); '; + themeCSS = themeCSS + '--dm-background: var(--' + dmbackgroundPrimaryName + '); '; + themeCSS = themeCSS + '--dm-on-background: var(--on-' + dmbackgroundPrimaryName + '); '; + themeCSS = themeCSS + '--dm-background-secondary: var(--' + dmbackgroundSecondaryName + '); '; + themeCSS = themeCSS + '--dm-on-background-secondary: var(--on-' + dmbackgroundSecondary + '); '; + themeCSS = themeCSS + '--dm-background-tertiary: var(--'+ dmprimaryName +'); '; + themeCSS = themeCSS + '--dm-on-background-tertiary: var(--on-'+dmprimaryName+'); '; + themeCSS = themeCSS + '--dmgradient1-a: var(--'+ dmgradient1Name.split(',')[0] +'); '; + themeCSS = themeCSS + '--dmgradient1-b: var(--'+ dmgradient1Name.split(',')[1] +'); '; + themeCSS = themeCSS + '--dm-on-gradient-1: var(--on-'+ dmgradient1Name.split(',')[0] +'); '; + themeCSS = themeCSS + '--dm-gradient2-a: var(--'+ dmgradient2Name.split(',')[0] +'); '; + themeCSS = themeCSS + '--dm-gradient2-b: var(--'+ dmgradient1Name.split(',')[1] +'); '; + themeCSS = themeCSS + '--dm-on-gradient-2: var(--on-'+ dmgradient2Name.split(',')[0] +'); '; + themeCSS = themeCSS + '--dm-text-gradient-a: var(--'+ dmtextGradientName.split(',')[0] +'); '; + themeCSS = themeCSS + '--dm-text-gradient-b: var(--'+ dmtextGradientName.split(',')[1] +'); '; + themeCSS = themeCSS + '--dm-accent: var(--'+ dmaccentName +'); '; + themeCSS = themeCSS + '--dm-color-drop: var(--'+ dmcolorDropName +'); '; + themeCSS = themeCSS + '--dm-border: '+ dmBorderColor +'; '; + themeCSS = themeCSS + '--dm-surface: '+ dmsurface +'; '; + themeCSS = themeCSS + '--dm-chip: '+ dmchip +'; '; + themeCSS = themeCSS + '--dm-on-chip: '+ dmonchip +'; '; + themeCSS = themeCSS + '--dm-input: '+ dminputDefault +'; '; + themeCSS = themeCSS + '--dm-on-input: '+ dmoninputDefault +'; '; + themeCSS = themeCSS + '--dm-input-disabled:'+ dminputDisabled +'; '; + themeCSS = themeCSS + '--dm-hotlink: var(--'+ dmhotlink +'); '; + return(themeCSS) + } + } + function buildCSS_avatars() { + var avatarCSS = ''; + avatarCSS = avatarCSS + '--avatar-border: '+ avatarBorder + '; '; + avatarCSS = avatarCSS + '--avatar-border-lg: '+ avatarBorderLg + '; '; + avatarCSS = avatarCSS + '--avatar-elevation: '+ avatarElevations + '; '; + return(avatarCSS) + } + function buildCSS_buttons() { + var buttonCSS = ''; + buttonCSS = buttonCSS + '--button-padding: '+ buttonHPadding + '; '; + buttonCSS = buttonCSS + '--button-border: '+ buttonBorder + '; '; + buttonCSS = buttonCSS + '--button-radius: '+ buttonBorderRadius + '; '; + buttonCSS = buttonCSS + '--button-minwidth: '+ buttonMinWidth + '; '; + buttonCSS = buttonCSS + '--buttonTypography: '+ buttonTypography+ '; '; + buttonCSS = buttonCSS + '--buttonTextTransform: '+ buttonTextTransform + '; '; + buttonCSS = buttonCSS + '--buttonCharcterSpacing: '+ buttonLetterSpacing + '; '; + buttonCSS = buttonCSS + '--button-elevation: '+ buttonElevation + '; '; + buttonCSS = buttonCSS + '--button-bevel: '+ buttonBevel + '; '; + buttonCSS = buttonCSS + '--sm-button-height: '+ smallButtonHeight + '; '; + buttonCSS = buttonCSS + '--sm-button-padding: '+ smallbuttonHPadding + '; '; + buttonCSS = buttonCSS + '--sm-button-textName: '+ smallButtonTextName + '; '; + buttonCSS = buttonCSS + '--sm-buttonTextTransform: '+ smallbuttonTextTransform + '; '; + buttonCSS = buttonCSS + '--sm-buttonCharcterSpacing: '+ smallbuttonTextTransform + '; '; + return(buttonCSS) + } + function buildCSS_cards() { + var cardCSS = ''; + cardCSS = cardCSS + '--card-padding: '+ cardPadding + '; '; + cardCSS = cardCSS + '--card-gap: '+ cardGap + '; '; + cardCSS = cardCSS + '--card-border: '+ cardBorder+ '; '; + cardCSS = cardCSS + '--card-radius: '+ cardRadius + '; '; + cardCSS = cardCSS + '--card-elevation: '+ cardElevation + '; '; + cardCSS = cardCSS + '--card-bevel: '+ cardBevel + '; '; + return(cardCSS) + } + function buildCSS_chips() { + var chipsCSS = ''; + chipsCSS = chipsCSS + '--chip-padding: '+ chipHPadding + '; '; + chipsCSS = chipsCSS + '--chip-radius: '+ chipBorderRadius + '; '; + chipsCSS = chipsCSS + '--chip-minwidth: '+ chipMinWidth + '; '; + chipsCSS = chipsCSS + '--chip-height: '+ chipHeight + '; '; + chipsCSS = chipsCSS + '--chip-font: '+ chipTypography + '; '; + chipsCSS = chipsCSS + '--chip-character-spacing: '+ chipTextSpacing + '; '; + chipsCSS = chipsCSS + '--chip-transform: '+ chipTextTransform + '; '; + chipsCSS = chipsCSS + '--chip-elevation: '+ chipElevation + '; '; + return(chipsCSS) + } + function buildCSS_dropdowns() { + var dropdownCSS = ''; + dropdownCSS = dropdownCSS + '--dropdown-focus-theme: '+ dropdownTheme + '; '; + dropdownCSS = dropdownCSS + '--dropdown-elevation: '+ dropdownElevation + '; '; + dropdownCSS = dropdownCSS + '--dropdown-radius: '+ dropdownRadius + '; '; + return(dropdownCSS) + } + function buildCSS_spacing() { + var spacingCSS = ''; + spacingCSS = spacingCSS + '--p-padding: '+ pPadding + '; '; + spacingCSS = spacingCSS + '--section-padding: '+ sectionPadding + '; '; + return(spacingCSS) + } + function buildCSS_images() { + var imagesCSS = ''; + imagesCSS = imagesCSS + '--image-elevation: '+ imageElevation + '; '; + imagesCSS = imagesCSS + '--image-radius: '+ imageRadius + '; '; + imagesCSS = imagesCSS + '--image-border: '+ imageBorder + '; '; + imagesCSS = imagesCSS + '--inline-image-height: '+ inlineImageHeight + '; '; + imagesCSS = imagesCSS + '--inline-image-image-radius: '+ inlineImageRadius + '; '; + return(imagesCSS) + } + function buildCSS_modals() { + var modalCSS = ''; + modalCSS = modalCSS + '--modal-padding: '+ modalPadding + '; '; + modalCSS = modalCSS + '--modal-border: '+ modalBorder + '; '; + modalCSS = modalCSS + '--modal-radius: '+ modalRadius + '; '; + modalCSS = modalCSS + '--modal-overlay: '+ modalOverlay + '; '; + modalCSS = modalCSS + '--modal-elevation: '+ modalElevation+ '; '; + return(modalCSS) + } + function buildCSS_sliders() { + var sliderCSS= ''; + sliderCSS= sliderCSS + '--sliderbarHeight: '+ sliderbarHeight + '; '; + sliderCSS= sliderCSS + '--sliderhandleHeight: '+ sliderhandleHeight + '; '; + sliderCSS= sliderCSS + '--sliderhandleRadius: '+ sliderhandleRadius + '; '; + sliderCSS= sliderCSS + '--sliderbarBevel: '+ sliderbarBevel + '; '; + sliderCSS= sliderCSS + '--sliderhandleElevation: '+ sliderhandleElevation + '; '; + sliderCSS= sliderCSS + '--sliderhandleBevel: '+ sliderhandleBevel + '; '; + return(sliderCSS) + } + function buildCSS_toasts() { + var toastCSS = ''; + toastCSS = toastCSS + '--toast-padding: '+ toastPadding+ '; '; + toastCSS = toastCSS + '--toast-radius: '+ toastRadius + '; '; + toastCSS = toastCSS + '--toast-bevel: '+ toastBevel + '; '; + toastCSS = toastCSS + '--toast-elevation: '+ toastElevations+ '; '; + return(toastCSS) + } + function buildCSS_tooltip() { + var tooltipCSS = ''; + tooltipCSS = tooltipCSS + '--tooltip-padding: '+ tooltipPadding+ '; '; + tooltipCSS = tooltipCSS + '--tooltip-borderRadius: '+ tooltipRadius + '; '; + tooltipCSS = tooltipCSS + '--tooltip-elevation:' + tooltipElevation + '; '; + tooltipCSS = tooltipCSS + '--tooltip-bevel:' + tooltipBevel + '; '; + return(tooltipCSS) + } + function buildCSS_hero() { + var heroCSS = ''; + heroCSS = heroCSS + '--hero-gap: '+ heroGap+ '; '; + heroCSS = heroCSS + '--hero-body-textName: '+ heroBodyTextName + '; '; + heroCSS = heroCSS + '--hero-body-spacing:' + heroBodySpacing + '; '; + heroCSS = heroCSS + '--hero-body-transform:' + heroBodyTransform + '; '; + heroCSS = heroCSS + '--hero-title-textName: '+ heroTitleTextName + '; '; + heroCSS = heroCSS + '--hero-title-spacing:' + heroTitleSpacing + '; '; + heroCSS = heroCSS + '--hero-title-transform:' + heroTitleTransform + '; '; + heroCSS = heroCSS + '--hero-padding:' + heroPadding + '; '; + return(heroCSS) + } + function buildCSS_primaryNav() { + var primaryNavCSS = ''; + primaryNavCSS = primaryNavCSS + '--navbarPrimary-position: '+ primaryNavFixed+ '; '; + primaryNavCSS = primaryNavCSS + '--navbarPrimary-padding: '+ primaryNavVPadding+ '; '; + return(primaryNavCSS) + } + function buildCSS_secondaryNav() { + var secondaryNavCSS = ''; + secondaryNavCSS = secondaryNavCSS + '--navbarSecondary-position: '+ secondaryNavSticky+ '; '; + secondaryNavCSS = secondaryNavCSS + '--navbarSecondary-padding: '+ secondaryNavVPadding+ '; '; + secondaryNavCSS = secondaryNavCSS + '--navbarSecondary-stickyat: '+ secondaryNavStickyAt+ '; '; + return(secondaryNavCSS) + } + function buildCSS_table() { + var tableCSS = ''; + tableCSS = tableCSS + '--tableheaderText: '+ tableheaderTextName+ '; '; + tableCSS = tableCSS + '--tableheaderSpacing: '+ tableheaderSpacing+ '; '; + tableCSS = tableCSS + '--tableheaderTransform: '+ tableheaderTransform+ '; '; + tableCSS = tableCSS + '--tablebodyText: '+ tablebodyTextName+ '; '; + tableCSS = tableCSS + '--tablebodySpacing: '+ tablebodySpacing+ '; '; + tableCSS = tableCSS + '--tablebodyTextTransform: '+ tablebodyTextTransform+ '; '; + tableCSS = tableCSS + '--tableheaderPadding: '+ tableheaderPadding+ '; '; + tableCSS = tableCSS + '--tablebodyPadding '+ tablebodyPadding+ '; '; + return(tableCSS) + } + + function buildCSS_mobile() { + var mobileCSS = ''; + mobileCSS = mobileCSS + ':root {'; + mobileCSS = mobileCSS + '--min-target: 44px;'; + mobileCSS = mobileCSS + '--headerChange: .25;'; + mobileCSS = mobileCSS + '}'; + $("#css-mobile-code").html(mobileCSS); + } + function buildCSS_tablet() { + var mobileCSS = ''; + mobileCSS = mobileCSS + ':root {'; + mobileCSS = mobileCSS + '--min-target: 44px;'; + mobileCSS = mobileCSS + '--headerChange: .2;'; + mobileCSS = mobileCSS + '}'; + $("#css-tablet-code").html(mobileCSS); + } + + function buildCSS_dyslexic() { + var dyslexiaCSS = ''; + dyslexiaCSS = dyslexiaCSS + ':root {'; + dyslexiaCSS = dyslexiaCSS + '--min-target: 44px;'; + dyslexiaCSS = dyslexiaCSS + '--primaryFont: OpenDyslexic; '; + dyslexiaCSS = dyslexiaCSS + '--secondaryFont : OpenDyslexic; '; + dyslexiaCSS = dyslexiaCSS + '--standard-LineHeight: 180%; '; + dyslexiaCSS = dyslexiaCSS + '--sm-LineHeight: 150%; '; + dyslexiaCSS = dyslexiaCSS + '}'; + $("#css-Dyslexic-code").html(dyslexiaCSS); + } + function buildCSS_noMotion() { + var buildCSS_noMotion = ''; + buildCSS_noMotion = buildCSS_noMotion + ':root {'; + buildCSS_noMotion = buildCSS_noMotion + '--animation-speed: 0s; '; + buildCSS_noMotion = buildCSS_noMotion + '--animation-focus-distance: 0px; '; + buildCSS_noMotion = buildCSS_noMotion + '}'; + $("#css-montionSensative-code").html(buildCSS_noMotion); + } + + function buildCSS_Palette(mode) { + var paletteCSS = ''; + $("#"+ mode +"-mode .colorRow").each(function () { + var id = $(this).attr('id') + var mode = id.split('-')[1]; + var name = id.split('-')[0]; + if (name != primaryName && name != secondaryName && name != tertiaryName ) { + $(this).find(".color-block").each(function () { + var shade = $(this).attr("id").split('-')[2]; + var shade = parseInt(shade.replace(/[^0-9. ]/g, "")); + if (shade == 0) { + shade = "050"; + } + var bg = $(this).find(".Hex").css("backgroundColor"); + var onColor = $(this).find(".Hex").css("color").replace(/\s/g, ''); + if (mode == 'light'){ + if (onColor == "rgb(255,255,255)") { + onColor = "var(--white);"; + } else { + onColor = "var(--black);"; + } + } else { + if (onColor == "rgb(255,255,255,"+dmOpacity+")") { + onColor = "var(--dm-white);"; + } else { + onColor = "var(--black);"; + } + } + + if (mode == 'light') { + paletteCSS = paletteCSS + '.' + name + '-' + shade + '-bg {'; + paletteCSS = paletteCSS + 'background: '+ bg + ' !important; '; + paletteCSS = paletteCSS + 'color: ' + onColor + ' !important; '; + paletteCSS = paletteCSS + '}' + } else { + paletteCSS = paletteCSS + '.darkmode .' + name + '-' + shade + '-bg {'; + paletteCSS = paletteCSS + 'background: ' + bg + ' !important; '; + paletteCSS = paletteCSS + 'color: ' + onColor + ' !important; '; + paletteCSS = paletteCSS + '}' + } + + }); + } + }); + return(paletteCSS) + } + + function buildLMJSON(themeName) { + json = {}; + jsonSections = {}; + var palleteColors = buildJSON_PaletteColors(themeName, 'light'); + var theme = buildJSON_CoreTheme(themeName, 'light'); + var themeColors = buildJSON_ThemeColors(themeName, 'light'); + var family = buildJSON_FontFamily(); + var fontSize = buildJSON_FontSize(); + var fontWeight = buildJSON_FontWeight(); + var headerChange = buildJSON_HeaderChange() + var sizing = buildJSON_Sizing() ; + var spacing = buildJSON_Spacing(); + var radius = buildJSON_Radius(); + var border = buildJSON_Border(); + var shadow = buildJSON_Shadows(); + var surface = buildJSON_Surface('light') + var buttons = buildJSON_Buttons('button', 'light'); + var icons = buildJSON_Buttons('icon', 'light'); + var backgrounds = buildJSON_Backgrounds('light') ; + var hotlinks = buildJSON_Hotlinks('light'); + var inputBG = buildJSON_InputBG('light'); + var borderColors = buildJSON_BorderColors('light'); + var gradients = buildJSON_Gradients(themeName, 'light'); + var textDecorations = buildJSON_TextDecorations(themeName, 'light'); + var elevations = buildJSON_Elevations(); + var elevationBG = buildJSON_ElevationBGs('light'); + var base = buildJSON_Base(); + var bevel = buildJSON_Bevel(); + var inbevel = buildJSON_InBevel() + //var chartColors = buildJSON_ChartColors('light'); + var states = buildJSON_States('light'); + var chips = buildJSON_Chips('light'); + + jsonSections["Theme"] = theme; + jsonSections["Theme-Colors"] = themeColors; + //jsonSections["All-Colors"] = palleteColors; + jsonSections["Solid-Backgrounds"] = backgrounds; + jsonSections["Gradient-Backgrounds"] = gradients; + jsonSections["fontFamilies"] = family; + jsonSections["baseFont"] = fontSize; + jsonSections["fontWeights"] = fontWeight + jsonSections["Typography-Info"] = headerChange; + jsonSections["States"] = states; + jsonSections["Surface"] = surface; + jsonSections["Elevations"] = elevationBG; + jsonSections["Sizing"] = sizing; + jsonSections["Spacing"] = spacing; + jsonSections["Radius"] = radius; + jsonSections["Border"] = border; + jsonSections["Borders"] = borderColors; + jsonSections["Shadows"] = shadow; + jsonSections["Buttons"] = buttons; + jsonSections["Hotlinks"] = hotlinks; + jsonSections["Icons"] = icons; + jsonSections["Chips"] = chips; + jsonSections["Input-Backgrounds"] = inputBG; + jsonSections["Text-Decoration"] = textDecorations; + jsonSections["Elevation-Info"] = elevations; + jsonSections["Base-Info"] = base; + jsonSections["Bevel-Info"] = bevel; + jsonSections["Inverse-Bevel-Info"] = bevel; + //NOT FOR MVP jsonSections["Charts"] = chartColors; + if ($(document).find('#' + system + ' .customStyles.display-text.editted').length){ + var headerStyles = buildJSON_Headers('display-text'); + jsonSections["Display"] = headerStyles ; + } + if ($(document).find('#' + system + ' .customStyles.header-text.editted').length){ + var headerStyles = buildJSON_Headers('header-text'); + jsonSections["headers"] = headerStyles ; + } + if ($(document).find('#' + system + ' .customStyles.body-text.editted').length){ + var headerStyles = buildJSON_Headers('body-text'); + jsonSections["Body"] = headerStyles ; + } + if ($(document).find('#' + system + ' .customStyles.sm-text.editted').length){ + var headerStyles = buildJSON_SMText('sm-text') ; + jsonSections["SmallText"] = headerStyles ; + } + if ($(document).find('#' + system + ' .customStyles.stat-text.editted').length){ + var headerStyles = buildJSON_SMText('stat-text') ; + jsonSections["Stats"] = headerStyles ; + } + + var jsonSections = JSON.stringify(jsonSections) + $("#json-lm-base").html(jsonSections); + } + + function buildDMJSON(themeName) { + json = {}; + jsonSections = {}; + var darkPalleteColor = buildJSON_PaletteColors(themeName, 'dark'); + var theme = buildJSON_CoreTheme(themeName, 'dark'); + var white = buildJSON_White(); + var whiteText = buildJSON_WhiteText(); + var themeColors = buildJSON_ThemeColors(themeName, 'dark'); + var states = buildJSON_States('dark'); + var backgrounds = buildJSON_Backgrounds('dark'); + var gradients = buildJSON_Gradients(themeName, 'dark'); + // var chartColors = buildJSON_ChartColors('dark'); + var borderColors = buildJSON_BorderColors('dark'); + var hotlinks = buildJSON_Hotlinks('dark'); + var inputBG = buildJSON_InputBG('dark'); + var inputBorder = buildJSON_InputBorders('dark') + var surface = buildJSON_Surface('dark') + var elevations = buildJSON_ElevationBGs('dark'); + var textDecorations = buildJSON_TextDecorations(themeName, 'dark'); + var buttons = buildJSON_Buttons('button', 'dark'); + var icons = buildJSON_Buttons('icon', 'dark'); + var chips = buildJSON_Chips('dark'); + /// you do not need all the other system settings /// + jsonSections["Theme"] = theme; + jsonSections["Theme-Colors"] = themeColors; + jsonSections["All-Colors"] = darkPalleteColor; + jsonSections["Solid-Backgrounds"] = backgrounds; + jsonSections["Gradient-Backgrounds"] = gradients; + jsonSections["Surface"] = surface; + jsonSections["Input-Backgrounds"] = inputBG; + jsonSections["Borders"] = borderColors; + jsonSections["Buttons"] = buttons; + jsonSections["Chips"] = chips; + jsonSections["Icons"] = icons; + jsonSections["States"] = states; + //jsonSections["Charts"] = chartColors ; + jsonSections["Core-Colors"] = white; + jsonSections["Text"] = whiteText; + jsonSections["Elevations"] = elevations; + jsonSections["Borders"] = borderColors; + jsonSections["Text-Decoration"] = textDecorations; + + jsonSections = JSON.stringify(jsonSections); + $("#json-dm-base").html(jsonSections); + } + + function buildDyslexicTheme() { + json = {}; + jsonSections = {}; + var dyslexicLH = buildJSON_dyslexicLH(); + var dyslexicFont = buildJSON_dyslexic() + jsonSections["LineHeights"] = dyslexicLH; + jsonSections["fontFamilies"] = dyslexicFont ; + var jsonSections = JSON.stringify(jsonSections) + $("#json-dyslexic").html(jsonSections); + + } + + function buildTablet() { + json = {}; + jsonSections = {}; + var mobileTarget = buildMobileTarget(); + var mobileHeaders = buildJSON_TabletHeaderChange(); + jsonSections["Sizing"] = mobileTarget; + jsonSections["Typography-Info"] = mobileHeaders; + var jsonSections = JSON.stringify(jsonSections) + $("#json-tablet").html(jsonSections); + } + + function buildMobile() { + json = {}; + jsonSections = {}; + var mobileTarget = buildMobileTarget(); + var mobileHeaders = buildJSON_MobileHeaderChange(); + jsonSections["Sizing"] = mobileTarget; + jsonSections["Typography-Info"] = mobileHeaders; + var jsonSections = JSON.stringify(jsonSections) + $("#json-mobile").html(jsonSections); + } + + function buildMobileTarget() { + var spacingCode = {}; + var minheight = {} + minheight["value"] = minTarget; + minheight["type"] = 'sizing'; + spacingCode['minTarget'] = minheight + return(spacingCode) + } + + function buildJSON_dyslexic() { + var familyCode = {}; + var primaryCode = {}; + var secondaryCode = {}; + primaryCode ["value"] = 'OpenDyslexic'; + primaryCode ["type"] = 'fontFamilies'; + secondaryCode ["value"] = 'OpenDyslexic'; + secondaryCode ["type"] = 'fontFamilies'; + familyCode['primary'] = primaryCode ; + familyCode['secondary"'] = secondaryCode ; + return(familyCode ) + } + + function buildJSON_dyslexicLH() { + var lh = {}; + var lineHeightCode = {}; + lh = '170%' + lh["type"] = 'lineHeight'; + lineHeightCode['lg'] = lh; + return(lineHeightCode) + } + + + function buildJSON_PaletteColors(theme, mode) { + var code = {}; + var themeCode = {}; + var themeRange = {}; + + + + $("#buildColor #"+mode+"-mode .colorRow").each(function () { + var color = {}; + var onColor = {}; + var primeColors = {}; + var primeonColors = {}; + + var themeShade = {}; + var name = $(this).find(".color-block").attr('id').split('-')[0]; + $(this) + .find(".color-block") + .each(function () { + var theme = {}; + var id = $(this).attr('id') + var mode = id.split('-')[1]; + var shadecolor = {} + var shadeonColor = {} + var bg = ""; + var shade = $(this).attr("id").split('-')[2]; + // var shade = shade.replace(/[^0-9. ]/g, ""); + bg = $(this).find(".Hex").css("backgroundColor"); + if (shade == 0) { + shade = "050"; + } + var contrast = $(this).find(".Contrast span").html(); + + //colorRange[shade] = color; + var onHexColor = $(this).find(".Hex").css("color").replace(/\s/g, ''); + + if (onHexColor == "rgb(255,255,255)" || onHexColor == "rgba(255,255,255,"+dmOpacity+")") { + onHexColor = "{text.white}"; + } else { + onHexColor = "{text.dark}"; + } + var contrast = $(this).find(".Contrast span").html(); + + shadecolor["value"] = bg; + shadecolor["type"] = 'color'; + shadeonColor["value"] = onHexColor; + shadeonColor["type"] = 'color'; + shadeonColor["description"] = "Contrast ratio: " + contrast; + + primeColors[shade] = shadecolor; + primeonColors[shade] = shadeonColor; + themeShade['Color'] = primeColors; + themeShade['On-Color'] = primeonColors; + // themeShade['Color'] = shadecolor; + }); + + themeRange[name] = themeShade; + }); + //themeCode["All-Colors"] = themeRange; + return(themeRange) + } + + function buildJSON_DM_PaletteColors(theme) { + var code = {}; + var themeCode = {}; + var themeRange = {}; + + + $("#buildColor #dark-mode .colorRow").each(function () { + + var themeShade = {}; + var name = $(this).find(".color-block").attr('id').split('-')[0]; + $(this) + .find(".color-block") + .each(function () { + var theme = {}; + var id = $(this).attr('id') + var mode = id.split('-')[1]; + var color = {} + var onColor = {} + var bg = ""; + var shade = $(this).attr("id").split('-')[2]; + var shade = parseInt(shade.replace(/[^0-9. ]/g, "")); + + bg = $(document).find("#" + id + " .Color span").text(); + var contrast = $(document).find("#" + id + " .Contrast span").html(); + + if (shade == 0) { + shade = "050"; + } + + color["value"] = bg; + color["type"] = "color"; + + //colorRange[shade] = color; + var onHexColor = $(this).find(".Hex").css("color"); + if (onHexColor == "rgb(255, 255, 255, "+dmOpacity+")") { + onHexColor = "{text.white}"; + } else { + onHexColor = "{text.dark}"; + } + var contrast = $(this).find(".Contrast span").html(); + onColor["value"] = onHexColor; + onColor["type"] = "color"; + onColor["description"] = "Contrast ratio: " + contrast; + theme["Color"] = color + theme["On-Color"] = onColor; + themeShade[shade] = theme; + + }); + + themeRange[name] = themeShade; + }); + themeCode["All-Colors"] = themeRange; + return(themeCode) + } + + function buildJSON_CoreTheme(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCode = {}; + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + var pshade = primaryName.split('-')[1]; + if (mode == 'dark') { + if (pshade == "0" || pshade == "100") { + pshade = "200" + } + } else { + if (pshade == "0") { + pshade ="050" + } + } + color["value"] = '{Theme-Colors.Primary.Color.'+pshade+'}'; + color["type"] = 'color'; + onColor["value"] = '{Theme-Colors.Primary.On-Color.'+pshade+'}'; + onColor["type"] = 'color'; + primeColors["Color"] = color; + primeColors["On-Color"] = onColor; + themeCode["Primary"] = primeColors + // Seconday // + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + var pshade = secondaryName.split('-')[1]; + if (mode == 'dark') { + if (pshade == "0" || pshade == "100") { + pshade = "200" + } + } else { + if (pshade == "0") { + pshade ="050" + } + } + color["value"] = '{Theme-Colors.Secondary.Color.'+pshade+'}'; + color["type"] = 'color'; + onColor["value"] = '{Theme-Colors.Secondary.On-Color.'+pshade+'}'; + onColor["type"] = 'color'; + primeColors["color"] = color; + primeColors["On-Color"] = onColor; + themeCode["Secondary"] = primeColors + // Tertiary // + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + var pshade = tertiaryName.split('-')[1]; + if (mode == 'dark') { + if (pshade == "0" || pshade == "100") { + pshade = "200" + } + } else { + if (pshade == "0") { + pshade ="050" + } + } + color["value"] = '{Theme-Colors.Tertiary.Color.'+pshade+'}'; + color["type"] = 'color'; + onColor["value"] = '{Theme-Colors.Tertiary.On-Color.'+pshade+'}'; + onColor["type"] = 'color'; + primeColors["Color"] = color; + primeColors["On-Color"] = onColor; + themeCode["Tertiary"] = primeColors + // accent // + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + var pname = accentName.split('-')[0]; + pname = capitalizeFirstLetter(pname) + var pshade = accentName.split('-')[1]; + if (mode == 'dark') { + if (pshade == "0" || pshade == "100") { + pshade = "200" + } + } else { + if (pshade == "0") { + pshade ="050" + } + } + color["value"] = '{Theme-Colors.'+pname+'.Color.'+pshade+'}'; + color["type"] = 'color'; + primeColors["Color"] = color; + themeCode["Accent"] = primeColors + return(themeCode) + } + } + + + function buildJSON_Gradients(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCode = {}; + // Gradient-1// + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + var gradient1Button = {}; + var gradient1OnButton = {}; + var gradient1Icon = {}; + var gradient1Hotlink = {}; + var gradient2Button = {}; + var gradient2OnButton = {}; + var gradient2Icon = {}; + var gradient2Hotlink = {}; + var gradient3Button = {}; + var gradient3OnButton = {}; + var gradient3Icon = {}; + var gradient3Hotlink = {}; + var pcolor = gradient1aName.split('-')[0]; + pcolor = capitalizeFirstLetter(pcolor) + var pshade = gradient1aName.split('-')[1]; + if (pshade == "0") { + pshade ="050" + } + var scolor = gradient1bName.split('-')[0]; + scolor = capitalizeFirstLetter(scolor) + var sshade = gradient1bName.split('-')[1]; + if (sshade == "0") { + sshade ="050" + } + color["value"] = 'linear-gradient(90deg, {Theme-Colors.'+pcolor+'.Color.'+pshade +'} 0%, {Theme-Colors.'+scolor+'.Color.'+sshade +'} 100%)'; + color["type"] = 'color'; + + onColor["value"] = '{Theme-Colors.'+pcolor+'.On-Color.'+pshade +'}'; + onColor["type"] = 'color'; + if (ongradient1a == black) { + gradient1Button["value"] = '{Core-Colors.Black.Color}'; + gradient1OnButton["value"] = '{text.white}'; + gradient1Icon["value"] = '{Core-Colors.Black.Color}'; + gradient1Hotlink["value"] = '{Core-Colors.Black.Color}'; + } else { + gradient1Button["value"] = '{Core-Colors.White.Color}'; + gradient1OnButton["value"] = '{text.dark}'; + gradient1Icon["value"] = '{Core-Colors.White.Color}'; + gradient1Hotlink["value"] = '{Core-Colors.White.Color}'; + } + gradient1Button["type"] = 'color'; + gradient1OnButton["type"] = 'color'; + gradient1Icon["type"] = 'color'; + gradient1Hotlink["type"] = 'color'; + primeColors["Color"] = color; + primeColors["On-Color"] = onColor; + primeColors["Button"] = gradient1Button; + primeColors["On-Button"] = gradient1OnButton; + primeColors["Icon"] = gradient1Icon; + primeColors["Hotlink"] = gradient1Hotlink; + themeCode["Gradient-1"] = primeColors + // Gradient-2// + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + var pcolor = gradient2aName.split('-')[0]; + pcolor = capitalizeFirstLetter(pcolor) + var pshade = gradient2aName.split('-')[1]; + if (pshade == "0") { + pshade ="050" + } + var scolor = gradient2bName.split('-')[0]; + scolor = capitalizeFirstLetter(scolor) + var sshade = gradient2bName.split('-')[1]; + if (sshade == "0") { + sshade ="050" + } + color["value"] = 'linear-gradient(90deg, {Theme-Colors.'+pcolor+'.Color.'+pshade +'} 0%, {Theme-Colors.'+scolor+'.Color.'+sshade +'} 100%)'; + color["type"] = 'color'; + onColor["value"] = '{Theme-Colors.'+pcolor+'.On-Color.'+pshade +'}'; + onColor["type"] = 'color'; + if (ongradient2a == black) { + gradient2Button["value"] = '{Core-Colors.Black.Color}'; + gradient2OnButton["value"] = '{text.white}'; + gradient2Icon["value"] = '{Core-Colors.Black.Color}'; + gradient2Hotlink["value"] = '{Core-Colors.Black.Color}'; + } else { + gradient2Button["value"] = '{Core-Colors.White.Color}'; + gradient2OnButton["value"] = '{text.white}'; + gradient2Icon["value"] = '{Core-Colors.White.Color}'; + gradient2Hotlink["value"] = '{Core-Colors.White.Color}'; + } + gradient2Button["type"] = 'color'; + gradient2OnButton["type"] = 'color'; + gradient2Icon["type"] = 'color'; + gradient2Hotlink["type"] = 'color'; + primeColors["Color"] = color; + primeColors["On-Color"] = onColor; + primeColors["Button"] = gradient2Button; + primeColors["On-Button"] = gradient2OnButton; + primeColors["Icon"] = gradient2Icon; + primeColors["Hotlink"] = gradient2Hotlink; + themeCode["Gradient-2"] = primeColors + + // gradient 3 // + + var gray = {}; + var ongray = {}; + var grayColors = {}; + if (mode == "dark") { + gray["value"] = 'linear-gradient(90deg, {Core-Colors.Gray.Color.900} 0%, {Core-Colors.Near-Black.Color} 100%)'; + ongray["value"] = '{Core-Colors.Black.On-Color}'; + if (dmbuttonOnGradient3 == dmbuttons) { + gradient3Button["value"] = '{Buttons.Colored.Color}'; + gradient3OnButton["value"] = '{Buttons.Colored.On-Color}'; + } else { + if (dmbuttonOnGradient3 == black) { + gradient3Button["value"] = '{Buttons.Dark.Color}'; + gradient3OnButton["value"] = '{Buttons.Dark.On-Color}'; + } else { + gradient3Button["value"] = '{Buttons.White.Color}'; + gradient3OnButton["value"] = '{Buttons.White.On-Color}'; + } + } + if (dmiconOnGradient3 == dmicons) { + gradient3Icon["value"] = '{Icons.Colored.Color}'; + } else { + if (dmbuttonOnGradient3 == black) { + gradient3Icon["value"] = '{Icons.Dark.Color}'; + } else { + gradient3Icon["value"] = '{Icons.White.Color}'; + } + } + if (dmhotlinkOnGradient3 == dmhotlink) { + gradient3Icon["value"] = '{Hotlinks.Colored.Link}'; + } else { + if (dmbuttonOnGradient3 == black) { + gradient3Icon["value"] = '{Hotlinks.Dark.Link}'; + } else { + gradient3Icon["value"] = '{Hotlinks.White.Link}'; + } + } + } else { + + } + gray["type"] = 'color'; + ongray["type"] = 'color'; + grayColors["Color"] = gray; + grayColors["On-Color"] = ongray; + themeCode["Gradient-3"] = grayColors + + return(themeCode) + } + } + + + function buildJSON_TextDecorations(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCode = {}; + + // Text-Gradient// + var themeName = {}; + var primeColors = {}; + var color = {}; + + var pcolor = textgradient1aName.split('-')[0].replace(/\s/g, ''); + pcolor = capitalizeFirstLetter(pcolor) + var pshade = textgradient1aName.split('-')[1]; + if (pshade == '0') { + pshade = '050' + } + var scolor = textgradient1bName.split('-')[0].replace(/\s/g, ''); + scolor = capitalizeFirstLetter(scolor) + var sshade = textgradient1aName.split('-')[1]; + if (sshade == '0') { + sshadee = '050' + } + + color["value"] = 'linear-gradient(90deg, {Theme-Colors.'+pcolor+'.Color.'+pshade +'} 0%, {Theme-Colors.'+scolor+'.Color.'+sshade +'} 100%)'; + color["type"] = 'color'; + themeCode["Text-Gradient"] = color + + // Drop Color// + var themeName = {}; + var primeColors = {}; + var color = {}; + var onColor = {}; + + if (mode == 'dark' ) { + if (dmbackgroundPrimaryName == 'nearblack-bg' || dmbackgroundPrimaryName == 'nearblack') { + primeColors["value"] = '{Core-Colors.Black.Color}'; + } else { + primeColors["value"] = '{Theme-Colors.Primary.Color.900}'; + } + } else { + if (backgroundPrimaryName == 'nearblack-bg' || backgroundPrimaryName == 'primary-900-bg') { + primeColors["value"] = '{Core-Colors.Black.Color}80'; + } else { + primeColors["value"] = '{Theme-Colors.Primary.Color.100}'; + } + + } + primeColors["type"] = 'color'; + themeCode["Color-Dropshadow"] = primeColors + return(themeCode) + } + } + + function buildJSON_FontSize() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var sizeCode = {}; + var base = {}; + var baseFont = $('#'+system + ' .'+system+'-baseFont').html() + base["value"] = baseFont; + base["type"] = 'fontSizes'; + + return(base) + } + } + + function buildJSON_FontWeight() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var weightCode = {}; + var font0 = {}; + var font1 = {}; + var font2 = {}; + var font3 = {}; + var font4 = {}; + var fontHeader = {}; + font0["value"] = fontWeight0; + font0["type"] = 'fontWeights'; + font1["value"] = fontWeight1; + font1["type"] = 'fontWeights'; + font2["value"] = fontWeight2; + font2["type"] = 'fontWeights'; + font3["value"] = fontWeight3; + font3["type"] = 'fontWeights'; + font4["value"] = fontWeight4; + font4["type"] = 'fontWeights'; + fontHeader["value"] = headerWeight; + fontHeader["type"] = 'fontWeights'; + weightCode["font-weight-0"] = font0; + weightCode["font-weight-1"] = font1; + weightCode["font-weight-2"] = font2; + weightCode["font-weight-3"] = font3; + weightCode["font-weight-4"] = font4; + weightCode["Header-Weight"] = fontHeader; + return(weightCode) + } + } + + + function buildJSON_Headers(type) { + + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var headerCode = {}; + + $(document).find('#' + system + ' .customStyles.'+type+'.editted').each(function () { + var header = {}; + var headerInfo = {}; + var name = $(this).attr('name'); + var fontFamily = $(this).find('.font-family').html(); + if (fontFamily == primaryFont) { + fontFamily = "{fontFamilies.primary}" + } else { + fontFamily = "{fontFamilies.secondary}" + } + var fontWeight = $(this).find('.font-weight').html(); + if (fontWeight == fontWeight0) { + fontWeight= "{fontWeights.font-weight-0}" + } else if (fontWeight == fontWeight1){ + fontWeight= "{fontWeights.font-weight-1}" + } else if (fontWeight == fontWeight2){ + fontWeight= "{fontWeights.font-weight-2}" + } else if (fontWeight == fontWeight3){ + fontWeight = "{fontWeights.font-weight-3}" + } else { + fontWeight= "{fontWeights.font-weight-4}" + } + var fontSize = $(this).find('.font-size').html(); + var spacing = $(this).find('.font-character-spacing').html(); + var lineHeight = $(this).find('.font-line-height').html(); + if (lineHeight == '160%') { + lineHeight = "{lineHeights.lg}" + } else if (lineHeight = '100%'){ + lineHeight = "{lineHeights.none}" + } else { + lineHeight = "{lineHeights.sm}" + } + headerInfo["fontFamily"] = fontFamily ; + headerInfo["fontWeight"] = fontWeight ; + headerInfo["lineHeight"] = lineHeight ; + headerInfo["fontSize"] = fontSize; + headerInfo["letterSpacing"] = spacing ; + headerInfo["paragraphSpacing"] = "{paragraphSpacing.none}"; + headerInfo["textCase"] = "{textCase.none}" ; + headerInfo["textDecoration"] = "{textDecoration.none}" ; + header["value"] = headerInfo ; + header["type"] = 'typography'; + name = capitalizeFirstLetter(name) + name.replace('-small','-Small'); + name.replace('-bold','-Bold'); + name.replace('-semibold','-Semibold'); + headerCode[name] = header; + }); + return(headerCode) + } + } + + function buildJSON_SMText(type) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var headerCode = {}; + + $(document).find('#' + system + ' .customStyles.'+type+'.editted').each(function () { + var header = {}; + var headerInfo = {}; + var name = $(this).attr('name'); + var fontFamily = $(this).find('.font-family').html(); + if (fontFamily == primaryFont) { + fontFamily = "{fontFamilies.primary}" + } else { + fontFamily = "{fontFamilies.secondary}" + } + var fontWeight = $(this).find('.font-weight').html(); + if (fontWeight == fontWeight0) { + fontWeight= "{fontWeights.font-weight-0}" + } else if (fontWeight == fontWeight1){ + fontWeight= "{fontWeights.font-weight-1}" + } else if (fontWeight == fontWeight2){ + fontWeight= "{fontWeights.font-weight-2}" + } else if (fontWeight == fontWeight3){ + fontWeight = "{fontWeights.font-weight-3}" + } else { + fontWeight= "{fontWeights.font-weight-4}" + } + var fontSize = $(this).find('.font-size').html(); + var spacing = $(this).find('.font-character-spacing').html(); + var lineHeight = $(this).find('.font-line-height').html(); + if ($(this).find('.font-text-decoration').length) { + var decoration = $(this).find('.font-text-decoration').html() + if (decoration == 'uppercase') { + var textCase = "{textCase.uppercase}" + } else { + var textCase = "{textCase.none}" + } + } else { + var textCase = "{textCase.none}" + } + if (lineHeight == '160%') { + lineHeight = "{lineHeights.lg}" + } else if (lineHeight = '100%'){ + lineHeight = "{lineHeights.none}" + } else { + lineHeight = "{lineHeights.sm}" + } + headerInfo["fontFamily"] = fontFamily ; + headerInfo["fontWeight"] = fontWeight ; + headerInfo["lineHeight"] = lineHeight ; + headerInfo["fontSize"] = fontSize; + headerInfo["letterSpacing"] = spacing ; + headerInfo["paragraphSpacing"] = "{paragraphSpacing.none}"; + headerInfo["textCase"] = textCase; + headerInfo["textDecoration"] = "{textDecoration.none}" ; + header["value"] = headerInfo ; + header["type"] = 'typography'; + headerCode[name] = header; + }); + return(headerCode) + } + } + + function buildJSON_Elevations() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var elevationCode = {}; + var change = {}; + var horizontal = {}; + var vertical = {}; + var spread = {}; + var blur = {}; + var opacity = {}; + var rgb = {}; + var bBlur = {}; + var bSpread = {}; + var bOpacity = {}; + change["value"] = elevationChange ; + change["type"] = 'other'; + horizontal["value"] = elevationHorizontal; ; + horizontal["type"] = 'other'; + vertical["value"] = elevationVertical; + vertical["type"] = 'other'; + spread["value"] = elevationSpread; + spread["type"] = 'other'; + blur["value"] = elevationBlur; + blur["type"] = 'other'; + opacity["value"] = elevationOpacity; + opacity["type"] = 'other'; + rgb["value"] = elevationRGB ; + rgb["type"] = 'other'; + bBlur["value"] = baseBlur ; + bBlur["type"] = 'other'; + bSpread["value"] = baseSpread; + bSpread["type"] = 'other'; + bOpacity["value"] = baseOpacity; + bOpacity["type"] = 'other'; + elevationCode["Change"] = change; + elevationCode["Horizontal"] = horizontal; + elevationCode["Vertical"] = vertical; + elevationCode["Spread"] = spread; + elevationCode["Blur"] = blur; + elevationCode["Opacity"] = opacity; + elevationCode["RGB"] = rgb; + elevationCode["BaseBlur"] = bBlur; + elevationCode["BaseSpread"] = bSpread; + elevationCode["BaseOpacity"] = bOpacity; + return(elevationCode) + } + } + + testColor = '#EC407A' + splitComplement(testColor) + function splitComplement(testColor) { + + var rgbArray = hextoRGBArray(testColor); + var h = chroma.rgb(rgbArray).get('hsv.h'); + var s = chroma.rgb(rgbArray).get('hsv.s'); + var v = chroma.rgb(rgbArray).get('hsv.v'); + h += 180; + var h0 = h + 30; + var h1 = h - 30; + var color1 = 'rgb(' + chroma.hsv(h0,s,v).rgb() + ')'; + var color2 = 'rgb(' + chroma.hsv(h1,s,v).rgb() + ')'; + + } + + function build_ChartColors() { + colorTheory = $(document).find('#' + system + ' .' +system + '-chart-theory').html(); + + primaryArray = $(document).find('#' + primaryName.split('-')[0] + '-light-400 .Hex').css('backgroundColor') + primaryHex = rgb2hex(primaryArray) + primaryArray = hextoRGBArray(primaryHex) + var primaryShade = primaryName.split('-')[0] + /// secondary /// + secondaryArray = $(document).find('#' + secondaryName.split('-')[0] + '-light-400 .Hex').css('backgroundColor') + secondaryHex = rgb2hex(secondaryArray) + secondaryArray = hextoRGBArray(secondaryHex) + var secondaryShade = secondaryName.split('-')[0] + /// tertiary // + tertiaryArray = $(document).find('#' + tertiaryName.split('-')[0] + '-light-500 .Hex').css('backgroundColor') + tertiaryHex = rgb2hex(tertiaryArray) + tertiaryArray = hextoRGBArray(tertiaryHex) + var tertiaryShade = tertiaryName.split('-')[0] + background = 'white' + $('#Solid-C1').empty(); + $('#Solid-C2').empty(); + $('#Solid-C3').empty(); + $('#dmSolid-C1').empty(); + $('#dmSolid-C2').empty(); + $('#dmSolid-C3').empty(); + + + if ( colorTheory == 'Color Blind') { + $('#Solid-C1').append('
          Solid
          '); + $('#Solid-C1').append('
          Solid
          '); + $('#Solid-C1').append('
          Solid
          '); + $('#Solid-C2').append('
          Solid
          '); + $('#Solid-C2').append('
          Solid
          '); + $('#Solid-C2').append('
          Solid
          '); + $('#Solid-C3').append('
          Solid
          '); + $('#Solid-C3').append('
          Solid
          '); + $('#Solid-C3').append('
          Solid
          '); + $('#dmSolid-C1').append('
          Solid
          '); + $('#dmSolid-C1').append('
          Solid
          '); + $('#dmSolid-C1').append('
          Solid
          '); + $('#dmSolid-C2').append('
          Solid
          '); + $('#dmSolid-C2').append('
          Solid
          '); + $('#dmSolid-C2').append('
          Solid
          '); + $('#dmSolid-C3').append('
          Solid
          '); + $('#dmSolid-C3').append('
          Solid
          '); + $('#dmSolid-C3').append('
          Solid
          '); + $('.chart-gradient-1').addClass('color-blind'); + $('.chart-gradient-2').addClass('color-blind'); + $('.dm-chart-gradient-1').addClass('color-blind'); + $('.dm-chart-gradient-2').addClass('color-blind'); + $('#Solid-C3').addClass('color-blind'); + $('#dmSolid-C3').addClass('color-blind') + } else { + $('.chart-gradient-1').removeClass('color-blind'); + $('.chart-gradient-2').removeClass('color-blind'); + $('.dm-chart-gradient-1').removeClass('color-blind'); + $('.dm-chart-gradient-2').removeClass('color-blind'); + $('#Solid-C3').removeClass('color-blind') + $('#dmSolid-C3').removeClass('color-blind') + if (backgroundPrimaryName == 'white-bg' || backgroundPrimaryName == 'primary-half-bg') { + + $('#'+primaryShade+'-light-400').clone().appendTo('#Solid-C1').attr('id','C1-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+primaryShade+'-light-600').clone().appendTo('#Solid-C1').attr('id','C1-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+primaryShade+'-light-800').clone().appendTo('#Solid-C1').attr('id','C1-03-Solid').find('.subtitle1 ').html('Solid'); + $('#'+primaryShade+'-dark-0').clone().appendTo('#dmSolid-C1').attr('id','dm-C1-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+primaryShade+'-dark-100').clone().appendTo('#dmSolid-C1').attr('id','dm-C1-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+primaryShade+'-dark-300').clone().appendTo('#dmSolid-C1').attr('id','dm-C1-03-Solid').find('.subtitle1 ').html('Solid'); + + if (secondaryShade == primaryShade || colorTheory != 'Default') { + if ($('#chart-color button').html() == 'Default' || $('#chart-color button').html() == 'Complementary') { + var complement = $.xcolor.splitcomplement(primaryHex); + } else if ($('#chart-color button').html() == 'Analogous') { + var complement = $.xcolor.analogous(primaryHex); + } else if ($('#chart-color button').html() == 'Triad'){ + var complement = $.xcolor.triad(primaryHex); + } else { + var complement = $.xcolor.tetrad(primaryHex); + } + + var complementColor = complement[1] + var color = complementColor .toString(); + addtoTheme('chartSecondary', color) + + $('#secondaryRange').empty(); + $('#dm-secondaryRange').empty(); + $('#chartSecondary-light-400').clone().appendTo('#Solid-C2').attr('id','C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-light-600').clone().appendTo('#Solid-C2').attr('id','C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-light-800').clone().appendTo('#Solid-C2').attr('id','C2-03-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-dark-0').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-dark-100').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-dark-300').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-03-Solid').find('.subtitle1 ').html('Solid'); + + + } else { + $('#'+secondaryShade+'-light-400').clone().appendTo('#Solid-C2').attr('id','C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-light-600').clone().appendTo('#Solid-C2').attr('id','C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-light-800').clone().appendTo('#Solid-C2').attr('id','C2-03-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-dark-0').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-dark-100').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-dark-300').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-03-Solid').find('.subtitle1 ').html('Solid'); + } + + if (tertiaryShade == primaryShade || tertiaryShade == secondaryShade) { + if (colorTheory == 'Default' || colorTheory == 'Complementary') { + var complement = $.xcolor.splitcomplement(primaryHex); + } else if (colorTheory == 'Analogous') { + var complement = $.xcolor.analogous(primaryHex); + } else if ($('#chart-color button').html() == 'Triad'){ + var complement = $.xcolor.triad(primaryHex); + } else { + var complement = $.xcolor.tetrad(primaryHex); + } + // if (secondaryShade == primaryShade ) { + var complementColor = complement[2] + // } else { + // var complementColor = complement[1] + // } + var color = complementColor.toString(); + addtoTheme('chartTertiary', color) + + $('#chartTertiary-light-400').clone().appendTo('#Solid-C3').attr('id','C3-01-Solid').find('.subtitle1 ').html('Solid'); + $('#chartTertiary-light-600').clone().appendTo('#Solid-C3').attr('id','C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartTertiary-light-800').clone().appendTo('#Solid-C3').attr('id','C3-03-Solid').find('.subtitle1 ').html('Solid'); + $('#chartTertiary-dark-0').clone().appendTo('#dmSolid-C3').attr('id','dm-C3-01-Solid').find('.subtitle1 ').html('Solid'); + $('#chartTertiary-dark-100').clone().appendTo('#dmSolid-C3').attr('id','dm-C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartTertiary-dark-300').clone().appendTo('#dmSolid-C3').attr('id','dm-C3-03-Solid').find('.subtitle1 ').html('Solid'); + + } else { + $('#'+tertiaryShade+'-light-400').clone().appendTo('#Solid-C3').attr('id','C3-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-light-600').clone().appendTo('#Solid-C3').attr('id','C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-light-800').clone().appendTo('#Solid-C3').attr('id','C3-03-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-dark-0').clone().appendTo('#dmSolid-C3').attr('id','dm-C3-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-dark-100').clone().appendTo('#dmSolid-C3').attr('id','dm-C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-dark-300').clone().appendTo('#dmSolid-C3').attr('id','dm-C3-03-Solid').find('.subtitle1 ').html('Solid'); + } + + } else { + if (secondaryShade == primaryShade) { + if (colorTheory == 'Default' || colorTheory == 'Complementary') { + var complement = $.xcolor.splitcomplement(primaryHex); + } else if ($('#chart-color button').html() == 'Analogous') { + var complement = $.xcolor.analogous(primaryHex); + } else if ($('#chart-color button').html() == 'Triad'){ + var complement = $.xcolor.triad(primaryHex); + } else { + var complement = $.xcolor.tetrad(primaryHex); + } + var complementColor = complement[1] + var color = complementColor .toString(); + addtoTheme('chartSecondary', color) + $('#chartSecondary-light-0').clone().appendTo('#Solid-C2').attr('id','C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-light-100').clone().appendTo('#Solid-C2').attr('id','C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-light-200').clone().appendTo('#Solid-C2').attr('id','C2-03-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-dark-0').clone().appendTo('#dm-Solid-C2').attr('id','dm-C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-dark-100').clone().appendTo('#dm-Solid-C2').attr('id','dm-C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartSecondary-dark-300').clone().appendTo('#dm-Solid-C2').attr('id','dm-C2-03-Solid').find('.subtitle1 ').html('Solid'); + + } else { + $('#'+secondaryShade+'-light-0').clone().appendTo('#Solid-C2').attr('id','C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-light-100').appendTo('#Solid-C2').attr('id','C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-light-200').appendTo('#Solid-C2').attr('id','C2-03-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-dark-0').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-dark-100').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+secondaryShade+'-dark-300').clone().appendTo('#dmSolid-C2').attr('id','dm-C2-03-Solid').find('.subtitle1 ').html('Solid'); + } + + if (tertiaryShade == primaryShade || tertiaryShade == secondaryShade) { + if (colorTheory == 'Default' || colorTheory == 'Complementary') { + var complement = $.xcolor.splitcomplement(primaryHex); + } else if (colorTheory == 'Analogous') { + var complement = $.xcolor.analogous(primaryHex); + } else if ($('#chart-color button').html() == 'Triad'){ + var complement = $.xcolor.triad(primaryHex); + } else { + var complement = $.xcolor.tetrad(primaryHex); + } + if (secondaryShade == primaryShade ) { + var complementColor = complement[2] + } else { + var complementColor = complement[1] + } + var color = complementColor.toString(); + addtoTheme('chartTertiary', color) + + $('#chartTertiary-light-0').clone().appendTo('#Solid-C3').attr('id','C3-01-Solid').find('.subtitle1').html('Solid'); + $('#chartTertiary-light-100').clone().appendTo('#Solid-C3').attr('id','C3-02-Solid').find('.subtitle1').html('Solid'); + $('#chartTertiary-light-200').clone().appendTo('#Solid-C3').attr('id','C3-03-Solid').find('.subtitle1').html('Solid'); + $('#chartTertiary-dark-0').clone().appendTo('#dm-Solid-C3').attr('id','dm-C3-01-Solid').find('.subtitle1').html('Solid'); + $('#chartTertiary-dark-100').clone().appendTo('#dm-Solid-C3').attr('id','dm-C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#chartTertiary-dark-300').clone().appendTo('#dm-Solid-C3').attr('id','dm-C3-03-Solid').find('.subtitle1 ').html('Solid'); + + } else { + $('#'+tertiaryShade+'-light-0').clone().appendTo('#Solid-C3').attr('id','C3-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-light-100').clone().appendTo('#Solid-C3').attr('id','C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-light-200').clone().appendTo('#Solid-C3').attr('id','C3-03-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-dark-0').clone().appendTo('#dm-Solid-C3').attr('id','dm-C3-01-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-dark-100').clone().appendTo('#dm-Solid-C3').attr('id','dm-C3-02-Solid').find('.subtitle1 ').html('Solid'); + $('#'+tertiaryShade+'-dark-300').clone().appendTo('#dm-Solid-C3').attr('id','dm-C3-03-Solid').find('.subtitle1 ').html('Solid'); + } + var contrastRation = contrast(tertiaryArray, [34,34,34]); + } + + } + // set the official colors // + + chartPrimary1 = $(document).find('#C1-01-Solid .Hex').css('backgroundColor'); + chartPrimary2 = $(document).find('#C1-02-Solid .Hex').css('backgroundColor'); + chartPrimary3 = $(document).find('#C1-03-Solid .Hex').css('backgroundColor'); + chartSecondary1 = $(document).find('#C2-01-Solid .Hex').css('backgroundColor'); + chartSecondary2 = $(document).find('#C2-02-Solid .Hex').css('backgroundColor'); + chartSecondary3 = $(document).find('#C2-03-Solid .Hex').css('backgroundColor'); + chartTertiary1 = $(document).find('#C3-01-Solid .Hex').css('backgroundColor'); + chartTertiary2 = $(document).find('#C3-02-Solid .Hex').css('backgroundColor'); + chartTertiary3 = $(document).find('#C3-03-Solid .Hex').css('backgroundColor'); + dmchartPrimary1 = $(document).find('#dm-C1-01-Solid .Hex').css('backgroundColor'); + dmchartPrimary2 = $(document).find('#dm-C1-02-Solid .Hex').css('backgroundColor'); + dmchartPrimary3 = $(document).find('#dm-C1-03-Solid .Hex').css('backgroundColor'); + dmchartSecondary1 = $(document).find('#dm-C2-01-Solid .Hex').css('backgroundColor'); + dmchartSecondary2 = $(document).find('#dm-C2-02-Solid .Hex').css('backgroundColor'); + dmchartSecondary3 = $(document).find('#dm-C2-03-Solid .Hex').css('backgroundColor'); + dmchartTertiary1 = $(document).find('#dm-C3-01-Solid .Hex').css('backgroundColor'); + dmchartTertiary2 = $(document).find('#dm-C3-02-Solid .Hex').css('backgroundColor'); + dmchartTertiary3 = $(document).find('#dm-C3-03-Solid .Hex').css('backgroundColor'); + chartPrimary1Opaque = chartPrimary1.replace('rgb','rgba').replace(')',',.2)') + chartPrimary2Opaque = chartPrimary2.replace('rgb','rgba').replace(')',',.2)') + chartPrimary3Opaque = chartPrimary3.replace('rgb','rgba').replace(')',',.2)') + dmchartPrimary1Opaque = dmchartPrimary1.replace('rgb','rgba').replace(')',',.2)') + dmchartPrimary2Opaque = dmchartPrimary2.replace('rgb','rgba').replace(')',',.2)') + dmchartPrimary3Opaque = dmchartPrimary3.replace('rgb','rgba').replace(')',',.2)') + chartSecondary1Opaque = chartSecondary1.replace('rgb','rgba').replace(')',',.2)') + chartSecondary2Opaque = chartSecondary2.replace('rgb','rgba').replace(')',',.2)') + chartSecondary3Opaque = chartSecondary3.replace('rgb','rgba').replace(')',',.2)') + dmchartSecondary1Opaque = dmchartSecondary1.replace('rgb','rgba').replace(')',',.2)') + dmchartSecondary2Opaque = dmchartSecondary2.replace('rgb','rgba').replace(')',',.2)') + dmchartSecondary3Opaque = dmchartSecondary3.replace('rgb','rgba').replace(')',',.2)') + chartTertiary1Opaque = chartTertiary1.replace('rgb','rgba').replace(')',',.2)') + chartTertiary2Opaque = chartTertiary2.replace('rgb','rgba').replace(')',',.2)') + chartTertiary3Opaque = chartTertiary3.replace('rgb','rgba').replace(')',',.2)') + dmchartTertiary1Opaque = dmchartTertiary1.replace('rgb','rgba').replace(')',',.2)') + dmchartTertiary2Opaque = dmchartTertiary2.replace('rgb','rgba').replace(')',',.2)') + dmchartTertiary3Opaque = dmchartTertiary3.replace('rgb','rgba').replace(')',',.2)') + // update system // + $(document).find('#' + system + ' .' +system + '-light-C1-01').html(chartPrimary1); + $(document).find('#' + system + ' .' +system + '-light-C1-02').html(chartPrimary2); + $(document).find('#' + system + ' .' +system + '-light-C1-03').html(chartPrimary3); + $(document).find('#' + system + ' .' +system + '-light-C2-01').html(chartSecondary1); + $(document).find('#' + system + ' .' +system + '-light-C2-02').html(chartSecondary2); + $(document).find('#' + system + ' .' +system + '-light-C2-03').html(chartSecondary3); + $(document).find('#' + system + ' .' +system + '-light-C3-01').html(chartTertiary1); + $(document).find('#' + system + ' .' +system + '-light-C3-02').html(chartTertiary2); + $(document).find('#' + system + ' .' +system + '-light-C3-03').html(chartTertiary1); + $(document).find('#' + system + ' .' +system + '-dark-C1-01').html(dmchartPrimary1); + $(document).find('#' + system + ' .' +system + '-dark-C1-02').html(dmchartPrimary2); + $(document).find('#' + system + ' .' +system + '-dark-C1-03').html(dmchartPrimary3); + $(document).find('#' + system + ' .' +system + '-dark-C2-01').html(dmchartSecondary1); + $(document).find('#' + system + ' .' +system + '-dark-C2-02').html(dmchartSecondary2); + $(document).find('#' + system + ' .' +system + '-dark-C2-03').html(dmchartSecondary3); + $(document).find('#' + system + ' .' +system + '-dark-C3-01').html(dmchartTertiary1); + $(document).find('#' + system + ' .' +system + '-dark-C3-02').html(dmchartTertiary2); + $(document).find('#' + system + ' .' +system + '-dark-C3-03').html(dmchartTertiary1); + // add the gradients // + $(document).find('#C1-01-Solid').after('
          Grad.
          '); + $(document).find('#C1-02-Solid').after('
          Grad.
          '); + $(document).find('#C1-03-Solid').after('
          Grad.
          '); + $(document).find('#dm-C1-01-Solid').after('
          Grad.
          '); + $(document).find('#dm-C1-02-Solid').after('
          Grad.
          '); + $(document).find('#dm-C1-03-Solid').after('
          Grad.
          '); + $(document).find('#C2-01-Solid').after('
          Grad.
          '); + $(document).find('#C2-02-Solid').after('
          Grad.
          '); + $(document).find('#C2-03-Solid').after('
          Grad.
          '); + $(document).find('#dm-C2-01-Solid').after('
          Grad.
          '); + $(document).find('#dm-C2-02-Solid').after('
          Grad.
          '); + $(document).find('#dm-C2-03-Solid').after('
          Grad.
          '); + $(document).find('#C3-01-Solid').after('
          Grad.
          '); + $(document).find('#C3-02-Solid').after('
          Grad.
          '); + $(document).find('#C3-03-Solid').after('
          Grad.
          '); + $(document).find('#dm-C3-01-Solid').after('
          Grad.
          '); + $(document).find('#dm-C3-02-Solid').after('
          Grad.
          '); + $(document).find('#dm-C3-03-Solid').after('
          Grad.
          '); + + if ( colorTheory == 'Color Blind') { + $(document).find('#color-blind-c3-1 .Hex').attr('style','') + $(document).find('#color-blind-c3-2 .Hex').attr('style','') + $(document).find('#color-blind-c3-3 .Hex').attr('style','') + $(document).find('#dm-color-blind-c3-1 .Hex').attr('style','') + $(document).find('#dm-color-blind-c3-2 .Hex').attr('style','') + $(document).find('#dm-color-blind-c3-3 .Hex').attr('style','') + } + + /// update the root values // + document.querySelector(':root').style.setProperty('--chart-primary-01' , chartPrimary1); + document.querySelector(':root').style.setProperty('--chart-primary-02' , chartPrimary2); + document.querySelector(':root').style.setProperty('--chart-primary-03' , chartPrimary3); + document.querySelector(':root').style.setProperty('--dm-chart-primary-01' , dmchartPrimary1); + document.querySelector(':root').style.setProperty('--dm-chart-primary-02' , dmchartPrimary2); + document.querySelector(':root').style.setProperty('--dm-chart-primary-03' , dmchartPrimary3); + document.querySelector(':root').style.setProperty('--chart-secondary-01' , chartSecondary1); + document.querySelector(':root').style.setProperty('--chart-secondary-02' , chartSecondary2); + document.querySelector(':root').style.setProperty('--chart-secondary-03' , chartSecondary3); + document.querySelector(':root').style.setProperty('--dm-chart-secondary-01' , dmchartSecondary1); + document.querySelector(':root').style.setProperty('--dm-chart-secondary-02' , dmchartSecondary2); + document.querySelector(':root').style.setProperty('--dm-chart-secondary-03' , dmchartSecondary3); + document.querySelector(':root').style.setProperty('--chart-tertiary-01' , chartTertiary1); + document.querySelector(':root').style.setProperty('--chart-tertiary-02' , chartTertiary2); + document.querySelector(':root').style.setProperty('--chart-tertiary-03' , chartTertiary3); + document.querySelector(':root').style.setProperty('--dm-chart-tertiary-01' , dmchartTertiary1); + document.querySelector(':root').style.setProperty('--dm-chart-tertiary-02' , dmchartTertiary2); + document.querySelector(':root').style.setProperty('--dm-chart-tertiary-03' , dmchartTertiary3); + document.querySelector(':root').style.setProperty('--chart-primary-01-opaque' , chartPrimary1Opaque); + document.querySelector(':root').style.setProperty('--chart-primary-02-opaque' , chartPrimary2Opaque); + document.querySelector(':root').style.setProperty('--chart-primary-03-opaque' , chartPrimary3Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-primary-01-opaque' , dmchartPrimary1Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-primary-02-opaque' , dmchartPrimary2Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-primary-03-opaque' , dmchartPrimary3Opaque); + document.querySelector(':root').style.setProperty('--chart-secondary-01-opaque' , chartSecondary1Opaque); + document.querySelector(':root').style.setProperty('--chart-secondary-02-opaque' , chartSecondary2Opaque); + document.querySelector(':root').style.setProperty('--chart-secondary-03-opaque' , chartSecondary3Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-secondary-01-opaque' , dmchartSecondary1Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-secondary-02-opaque' , dmchartSecondary2Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-secondary-03-opaque' , dmchartSecondary3Opaque); + document.querySelector(':root').style.setProperty('--chart-tertiary-01-opaque' , chartTertiary1Opaque); + document.querySelector(':root').style.setProperty('--chart-tertiary-02-opaque' , chartTertiary2Opaque); + document.querySelector(':root').style.setProperty('--chart-tertiary-03-opaque' , chartTertiary3Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-tertiary-01-opaque' , dmchartTertiary1Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-tertiary-02-opaque' , dmchartTertiary2Opaque); + document.querySelector(':root').style.setProperty('--dm-chart-tertiary-03-opaque' , dmchartTertiary3Opaque); + + /// remove colors from palette // + $(document).find('#chartSecondary-light').prev('div').remove(); + $(document).find('#chartSecondary-light').remove(); + $(document).find('#chartSecondary-dark').prev('div').remove(); + $(document).find('#chartSecondary-dark').remove(); + $(document).find('#chartTertiary-light').prev('div').remove(); + $(document).find('#chartTertiary-light').remove(); + $(document).find('#chartTertiary-dark').prev('div').remove(); + $(document).find('#chartTertiary-dark').remove(); + } + + function buildJSON_Base() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var elevationCode = {}; + var change = {}; + var spread = {}; + var blur = {}; + var opacity = {}; + change["value"] = elevationChange ; + change["type"] = 'other'; + spread["value"] = baseSpread; + spread["type"] = 'other'; + blur["value"] = baseBlur; + blur["type"] = 'other'; + opacity["value"] = baseOpacity;; + opacity["type"] = 'other'; + elevationCode["Change"] = change; + elevationCode["Spread"] = spread; + elevationCode["Blur"] = blur; + elevationCode["Opacity"] = opacity; + return(elevationCode) + } + } + + function buildJSON_Bevel() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var elevationCode = {}; + var change = {}; + var horizontal = {}; + var vertical = {}; + var spread = {}; + var blur = {}; + var opacity = {}; + var darkopacity = {}; + change["value"] = bevelchange; + change["type"] = 'other'; + horizontal["value"] = bevelhorizontal; + horizontal["type"] = 'other'; + vertical["value"] = bevelvertical; + vertical["type"] = 'other'; + spread["value"] = bevelSpread; + spread["type"] = 'other'; + blur["value"] = bevelBlur; + blur["type"] = 'other'; + opacity["value"] = bevellightOpacity; + opacity["type"] = 'other'; + darkopacity["value"] = beveldarkOpacity + darkopacity["type"] = 'other'; + elevationCode["Bevel-Change"] = change; + elevationCode["Bevel-Horizontal"] = horizontal; + elevationCode["Bevel-Vertical"] = vertical; + elevationCode["Bevel-Spread"] = spread; + elevationCode["Bevel-Blur"] = blur; + elevationCode["Bevel-Light-Opacity"] = opacity; + elevationCode["Bevel-Dark-Opacity"] = darkopacity; + return(elevationCode) + } + } + // inverse bevel // + function buildJSON_InBevel() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var elevationCode = {}; + var change = {}; + var horizontal = {}; + var vertical = {}; + var spread = {}; + var blur = {}; + var darkopacity = {}; + change["value"] = inbevelchange; + change["type"] = 'other'; + horizontal["value"] = inbevelhorizontal; + horizontal["type"] = 'other'; + vertical["value"] = inbevelvertical; + vertical["type"] = 'other'; + spread["value"] = inbevelSpread; + spread["type"] = 'other'; + blur["value"] = inbevelBlur; + blur["type"] = 'other'; + darkopacity["value"] = inbeveldarkOpacity; + darkopacity["type"] = 'other'; + elevationCode["InBevel-Change"] = change; + elevationCode["InBevel-Horizontal"] = horizontal; + elevationCode["InBevel-Vertical"] = vertical; + elevationCode["InBevel-Spread"] = spread; + elevationCode["InBevel-Blur"] = blur; + elevationCode["InBevel-Dark-Opacity"] = darkopacity; + return(elevationCode) + } + } + + + function buildJSON_HeaderChange() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var changeCode = {}; + var change = {}; + change["value"] = headerChange ; + change["type"] = 'other'; + changeCode["Header-Change"] = change; + return(changeCode) + } + } + + function buildJSON_TabletHeaderChange() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var changeCode = {}; + var change = {}; + change["value"] = '.25' ; + change["type"] = 'other'; + changeCode["Header-Change"] = change; + return(changeCode) + } + } + + function buildJSON_MobileHeaderChange() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var changeCode = {}; + var change = {}; + change["value"] = '.2' ; + change["type"] = 'other'; + changeCode["Header-Change"] = change; + return(changeCode) + } + } + + function buildJSON_FontFamily() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var familyCode = {}; + var primary = {}; + var secondary = {}; + var header = {}; + var body = {}; + + primary["value"] = primaryFont; + primary["type"] = 'fontFamilies'; + secondary["value"] = secondaryFont; + secondary["type"] = 'fontFamilies'; + + familyCode["primary"] = primary + familyCode["secondary"] = secondary + + return(familyCode) + } + } + + + + + function getSizing(sizing,grid) { + var minValue; + if (sizing != 44) { + var value = sizing/grid; + if (sizing == 1) { + value = '1px' + } else { + if (value == 4) { + value = 'Half' + } else if (value == 2) { + value = 'Half' + } + } + + minValue = '{Sizing.Size-'+value+ '}' + } else { + minValue = '{Sizing.min-target}' + } + return(minValue) + } + + function getSpacing(sizing,grid) { + var minValue; + var value = sizing/grid; + if (value == .5) { + value = 'Half' + } + minValue = '{Spacing.spacing-'+value+ '}' + return(minValue) + } + + + function getRadius(sizing,grid) { + var minValue; + var value = sizing/grid; + + if (value == .5) { + value = 'Half' + } else if (value == .25) { + value = 'Quarter' + } else { + value = value + } + minValue = '{Radius.Border-Radius-'+value+ '}' + return(minValue) + } + + function getBorder(sizing,grid) { + var minValue; + var value = sizing/grid; + + if (value == .5) { + value = '0' + } else { + value = value + } + minValue = '{Border.border-'+value+ '}' + return(minValue) + } + + function buildJSON_Sizing() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var sizingCode = {}; + var size1 = {} + var minheight = {}; + var systembuttonMinWidth = {}; + var buttonHeight = {}; + var smButtonHeight = {}; + var systemchipminWidth = {}; + var systemchipHeight = {}; + var systemsliderbarHeight = {}; + var systemsliderHandleHeight = {}; + var chipminWidth = {}; + var systeminlineImageHeight = {}; + var systemimageHeight = {}; + size1["value"] = grid; + size1["type"] = 'sizing'; + minheight["value"] = minTarget; + minheight["type"] = 'sizing'; + systembuttonMinWidth = buttonMinWidth; + systembuttonMinWidth["type"] = 'sizing'; + smButtonHeight["value"] = '{Sizing.Size-1} * ' + smallButtonHeight ; + smButtonHeight["type"] = 'sizing'; + systemchipHeight["value"] = '{Sizing.Size-1} * ' + chipHeight; + systemchipHeight["type"] = 'sizing'; + systemchipminWidth["value"] = '{Sizing.Size-1} * ' + chipMinWidth; + systemchipminWidth["type"] = 'sizing'; + systemsliderbarHeight["value"] = '{Sizing.Size-1} * ' + sliderbarHeight; + systemsliderbarHeight["type"] = 'sizing'; + systemsliderHandleHeight["value"] = '{Sizing.Size-1} * ' + sliderhandleHeight; + systemsliderHandleHeight["type"] = 'sizing'; + systeminlineImageHeight["value"] = '{Sizing.Size-1} * ' + inlineImageHeight; + systeminlineImageHeight["type"] = 'sizing'; + sizingCode["Size-1"] = size1; + sizingCode["min-target"] = minheight + sizingCode["Button-MinWidth"] = systembuttonMinWidth + sizingCode["Sm-Button-Height"] = smButtonHeight + sizingCode["Chip-Height"] = systemchipHeight + sizingCode["Chip-MinWidth"] = systemchipminWidth + sizingCode["SliderHandle-Height"] = systemsliderHandleHeight + sizingCode["Image-Height"] = systeminlineImageHeight + return(sizingCode) + + } + } + + function buildJSON_Spacing() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var spacingCode = {}; + var systemGrid = {}; + var systembuttonPadding = {}; + var systemsmButtonPadding = {}; + var systemchipPadding = {}; + var systemcardPadding = {}; + var systemcardGap = {}; + var systemheroGap = {}; + var systemheroPadding = {}; + var systemsectionPadding = {}; + var systemparagraphPadding = {}; + var systemprimaryTabPadding = {}; + var systemsecondaryTabPadding = {}; + var systemtableheaderPadding = {}; + var systemtablebodyPadding = {}; + var systemsecondaryNavVPadding = {}; + var systemprimaryNavVPadding = {}; + var systemtoastPadding = {}; + var systemtooltipPadding = {}; + var systemmodalPadding = {}; + systemGrid["value"] = grid; + systemGrid["type"] = 'spacing'; + systembuttonPadding["value"] = '{Spacing.spacing-1} * ' + buttonHPadding; + systembuttonPadding["type"] = 'spacing'; + systemsmButtonPadding["value"] = '{Spacing.spacing-1} * ' + smallbuttonHPadding; + systemsmButtonPadding["type"] = 'spacing'; + systemchipPadding["value"] = '{Spacing.spacing-1} * ' + chipHPadding; + systemchipPadding["type"] = 'spacing'; + systemcardPadding["value"] = '{Spacing.spacing-1} * ' + cardPadding; + systemcardPadding["type"] = 'spacing'; + systemcardGap["value"] = '{Spacing.spacing-1} * ' + cardGap ; + systemcardGap["type"] = 'spacing'; + systemheroGap["value"] = '{Spacing.spacing-1} * ' + heroGap; + systemheroGap["type"] = 'spacing'; + systemheroPadding["value"] = '{Spacing.spacing-1} * ' + heroPadding; + systemheroPadding["type"] = 'spacing'; + systemsectionPadding["value"] = '{Spacing.spacing-1} * ' + sectionPadding; + systemsectionPadding["type"] = 'spacing'; + systemtableheaderPadding["value"] = '{Spacing.spacing-1} * ' + tableheaderPadding; + systemtableheaderPadding["type"] = 'spacing'; + systemtablebodyPadding["value"] = '{Spacing.spacing-1} * ' + tablebodyPadding; + systemtablebodyPadding["type"] = 'spacing'; + systemsecondaryNavVPadding["value"] = '{Spacing.spacing-1} * ' + secondaryNavVPadding; + systemsecondaryNavVPadding["type"] = 'spacing'; + systemprimaryNavVPadding["value"] = '{Spacing.spacing-1} * ' + primaryNavVPadding; + systemprimaryNavVPadding["type"] = 'spacing'; + systemtoastPadding["value"] = '{Spacing.spacing-1} * ' + toastPadding; + systemtoastPadding["type"] = 'spacing'; + systemtooltipPadding["value"] = '{Spacing.spacing-1} * ' + tooltipPadding; + systemtooltipPadding["type"] = 'spacing'; + systemmodalPadding["value"] = '{Spacing.spacing-1} * ' + modalPadding; + systemmodalPadding["type"] = 'spacing'; + systemheroGap["value"] = '{Spacing.spacing-1} * ' + heroGap; + systemheroGap["type"] = 'spacing'; + spacingCode["Spacing-1"] = systemGrid + spacingCode["Button-Padding"] = systembuttonPadding + spacingCode["Sm-Button-Padding"] = systemsmButtonPadding + spacingCode["Chip-Padding"] = systemchipPadding + spacingCode["Card-Padding"] = systemcardPadding + spacingCode["Card-Gap"] = systemcardGap + spacingCode["Hero-Gap"] = systemheroGap + spacingCode["Hero-Padding"] = systemheroPadding + spacingCode["Section-Padding"] = systemsectionPadding + spacingCode["Paragraph-Padding"] = systemparagraphPadding + spacingCode["TableHeader-Padding"] = systemtableheaderPadding + spacingCode["TableBody-Padding"] = systemtablebodyPadding + spacingCode["SecondaryNav-Padding"] = systemsecondaryNavVPadding + spacingCode["PrimaryNav-Padding"] = systemprimaryNavVPadding + spacingCode["Toast-Padding"] = systemtoastPadding + spacingCode["Tooltip-Padding"] = systemtooltipPadding + spacingCode["Modal-Padding"] = systemmodalPadding + return(spacingCode) + } + } + + function buildJSON_Radius() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var radiusCode = {}; + var systemborderBase = {}; + var systembuttonRadius = {}; + var systemchipRadius = {}; + var systemcardRadius = {}; + var systemimageRadius = {}; + var systeminlineImage = {}; + var systeminlineSqImage = {}; + var systeminputRadius = {}; + var systemsliderhandleRadius = {}; + var systemmodalRadius = {}; + var systemtooltipRadius = {}; + var systemtoastRadius = {}; + systemborderBase["value"] = radius; + systemborderBase["type"] = 'borderRadius'; + systembuttonRadius["value"] = '{Radius.Border-Radius-1} * ' + buttonBorderRadius; + systembuttonRadius["type"] = 'borderRadius'; + systemchipRadius["value"] = '{Radius.Border-Radius-1} * ' + chipBorderRadius; + systemchipRadius["type"] = 'borderRadius'; + systemcardRadius["value"] = '{Radius.Border-Radius-1} * ' + cardRadius ; + systemcardRadius["type"] = 'borderRadius'; + systemimageRadius["value"] = '{Radius.Border-Radius-1} * ' + imageRadius; + systemimageRadius["type"] = 'borderRadius'; + systeminlineImage["value"] = '{Radius.Border-Radius-1} * ' + inlineImageRadius; + systeminlineImage["type"] = 'borderRadius'; + systeminputRadius["value"] = '{Radius.Border-Radius-1} * ' + radius; + systeminputRadius["type"] = 'borderRadius'; + systemsliderhandleRadius["value"] = '{Radius.Border-Radius-1} * ' + sliderhandleRadius; + systemsliderhandleRadius["type"] = 'borderRadius'; + systemmodalRadius["value"] = '{Radius.Border-Radius-1} * ' + modalRadius; + systemmodalRadius["type"] = 'borderRadius'; + systemtooltipRadius["value"] = '{Radius.Border-Radius-1} * ' + tooltipRadius ; + systemtooltipRadius["type"] = 'borderRadius'; + systemtoastRadius["value"] = '{Radius.Border-Radius-1} * ' + toastRadius ; + systemtoastRadius["type"] = 'borderRadius'; + radiusCode["Border-Radius-1"] = systemborderBase + radiusCode["Button-Radius"] = systembuttonRadius + radiusCode["Chip-Radius"] = systemchipRadius + radiusCode["Card-Radius"] = systemcardRadius + radiusCode["Image-Radius"] = systemimageRadius + radiusCode["Inline-Image-Radius"] = systeminlineImage + radiusCode["Input-Radius"] = systeminputRadius + radiusCode["SliderHandle-Radius"] = systemsliderhandleRadius + radiusCode["Modal-Radius"] = systemmodalRadius + radiusCode["Tooltop-Radius"] = systemtooltipRadius + radiusCode["Toast-Radius"] = systemtoastRadius + return(radiusCode) + } + } + + + function buildJSON_Border() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var borderCode = {}; + var systemborderBase = {}; + var systembuttonBorder = {}; + var systemavatarBorder = {}; + var systemsmAvatarBorder= {}; + var systemImageBorder= {}; + var systemCardBorder= {}; + systemborderBase["value"] = borderWidth; + systemborderBase["type"] = 'borderWidth'; + systembuttonBorder["value"] = '{Border.border-1} * ' + buttonBorder; + systembuttonBorder["type"] = 'borderWidth'; + systemavatarBorder["value"] = '{Border.border-1} * ' + avatarBorderLg; + systemavatarBorder["type"] = 'borderWidth'; + systemsmAvatarBorder["value"] = '{Border.border-1} * ' + avatarBorder ; + systemsmAvatarBorder["type"] = 'borderWidth'; + systemImageBorder["value"] = '{Border.border-1} * ' + imageBorder ; + systemImageBorder["type"] = 'borderWidth'; + systemCardBorder["value"] = '{Border.border-1} * ' + cardBorder ; + systemCardBorder["type"] = 'borderWidth'; + borderCode["border-1"] = systemborderBase + borderCode["Button-Border"] = systembuttonBorder + borderCode["Lg-Avatar-Border"] = systemavatarBorder + borderCode["Sm-Avatar-Border"] = systemsmAvatarBorder + borderCode["Image-Border"] = systemImageBorder + borderCode["Card-Border"] = systemCardBorder + return(borderCode) + } + } + + function buildJSON_Shadows() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var shadowCode = {}; + var buttonShadow = {}; + var chipShadow = {}; + var avatarShadow = {}; + var cardShadow = {}; + var imageShadow = {}; + var sliderhandleShadow = {}; + var sliderBarShadow = {}; + var modalShadow = {}; + var tooltipShadow = {}; + var toastShadow = {}; + var dropdownShadow = {}; + buttonShadow ["value"] ='{Elevation-Shadows.elevation-'+buttonElevation+ '},{Bevels.bevel-'+buttonBevel+'}' + buttonShadow ["type"] = 'boxShadow'; + chipShadow["value"] = '{Elevation-Shadows.elevation-'+chipElevation+ '}' + chipShadow["type"] = 'boxShadow'; + avatarShadow["value"] ='{Elevation-Shadows.elevation-'+avatarElevations+ '}' + avatarShadow["type"] = 'boxShadow'; + cardShadow["value"] ='{Elevation-Shadows.elevation-'+ cardElevation+ '},{Bevels.bevel-'+ cardBevel+'}' + cardShadow["type"] = 'boxShadow'; + imageShadow["value"] ='{Elevation-Shadows.elevation-'+ imageElevation+ '}' + imageShadow["type"] = 'boxShadow'; + sliderhandleShadow["value"] ='{Elevation-Shadows.elevation-'+sliderhandleElevation+ '},{Bevels.bevel-'+sliderhandleBevel+'}' + sliderhandleShadow["type"] = 'boxShadow'; + sliderBarShadow["value"] ='{Inverse-Bevels.inbevel-'+ sliderbarBevel+ '}' + sliderBarShadow["type"] = 'boxShadow'; + modalShadow["value"] ='{Elevation-Shadows.elevation-'+imageElevation+ '}' + modalShadow["type"] = 'boxShadow'; + tooltipShadow["value"] ='{Elevation-Shadows.elevation-'+tooltipElevation+ '},{Bevels.bevel-'+tooltipBevel+'}' + tooltipShadow["type"] = 'boxShadow'; + toastShadow["value"] ='{Elevation-Shadows.elevation-'+ toastElevations+ '},{Bevels.bevel-'+ toastBevel+'}' + toastShadow["type"] = 'boxShadow'; + dropdownShadow["value"] ='{Elevation-Shadows.elevation-'+ dropdownElevation+ '}' + dropdownShadow["type"] = 'boxShadow'; + shadowCode["Button-Shadow"] = buttonShadow + shadowCode["Chip-Shadow"] = chipShadow + shadowCode["Avatar-Shadow"] = avatarShadow + shadowCode["Card-Shadow"] = cardShadow + shadowCode["Image-Shadow"] = imageShadow + shadowCode["SliderHandle-Shadow"] = sliderhandleShadow + shadowCode["SliderBar-Shadow"] = sliderBarShadow + shadowCode["Modal-Shadow"] = modalShadow + shadowCode["Tooltip-Shadow"] = tooltipShadow + shadowCode["Toast-Shadow"] = toastShadow + shadowCode["Dropdown-Shadow"] = dropdownShadow + return(shadowCode) + } + } + + + + + function jasonify() { + $(".jason").each(function () { + var jsonStr = $(this).text(); + var jsonObj = JSON.parse(jsonStr); + var jsonPretty = JSON.stringify(jsonObj, null, '\t'); + + $(this).text(jsonPretty); + }); + } + + + function buildJSON_PrimaryColors(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeShade = {}; + var colorRange = {}; + var onColorRange = {}; + var primeColors = {}; + var halfColor = {}; + var onHalfColor = {}; + var quarterColor = {}; + var onQuarterColor = {}; + var colorName = primaryName.split('-')[0]; + $('#' + colorName + '-' +mode+ ' .color-block').each(function () { + var colorShade = {}; + var onColorShade = {}; + var shade = $(this).attr('id').split('-')[2]; + var primeColors = {}; + var color = {}; + var onColor = {}; + + if (shade == "0") { + shade = "050" + } + if (mode == 'light') { + colorShade["value"] = window['primary' + shade]; + onColorShade["value"] = window['onprimary' + shade]; + } else { + colorShade["value"] = window['dmprimary' + shade]; + onColorShade["value"] = window['dmonprimary' + shade]; + } + + colorShade["type"] = 'color'; + onColorShade["type"] = 'color'; + + colorRange[shade] = colorShade + onColorRange[shade] = onColorShade + + }); + // build half color // + halfColor["value"] = primaryHalf; + halfColor["type"] = 'color'; + onHalfColor["value"] = '{text.dark}'; + onHalfColor["type"] = 'color'; + colorRange['Half'] = halfColor + onColorRange['Half'] = onHalfColor + // build quarter color // + quarterColor["value"] = primaryQuarter ; + quarterColor["type"] = 'color'; + onQuarterColor["value"] = '{text.dark}'; + onQuarterColor["type"] = 'color'; + colorRange['Quarter'] = quarterColor; + onColorRange['Quarter'] = onQuarterColor; + + primeColors["Color"] = colorRange; + primeColors["On-Color"] = onColorRange; + themeShade["Primary"] = primeColors; + return{color: colorRange, oncolor: onColorRange} + } + } + + function buildJSON_SecondaryColors(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCode = {}; + var themeShade = {}; + var colorRange = {}; + var onColorRange = {}; + var primeColors = {}; + var colorName = secondaryName.split('-')[0]; + var i = 0 + while ( i < 1000) { + var colorShade = {}; + var onColorShade = {}; + var shade = i + if (shade == "0") { + shade = "050" + } + var primeColors = {}; + var color = {}; + var onColor = {}; + if (mode == 'light') { + colorShade["value"] = window['secondary' + i]; + onColorShade["value"] = window['onsecondary' + i]; + } else { + colorShade["value"] = window['dmsecondary' + i]; + onColorShade["value"] = window['dmonsecondary' + i]; + } + + colorShade["type"] = 'color'; + onColorShade["type"] = 'color'; + + colorRange[shade] = colorShade + onColorRange[shade] = onColorShade + primeColors["Color"] = colorRange; + primeColors["On-Color"] = onColorRange; + themeShade["Secondary"] = primeColors; + i = i + 100; + } + + + return{color: colorRange, oncolor: onColorRange} + } + } + + function buildJSON_TertiaryColors(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCode = {}; + var themeShade = {}; + var colorRange = {}; + var onColorRange = {}; + var primeColors = {}; + var colorName = tertiaryName.split('-')[0]; + var i = 0 + while ( i < 1000) { + var colorShade = {}; + var onColorShade = {}; + var shade = i + if (shade == "0") { + shade = "050" + } + var primeColors = {}; + var color = {}; + var onColor = {}; + + if (mode == 'light') { + colorShade["value"] = window['tertiary' + i]; + onColorShade["value"] = window['ontertiary' + i]; + } else { + colorShade["value"] = window['dmtertiary' + i]; + onColorShade["value"] = window['dmontertiary' + i]; + } + colorShade["type"] = 'color'; + onColorShade["type"] = 'color'; + colorRange[shade] = colorShade + onColorRange[shade] = onColorShade + primeColors["Color"] = colorRange; + primeColors["On-Color"] = onColorRange; + themeShade["Tertiary"] = primeColors; + + i = i + 100; + } + + return{color: colorRange, oncolor: onColorRange} + } + } + + + function buildJSON_ThemeColors(theme, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var themeCode = {}; + var colorsPrimary = {}; + var colorsSecondary = {}; + var colorsTertiary = {}; + var primary = buildJSON_PrimaryColors(theme, mode); + var secondary = buildJSON_SecondaryColors(theme, mode); + var tertiary = buildJSON_TertiaryColors(theme, mode); + colorsPrimary["Color"] = primary.color; + colorsPrimary["On-Color"] = primary.oncolor; + colorsSecondary["Color"] = secondary.color; + colorsSecondary["On-Color"] = secondary.oncolor; + colorsTertiary["Color"] = tertiary.color; + colorsTertiary["On-Color"] = tertiary.oncolor; + themeCode["Primary"] = colorsPrimary; + themeCode["Secondary"] = colorsSecondary; + themeCode["Tertiary"] = colorsTertiary; + return(themeCode) + } + } + + function buildJSON_Buttons(type, mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var buttonCode = {}; + var button = {}; + var onbutton = {}; + var buttonHalf = {}; + var buttonGroup = {}; + var colored = {}; + var background = backgroundPrimary; + var background = rgb2hex(background); + var color = buttonsName.split('-')[0]; + color = capitalizeFirstLetter(color) + var shade = buttonsName.split('-')[1]; + button["value"] = '{Theme-Colors.' + color +'.Color.' + shade + '}'; + button["type"] = 'color'; + onbutton["value"] = '{Theme-Colors.' + color +'.On-Color.' + shade +'}'; + onbutton["type"] = 'color'; + buttonHalf["value"] = '{Buttons.Colored.Color}80'; + buttonHalf["type"] = 'color'; + buttonGroup["value"] = groupButtonBG; + buttonGroup["type"] = 'color'; + // Build the colored button // + colored["Color"] = button; + if (type == 'button') { + colored["On-Color"] = onbutton; + colored["Color-Half"] = buttonHalf; + } + buttonCode["Colored"] = colored; + return(buttonCode) + } + } + + function buildJSON_Hotlinks(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var hotlinkCode = {}; + var colored = {}; + var hotlink = {}; + var vhotlink = {}; + var ahotlink = {}; + if (mode == 'light') { + var color = hotlinkName.split('-')[0]; + color = capitalizeFirstLetter(color) + var shade = hotlinkName.split('-')[1]; + } else { + var color = dmhotlinkName.split('-')[0]; + color = capitalizeFirstLetter(color) + var shade = dmhotlinkName.split('-')[1]; + } + hotlink["value"] = '{Theme-Colors.' + color +'.Color.' + shade + '}'; + hotlink["type"] = 'color'; + vhotlink["value"] = '{Hotlinks.Colored.Link}B3'; + vhotlink["type"] = 'color'; + ahotlink["value"] = '{Hotlinks.Colored.Link}'; + ahotlink["type"] = 'color'; + colored["Link"] = hotlink; + colored["Visited"] = vhotlink; + colored["Active"] = ahotlink; + hotlinkCode["Colored"] = colored; + return(hotlinkCode) + } + } + + function buildJSON_Chips(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var chipCode = {}; + var chip = {}; + var chipHalf = {}; + var onChip= {}; + if (mode == 'dark') { + chip["value"] = '{Core-Colors.White.Color-Half}'; + chip["type"] = 'color'; + chipHalf["value"] = '{Core-Colors.White.Color-Quarter}'; + chipHalf["type"] = 'color'; + onChip["value"] = '{Core-Colors.White.On-Color}'; + onChip["type"] = 'color'; + } else { + var background = backgroundPrimaryName + if (background == 'primary-900-bg' || background == 'nearblack-bg') { + chip["value"] = '{Core-Colors.White.Color-Half}'; + chip["type"] = 'color'; + chipHalf["value"] = '{Core-Colors.White.Color-Quarter}'; + chipHalf["type"] = 'color'; + onChip["value"] = '{Core-Colors.White.On-Color}'; + onChip["type"] = 'color'; + } else { + chip["value"] = '{Core-Colors.Black.Color-Half}'; + chip["type"] = 'color'; + chipHalf["value"] = '{Core-Colors.Black.Color-Quarter}'; + chipHalf["type"] = 'color'; + onChip["value"] = '{Core-Colors.Black.On-Color}'; + onChip["type"] = 'color'; + } + } + chipCode['Color'] = chip; + chipCode['Colorhalf'] = chipHalf; + chipCode['On-Color'] = onChip; + return(chipCode) + } + } + + function buildJSON_ChartColors(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var colorCode = {}; + var solidCode = {}; + var c101 = {}; + var c102 = {}; + var c103 = {}; + var c201 = {}; + var c202 = {}; + var c203 = {}; + var c301 = {}; + var c302 = {}; + var c303 = {}; + var colorC101 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C1-01').html(); + var colorC102 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C1-02').html(); + var colorC103 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C1-03').html(); + var colorC201 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C2-01').html(); + var colorC202 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C2-02').html(); + var colorC203 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C2-03').html(); + var colorC301 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C3-01').html(); + var colorC302 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C3-02').html(); + var colorC303 = $(document).find('#' + system + ' .' +system + '-'+mode+'-C3-03').html(); + c101["value"] = colorC101; + c101["type"] = 'color'; + c102["value"] = colorC102; + c102["type"] = 'color'; + c103["value"] = colorC103; + c103["type"] = 'color'; + c201["value"] = colorC201; + c201["type"] = 'color'; + c202["value"] = colorC202; + c202["type"] = 'color'; + c203["value"] = colorC203; + c203["type"] = 'color'; + c301["value"] = colorC301; + c301["type"] = 'color'; + c302["value"] = colorC302; + c302["type"] = 'color'; + c303["value"] = colorC303; + c303["type"] = 'color'; + solidCode["C1-01"] = c101; + solidCode["C1-02"] = c102; + solidCode["C1-03"] = c103; + solidCode["C2-01"] = c201; + solidCode["C2-02"] = c202; + solidCode["C2-03"] = c203; + solidCode["C3-01"] = c301; + solidCode["C3-02"] = c302; + solidCode["C3-03"] = c303; + colorCode['Solid'] = solidCode + return(colorCode) + } + } + + function buildJSON_Icons() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var iconCode = {}; + var icon = {}; + var onicon = {}; + var color = iconsName.split('-')[0]; + var shade = iconsName.split('-')[1]; + icon["value"] = '{Theme-Colors.' + color +'.Color.' + shade + '}'; + icon["type"] = 'color'; + onicon["value"] = '{Theme-Colors.' + color +'.On-Color.' + shade +'}'; + onicon["type"] = 'color'; + iconCode["Color"] = icon; + iconCode["On-Color"] = onicon; + return(iconCode) + } + } + + + function buildJSON_States(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var stateCode = {}; + var infoCode = {}; + var systeminfo = {}; + var systemoninfo = {}; + var successCode = {}; + var systemsuccess = {}; + var systemonsuccess = {}; + var warningCode = {}; + var systemwarning = {}; + var systemonwarning = {}; + var dangerCode = {}; + var systemdanger = {}; + var systemondanger = {}; + // info // + if (mode == 'dark') { + systeminfo["value"] = dminfo; + systemoninfo["value"] = dmoninfo; + } else { + systeminfo["value"] = info; + systemoninfo["value"] = oninfo; + } + systeminfo["type"] = 'color'; + systemoninfo["type"] = 'color'; + infoCode['Color'] = systeminfo; + infoCode['On-Color'] = systemoninfo; + // success // + if (mode == 'dark') { + systemsuccess["value"] = dmsuccess; + systemonsuccess["value"] = dmonsuccess; + } else { + systemsuccess["value"] = success; + systemonsuccess["value"] = onsuccess; + } + + systemsuccess["type"] = 'color'; + systemonsuccess["type"] = 'color'; + + successCode['Color'] = systemsuccess; + successCode['On-Color'] = systemonsuccess; + // warning // + if (mode == 'dark') { + systemwarning["value"] = dmwarning; + systemonwarning["value"] = dmonwarning; + } else { + systemwarning["value"] = warning; + systemonwarning["value"] = onwarning; + } + systemwarning["type"] = 'color'; + systemonwarning["type"] = 'color'; + warningCode['Color'] = systemwarning; + warningCode['On-Color'] = systemonwarning; + // danger // + danger = 'rgb(' + danger + ')'; + if (mode == 'dark') { + systemdanger["value"] = 'rgb(' + dmdanger + ')'; + systemondanger["value"] = dmondanger; + } else { + systemdanger["value"] = 'rgb(' + danger + ')'; + systemondanger["value"] = ondanger; + } + systemdanger["type"] = 'color'; + systemondanger["type"] = 'color'; + dangerCode['Color'] = systemdanger; + dangerCode['On-Color'] = systemondanger; + // build code // + stateCode["Info"] = infoCode; + stateCode["Success"] = successCode; + stateCode["Warning"] = warningCode; + stateCode["Error"] = dangerCode; + return(stateCode) + } + } + + function buildJSON_Backgrounds(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var bgCode = {}; + var primaryBG = {}; + var primary = {}; + var onprimary = {}; + var primaryButton = {}; + var primaryOnButton = {}; + var primaryIcon = {}; + var secondaryBG = {}; + var secondary = {}; + var onsecondary = {}; + var secondaryButton = {}; + var secondaryOnButton = {}; + var secondaryIcon = {}; + var tertiaryBG = {}; + var tertiary = {}; + var ontertiary = {}; + var tertiaryButton = {}; + var tertiaryOnButton = {}; + var tertiaryIcon = {}; + var tertiaryHotlink = {}; + var blackBG = {}; + var blackButton = {}; + var blackOnButton = {}; + var blackIcon = {}; + var blackHotlink = {}; + var whiteBG = {}; + var whiteButton = {}; + var whiteOnButton = {}; + var whiteIcon = {}; + var whiteHotlink = {}; + if (mode == 'light') { + if (backgroundPrimaryName == 'primary-half-bg' || backgroundPrimaryName == 'white-bg') { + if (backgroundPrimaryName == 'primary-half-bg') { + primary["value"] = '{Theme-Colors.Primary.Color.Half}'; + secondary["value"] = '{Theme-Colors.Primary.Color.Quarter}'; + } else { + primary["value"] = '{Core-Colors.White.Color}'; + secondary["value"] = '{Core-Colors.Gray.Color.050}'; + } + onprimary["value"] = '{Theme-Colors.Primary.On-Color.Half}'; + onsecondary["value"] = '{Theme-Colors.Primary.On-Color.Quarter}'; + // tertiary BG // + tertiary["value"] = '{Theme.Primary.Color}'; + ontertiary["value"] = '{Theme.Primary.On-Color}'; + + } else { + // else it is a dark color // + // if the color is the primaryDarkBG + if (backgroundPrimaryName == primaryDarkBG ) { + primary["value"] = primaryDarkBG ; + secondary["value"] = secondaryDarkBG; + // else it's near black // + } else { + primary["value"] = '{Core-Colors.Near-Black.Color}'; + secondary["value"] = '{Core-Colors.Black.Color}'; + } + onprimary["value"] = '{text.white}'; + onsecondary["value"] = '{text.white}'; + // tertiary BG // + tertiary["value"] = '{Theme-Colors.Primary.Color.700}'; + ontertiary["value"] = '{text.white}'; + if (buttonOnTertiary == buttons) { + tertiaryButton["value"] = '{Buttons.Colored.Color}'; + tertiaryOnButton["value"] = '{Buttons.Colored.On-Color}'; + } else { + if (buttonOnTertiary == black) { + tertiaryButton["value"] = '{Buttons.Dark.Color}'; + tertiaryOnButton["value"] = '{Buttons.Dark.On-Color}'; + } else { + tertiaryButton["value"] = '{Buttons.White.Color}'; + tertiaryOnButton["value"] = '{Buttons.White.On-Color}'; + } + } + if (iconOnTertiary == icons) { + tertiaryIcon["value"] = '{Icons.Colored.Color}'; + } else { + if (iconOnTertiary == black) { + tertiaryIcon["value"] = '{Icons.Dark.Color}'; + } else { + tertiaryIcon["value"] = '{Icons.White.Color}'; + } + } + if (hotlinkOnTertiary == hotlink) { + tertiaryHotlink["value"] = '{Hotlinks.Colored.Link}'; + } else { + if (iconOnTertiary == black) { + tertiaryHotlink["value"] = '{Hotlinks.Dark.Link}'; + } else { + tertiaryHotlink["value"] = '{Hotlinks.White.Link}'; + } + } + } + + } else { + // else it is a dark color // + // if the color is the primaryDarkBG + if (dmbackgroundPrimaryName == primaryDarkBG ) { + primary["value"] = primaryDarkBG ; + secondary["value"] = secondaryDarkBG; + // else it's near black // + } else { + primary["value"] = '{Core-Colors.Near-Black.Color}'; + secondary["value"] = '{Core-Colors.Black.Color}'; + } + onprimary["value"] = '{text.white}'; + onsecondary["value"] = '{text.white}'; + // tertiary BG // + tertiary["value"] = '{Theme-Colors.Primary.Color.700}'; + ontertiary["value"] = '{text.white}'; + if (dmbuttonOnTertiary == dmbuttons) { + tertiaryButton["value"] = '{Buttons.Colored.Color}'; + tertiaryOnButton["value"] = '{Buttons.Colored.On-Color}'; + } else { + if (dmbuttonOnTertiary == black) { + tertiaryButton["value"] = '{Buttons.Dark.Color}'; + tertiaryOnButton["value"] = '{Buttons.Dark.On-Color}'; + } else { + tertiaryButton["value"] = '{Buttons.White.Color}'; + tertiaryOnButton["value"] = '{Buttons.White.On-Color}'; + } + } + if (dmiconOnTertiary == dmicons) { + tertiaryIcon["value"] = '{Icons.Colored.Color}'; + } else { + if (dmiconOnTertiary == black) { + tertiaryIcon["value"] = '{Icons.Dark.Color}'; + } else { + tertiaryIcon["value"] = '{Icons.White.Color}'; + } + } + if (dmhotlinkOnTertiary == dmhotlink) { + dmtertiaryHotlink["value"] = '{Hotlinks.Colored.Link}'; + } else { + if (dmiconOnTertiary == black) { + tertiaryHotlink["value"] = '{Hotlinks.Dark.Link}'; + } else { + tertiaryHotlink["value"] = '{Hotlinks.White.Link}'; + } + } + } + // black BG // + if (buttonOnBlack == buttons) { + blackButton["value"] = '{Buttons.Colored.Color}'; + blackOnButton["value"] = '{Buttons.Colored.On-Color}'; + } else { + blackButton["value"] = '{Buttons.White.Color}'; + blackOnButton["value"] = '{Buttons.White.On-Color}'; + } + if (iconOnBlack == icons) { + blackIcon["value"] = '{Icons.Colored.Color}'; + } else { + blackIcon["value"] = '{Icons.White.Color}'; + } + if (hotlinkOnBlack == hotlink) { + blackHotlink["value"] = '{Hotlinks.Colored.Link}'; + } else { + blackHotlink["value"] = '{Hotlinks.White.Link}'; + } + blackButton["type"] = 'color'; + blackOnButton["type"] = 'color'; + blackIcon["type"] = 'color'; + blackHotlink["type"] = 'color'; + // white BG // + if (buttonOnWhite == buttons) { + whiteButton["value"] = '{Buttons.Colored.Color}'; + whiteOnButton["value"] = '{Buttons.Colored.On-Color}'; + } else { + whiteButton["value"] = '{Buttons.Dark.Color}'; + whiteOnButton["value"] = '{Buttons.Dark.On-Color}'; + } + if (iconOnWhite == icons) { + whiteIcon["value"] = '{Icons.Colored.Color}'; + } else { + whiteIcon["value"] = '{Icons.Dark.Color}'; + } + if (hotlinkOnBlack == hotlink) { + whiteHotlink["value"] = '{Hotlinks.Colored.Link}'; + } else { + whiteHotlink["value"] = '{Hotlinks.Dark.Link}'; + } + + whiteButton["type"] = 'color'; + whiteOnButton["type"] = 'color'; + whiteIcon["type"] = 'color'; + whiteHotlink["type"] = 'color'; + // add the json type tags // + primary["type"] = 'color'; + onprimary["type"] = 'color'; + secondary["type"] = 'color'; + onsecondary["type"] = 'color'; + tertiary["type"] = 'color'; + ontertiary["type"] = 'color'; + tertiaryButton["type"] = 'color'; + tertiaryOnButton["type"] = 'color'; + tertiaryIcon["type"] = 'color'; + tertiaryHotlink["type"] = 'color'; + // tertiary // + //NOTE WE DO NOT NEED TO PASS ALONG THE ON PRIMARY AND SECONDARY ON BUTTONS< ICONS AND HOTLINKS COLOR B/C IT ALWAYS IS DESIGNED TO WORK ON BOTH /// + primaryBG["Color"] = primary; + primaryBG["On-Color"] = onprimary; + secondaryBG["Color"] = secondary; + secondaryBG["On-Color"] = onsecondary; + tertiaryBG["Color"] = tertiary; + tertiaryBG["On-Color"] = ontertiary; + tertiaryBG["Button"] = tertiaryButton; + tertiaryBG["On-Button"] = tertiaryOnButton; + tertiaryBG["Icon"] = tertiaryIcon; + tertiaryBG["Hotlink"] = tertiaryHotlink; + blackBG["Button"] = blackButton; + blackBG["On-Button"] = blackOnButton; + blackBG["Icon"] = blackIcon; + blackBG["Hotlink"] = blackHotlink; + whiteBG["Button"] = whiteButton; + whiteBG["On-Button"] = whiteOnButton; + whiteBG["Icon"] = whiteIcon; + whiteBG["Hotlink"] = whiteHotlink; + bgCode["Primary"] = primaryBG; + bgCode["Secondary"] = secondaryBG; + bgCode["Tertiary"] = tertiaryBG; + bgCode["Black"] = blackBG; + bgCode["White"] = whiteBG; + return(bgCode) + } + } + + function buildJSON_White() { + if ($(document).find('#' + system + 'Default').length > 0 ) { + var coreCode = {}; + var coreWhiteCode = {}; + var coreGrayCode = {}; + var coreBlackCode = {}; + var whiteCode = {}; + var blackColor = {}; + var whiteColor = {}; + var grayCode = {}; + var grayColor = {}; + var grayOnColor = {}; + var grayCode0 = {}; + var grayCode100 = {}; + var grayCode200 = {}; + var grayCode300 = {}; + var grayCode400 = {}; + var grayCode500 = {}; + var grayCode600 = {}; + var grayCode700 = {}; + var grayCode800 = {}; + var grayCode900 = {}; + var ongrayCode0 = {}; + var ongrayCode100 = {}; + var ongrayCode200 = {}; + var ongrayCode300 = {}; + var ongrayCode400 = {}; + var ongrayCode500 = {}; + var ongrayCode600 = {}; + var ongrayCode700 = {}; + var ongrayCode800 = {}; + var ongrayCode900 = {}; + grayCode0["value"] = '#e9e9e9'; + grayCode0["type"] = 'color'; + grayCode100["value"] = '#cdcdcd'; + grayCode100["type"] = 'color'; + grayCode200["value"] = '#b9b9b9'; + grayCode200["type"] = 'color'; + grayCode300["value"] = '#a4a4a4'; + grayCode300["type"] = 'color'; + grayCode400["value"] = '#909090'; + grayCode400["type"] = 'color'; + grayCode500["value"] = '#545454'; + grayCode500["type"] = 'color'; + grayCode600["value"] = '#545454'; + grayCode600["type"] = 'color'; + grayCode700["value"] = '#515151'; + grayCode700["type"] = 'color'; + grayCode800["value"] = '#3c3c3c'; + grayCode800["type"] = 'color'; + grayCode900["value"] = '#292929'; + grayCode900["type"] = 'color'; + ongrayCode0["value"] = '{text.dark}'; + ongrayCode0["type"] = 'color'; + ongrayCode100["value"] ='{text.dark}'; + ongrayCode100["type"] = 'color'; + ongrayCode200["value"] = '{text.dark}'; + ongrayCode200["type"] = 'color'; + ongrayCode300["value"] = '{text.dark}'; + ongrayCode300["type"] = 'color'; + ongrayCode400["value"] = '{text.dark}'; + ongrayCode400["type"] = 'color'; + ongrayCode500["value"] = '{text.white}'; + ongrayCode500["type"] = 'color'; + ongrayCode600["value"] = '{text.white}'; + ongrayCode600["type"] = 'color'; + ongrayCode700["value"] = '{text.white}'; + ongrayCode700["type"] = 'color'; + ongrayCode800["value"] = '{text.white}'; + ongrayCode800["type"] = 'color'; + ongrayCode900["value"] = '{text.white}'; + ongrayCode900["type"] = 'color'; + grayColor['050'] = grayCode0; + grayColor['100'] = grayCode100; + grayColor['200'] = grayCode200; + grayColor['300'] = grayCode300; + grayColor['400'] = grayCode400; + grayColor['500'] = grayCode500; + grayColor['600'] = grayCode600; + grayColor['700'] = grayCode700; + grayColor['800'] = grayCode800; + grayColor['900'] = grayCode900; + grayOnColor['050'] = grayCode0; + grayOnColor['100'] = grayCode100; + grayOnColor['200'] = grayCode200; + grayOnColor['300'] = grayCode300; + grayOnColor['400'] = grayCode400; + grayOnColor['500'] = grayCode500; + grayOnColor['600'] = grayCode600; + grayOnColor['700'] = grayCode700; + grayOnColor['800'] = grayCode800; + grayOnColor['900'] = grayCode900; + + whiteColor["value"] = 'rgba(255,255,255,'+dmOpacity+')'; + whiteColor["type"] = 'color'; + coreWhiteCode["Color"] = whiteColor; + + blackColor["value"] = 'rgba(255,255,255,'+dmOpacity+')'; + blackColor["type"] = 'color'; + coreBlackCode["On-Color"] = blackColor; + + grayCode["Color"] = grayColor + grayCode["On-Color"] = grayOnColor + + coreCode["Gray"] = grayCode + coreCode["White"] = coreWhiteCode + coreCode["Black"] = coreBlackCode + return(coreCode) + } + } + + function buildJSON_WhiteText() { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var whiteCode = {}; + var whiteColor = {}; + whiteColor["value"] = 'rgba(255,255,255,'+dmOpacity+')'; + whiteColor["type"] = 'color'; + whiteCode["White"] = whiteColor + return(whiteCode) + } + } + + function buildJSON_Surface(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var surfaceCode = {}; + var surface = {}; + var onsurface = {}; + var background = backgroundPrimaryName; + if (background == 'primary-half-bg' || background == 'white-bg') { + surface["value"] = '{Core-Colors.White.Color}'; + surface["type"] = 'color'; + onsurface["value"] = '{Core-Colors.White.On-Color}'; + onsurface["type"] = 'color'; + } else if (background == 'nearblack-bg') { + surface["value"] = '{Core-Colors.Near-Black.Color}'; + surface["type"] = 'color'; + onsurface["value"] = '{text.white}'; + onsurface["type"] = 'color'; + } else if (background == primaryDarkBG) { + surface["value"] = primaryDarkBG; + surface["type"] = 'color'; + onsurface["value"] = '{text.white}'; + onsurface["type"] = 'color'; + } else { + surface["value"] = '{Core-Colors.Near-Black.Color}'; + surface["type"] = 'color'; + onsurface["value"] = '{text.white}'; + onsurface["type"] = 'color'; + } + surfaceCode["Color"] = surface; + surfaceCode["On-Color"] = onsurface; + return(surfaceCode) + } + } + + function buildJSON_BorderColors(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var borderCode = {}; + var defaultBorder = {}; + var bottomLine = {}; + if (mode == 'light') { + defaultBorder["value"] = borderDefault; + bottomLine["value"] = 'linear-gradient(0deg, '+borderDefault+' 1px, #00000000 1px )'; + } else { + defaultBorder["value"] = dmborderDefault; + bottomLine["value"] = 'linear-gradient(0deg, '+dmborderDefault+' 1px, #00000000 1px )'; + } + defaultBorder["type"] = 'color'; + bottomLine["type"] = 'color'; + + borderCode["Default"] = defaultBorder; + borderCode["Bottom Line"] = bottomLine; + return(borderCode) + } + } + + function buildJSON_InputBG(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var inputCode = {}; + var defaultInput = {}; + var disabledInput = {}; + if (mode == "light") { + defaultInput["value"] = inputDefault; + disabledInput["value"] = inputDisabled; + } else { + defaultInput["value"] = dminputDefault; + disabledInput["value"] = dminputDisabled; + } + + defaultInput["type"] = 'color'; + disabledInput["type"] = 'color'; + inputCode["Default"] = defaultInput; + inputCode["Disabled"] = disabledInput; + return(inputCode) + } + } + + function buildJSON_InputBorders(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var inputCode = {}; + var defaultInput = {}; + var focusInput = {}; + var hoverInput = {}; + var background = $(document).find('#' + system + 'Default .'+mode+'mode .default-background').css('backgroundColor') + var background = rgb2hex(background); + var inputBorder = $(document).find('input[type="radio"][name="inputBorder"]:checked').val(); + + if (inputBorder == 'button') + if (mode == 'dark') { + var defaultBorder = $.xcolor.opacity(background, '#ffffff', .18).getHex(); + var focusBorder = '{Buttons.Colored.Color}' + } else { + var defaultBorder = $.xcolor.opacity(background, '#000000', .18).getHex(); + var focusBorder = '{Buttons.Colored.Color}' + } + } else { + if (mode == 'dark') { + var defaultBorder = $.xcolor.opacity(background, '#ffffff', .18).getHex(); + var focusBorder = 'rgb(94, 158, 214)' + } else { + var defaultBorder = $.xcolor.opacity(background, '#000000', .18).getHex(); + var focusBorder = 'rgb(94, 158, 214)' + } + + defaultInput["value"] = defaultBorder; + defaultInput["type"] = 'color'; + focusInput["value"] = focusBorder; + focusInput["type"] = 'color'; + hoverInput["value"] = '{Input-Outlines.Focus}80' + hoverInput["type"] = 'color'; + inputCode["Default"] = defaultInput; + inputCode["Focus"] = focusInput; + inputCode["Hover"] = hoverInput; + return(inputCode) + } + } + + + function buildJSON_ElevationBGs(mode) { + if ( $(document).find('#' + system + 'Default').length > 0 ) { + var eCode = {}; + var elevationsCode = {}; + var elevation1Code = {}; + var elevation2Code = {}; + var elevation3Code = {}; + var elevation4Code = {}; + var elevation5Code = {}; + var elevation6Code = {}; + var elevation7Code = {}; + var elevation8Code = {}; + var elevation9Code = {}; + + if (mode == 'light') { + elevation1["value"] = '{Core-Colors.White.Color}' + elevation1["type"] = 'color'; + elevation2["value"] = '{Core-Colors.White.Color}' + elevation2["type"] = 'color'; + elevation3["value"] = '{Core-Colors.White.Color}' + elevation3["type"] = 'color'; + elevation4["value"] = '{Core-Colors.White.Color}' + elevation4["type"] = 'color'; + elevation5["value"] = '{Core-Colors.White.Color}' + elevation5["type"] = 'color'; + elevation6["value"] = '{Core-Colors.White.Color}' + elevation6["type"] = 'color'; + elevation7["value"] = '{Core-Colors.White.Color}' + elevation7["type"] = 'color'; + elevation8["value"] = '{Core-Colors.White.Color}' + elevation8["type"] = 'color'; + elevation9["value"] = '{Core-Colors.White.Color}' + elevation9["type"] = 'color'; + } else { + elevation1Code ["value"] = elevation1 + elevation1Code ["type"] = 'color'; + elevation2Code ["value"] = elevation2 + elevation2Code ["type"] = 'color'; + elevation3Code ["value"] = elevation3 + elevation3Code ["type"] = 'color'; + elevation4Code ["value"] = elevation4 + elevation4Code ["type"] = 'color'; + elevation5Code ["value"] = elevation5 + elevation5Code ["type"] = 'color'; + elevation6Code ["value"] = elevation6 + elevation6Code ["type"] = 'color'; + elevation7Code ["value"] = elevation7 + elevation7Code ["type"] = 'color'; + elevation8Code ["value"] = elevation8 + elevation8Code ["type"] = 'color'; + elevation9Code ["value"] = elevation9 + elevation9Code ["type"] = 'color'; + } + elevationsCode['Elevation-1'] = elevation1Code ; + elevationsCode['Elevation-2'] = elevation2Code ; + elevationsCode['Elevation-3'] = elevation3Code ; + elevationsCode['Elevation-4'] = elevation4Code ; + elevationsCode['Elevation-5'] = elevation5Code ; + elevationsCode['Elevation-6'] = elevation6Code ; + elevationsCode['Elevation-7'] = elevation7Code ; + elevationsCode['Elevation-8'] = elevation8Code ; + elevationsCode['Elevation-9'] = elevation9Code ; + + return(elevationsCode) + } + } + + + function buildJSON_Fonts() { + var name; + $(this) + .find(".sm-color") + .each(function () { + var font = {} + name = + font["value"] = bg; + font["type"] = "color"; + + themeRange[name] = font; + }); + + fontCode["fontFamilies"] = fontRange; + } + + + + function jasonify() { + $('.json').each(function() { + var jsonStr = $(this).text(); + var jsonObj = JSON.parse(jsonStr); + var jsonPretty = JSON.stringify(jsonObj, null, '\t'); + $(this).text(jsonPretty); + }); + } + +///// PHASE IV - PREVIEW AND PLAY ///// + +// preview js // +$('.preview-screen .navbarSecondary .tab').click(function() { + $(this).parent().find('.tab').removeClass('active'); + $(this).addClass('active'); + name = $(this).attr('name'); + $('.sub-page').removeClass('active'); + $('#' + name).addClass('active') +}); + +// change color mode of preview // +$('#mode .ghost').click(function() { + var position = $(this).position().left; + var width = $(this).outerWidth(); + $(this).parent().find('.ghost').removeClass('active'); + $(this).addClass('active'); + $(this).parent().find('.selector').html('') + $(this).parent().find('.selector').css('left', position) + $(this).parent().find('.selector').css('width', width) + var name = $(this).attr('name'); + if (name == 'dark') { + $('#selectedTheme').addClass('darkmode') + $('.preview-screen').addClass('darkmode') + $('#preview .left-nav').addClass('darkmode') + + } else { + $('#selectedTheme').removeClass('darkmode'); + $('#preview .left-nav').removeClass('darkmode') + $('.preview-screen').removeClass('darkmode') + } + setTheme(); + setPrimaryNav(); + setSecondaryNav(); + setHero(); + setInherit('hero') + setInherit('chip') + }); + +// change device view in preview // + $('#preview-screen .ghost').click(function() { + var position = $(this).position().left; + var width = $(this).outerWidth(); + $(this).parent().find('.ghost').removeClass('active'); + $(this).addClass('active'); + $(this).parent().find('.selector').html('') + $(this).parent().find('.selector').css('left', position) + $(this).parent().find('.selector').css('width', width) + var id = $(this).parent().attr('id') + var name = $(this).attr('name'); + $('.' + id).removeClass('active'); + $('#' + name).addClass('active') + }); + + +// set the Primary Nav in the preview // +function setPrimaryNav() { + var name = $('input[name="navStyle"]:checked').val(); + var themename = $(document).find('.default-theme.active').attr('id') + if (themename.indexOf("Default") >= 0) { + var theme = 'default'; + } else { + var theme = themename.split('-')[1]; + } + var id = themename.replace('Default','') + + if (name == 'white') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ theme +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--navbarPrimary', dmbackground); + document.querySelector(':root').style.setProperty('--on-navbarPrimary', 'rgba(255,255,255,'+dmOpacity+')'); + } else { + document.querySelector(':root').style.setProperty('--navbarPrimary', '#ffffff'); + document.querySelector(':root').style.setProperty('--on-navbarPrimary', '#1d1d1f'); + } + + } else if (name == 'black') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ theme +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--navbarPrimary', dmbackground); + document.querySelector(':root').style.setProperty('--on-navbarPrimary', 'rgba(255,255,255,'+dmOpacity+')'); + } else { + document.querySelector(':root').style.setProperty('--navbarPrimary', 'rgba(24,24,24)'); + document.querySelector(':root').style.setProperty('--on-navbarPrimary', '#ffffff'); + } + } else { + if ($('.preview-screen').hasClass('darkmode')) { + var background = $(document).find('#' + id + ' .darkmode .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + id+ ' .darkmode .'+ theme +'-primary').css('color'); + } else { + var background = $(document).find('#' + themename + '-theme .theme-basics .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + themename + '-theme .theme-basics .'+ theme +'-primary').css('color'); + } + document.querySelector(':root').style.setProperty('--navbarPrimary', background); + document.querySelector(':root').style.setProperty('--on-navbarPrimary', text); + $('input[name="secondaryNav"][value="white"]').prop( "checked", true ); + $('input[name="secondaryNav"]').attr("disabled", true); + if ($('input[name="heroColoring"][value="colored]').is(':checked')) { + $('input[name="secondaryNav"][value="white"]').prop( "checked", true ); + setSecondaryNav() + $('input[name="secondaryNav"]').attr("disabled", true); + } else { + $('input[name="secondaryNav"]').removeAttr("disabled"); + } + } + setInherit('navbarPrimary'); +} + +$('input[name="navStyle"]').click(function() { + setPrimaryNav() +}); + +// set the secondary nav in preview // +function setSecondaryNav() { + var name = $('input[name="secondaryNav"]:checked').val(); + var themename = $(document).find('.default-theme.active').attr('id') + if (themename.indexOf("Default") >= 0) { + var theme = 'default'; + } else { + var theme = themename.split('-')[1]; + } + var id = themename.replace('Default','') + + if (name == 'white') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ themename +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--navbarSecondary', dmbackground); + document.querySelector(':root').style.setProperty('--on-navbarSecondary', 'rgba(255,255,255,'+dmOpacity+')'); + } else { + document.querySelector(':root').style.setProperty('--navbarSecondary', '#ffffff'); + document.querySelector(':root').style.setProperty('--on-navbarSecondary', '#1d1d1f'); + } + } else if (name == 'black') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ themename +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--navbarSecondary', dmbackground); + document.querySelector(':root').style.setProperty('--on-navbarSecondary', 'rgba(255,255,255,'+dmOpacity+')'); + } else { + document.querySelector(':root').style.setProperty('--navbarSecondary', 'rgba(24,24,24)'); + document.querySelector(':root').style.setProperty('--on-navbarSecondary', '#FFFFFF'); + } + } else { + if ($('.preview-screen').hasClass('darkmode')) { + var background = $(document).find('#' + id + ' .darkmode .'+ themename +'-primary').css('backgroundColor'); + var text = $(document).find('#' + id + ' .darkmode .'+ themename +'-primary').css('color'); + } else { + var background = $(document).find('#' + themename + '-theme .theme-basics .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + themename + '-theme .theme-basics .'+ theme +'-primary').css('color'); + } + document.querySelector(':root').style.setProperty('--navbarSecondary', background); + document.querySelector(':root').style.setProperty('--on-navbarSecondary', text); + + } + setInherit('navbarSecondary'); +} + +$('input[name="secondaryNav"]').click(function() { + setSecondaryNav() +}); + +// set the hero area in preview // +function setHero() { + var name = $('input[name="heroColoring"]:checked').val(); + var themename = $(document).find('.default-theme.active').attr('id') + if (themename.indexOf("Default") >= 0) { + var theme = 'default'; + } else { + var theme = themename.split('-')[1]; + } + var id = themename.replace('-theme','') + if (name == 'white') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ theme +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--hero', dmbackground); + document.querySelector(':root').style.setProperty('--on-hero', 'rgba(255,255,255,'+dmOpacity+')'); + $('backgroundMesh').removeClass('white').addClass('dark'); + } else { + document.querySelector(':root').style.setProperty('--hero', '#ffffff'); + document.querySelector(':root').style.setProperty('--on-hero', '#1d1d1f'); + $('backgroundMesh').removeClass('white').addClass('white'); + } + } else if (name == 'black') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ theme +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--hero', dmbackground); + document.querySelector(':root').style.setProperty('--on-hero', 'rgba(255,255,255,'+dmOpacity+')'); + $('backgroundMesh').removeClass('white').addClass('dark'); + } else { + document.querySelector(':root').style.setProperty('--hero', 'rgba(24,24,24)'); + document.querySelector(':root').style.setProperty('--on-hero', '#ffffff'); + $('backgroundMesh').removeClass('white').addClass('white'); + } + } + else if (name == 'colored') { + $('.hero-line').removeClass('active') + if ($('.preview-screen').hasClass('darkmode')) { + var background = $(document).find('#' + id + ' .darkmode .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + id + ' .darkmode .'+ theme +'-primary').css('color'); + } else { + var background = $(document).find('#' + id + '-theme .theme-basics .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + id + '-theme .theme-basics .'+ theme +'-primary').css('color'); + } + document.querySelector(':root').style.setProperty('--hero', background); + document.querySelector(':root').style.setProperty('--on-hero', text); + if ($('input[name="navStyle"][value="colored"]').is(':checked')) { + $('input[name="secondaryNav"][value="white"]').prop( "checked", true ); + setSecondaryNav() + $('input[name="secondaryNav"]').attr("disabled", true); + } else { + $('input[name="secondaryNav"]').removeAttr("disabled"); + } + + } else { + $('.hero-line').removeClass('active') + if ($('.preview-screen').hasClass('darkmode')) { + var background = $(document).find('#' + themename + ' .darkmode .'+ theme +'-gradient-1').css('background'); + var text = $(document).find('#' + themename + ' .darkmode .'+ theme +'-gradient-1').css('color'); + } else { + var background = $(document).find('#' + themename + ' .lightmode .'+ theme +'-gradient-1').css('background'); + var text = $(document).find('#' + themename + ' .lightmode .'+ theme +'-gradient-1').css('color'); + } + + document.querySelector(':root').style.setProperty('--hero', background); + document.querySelector(':root').style.setProperty('--on-hero', text); + if ($('input[name="navStyle"][value="colored"]').is(':checked')) { + $('input[name="secondaryNav"][value="white"]').prop( "checked", true ); + setSecondaryNav() + $('input[name="secondaryNav"]').attr("disabled", true); + } else { + $('input[name="secondaryNav"]').removeAttr("disabled"); + } + } + + $('input[name="heroElements"][value="button"]').prop( "checked", false ); + $('input[name="heroElements"][value="button"]').attr("disabled", true); + setInherit('hero'); +} + +$('input[name="heroColoring"]').click(function() { + setHero() +}); + +// set the hero alignement - left or center // +function heroAlignment() { + var name = $('input[name="heroAlignment"]:checked').val(); + if (name == 'left') { + $('.hero-body').removeClass('text-center'); + $('.hero-body').parents('.row').removeClass('justify-content-center'); + $('.hero-icon').css('margin', 0) + $('.hero-line').css('margin', 0) + $('.button-area').css('justify-content', 'flex-start'); + document.querySelector(':root').style.setProperty('--hero-title-flex-direction', 'row'); + document.querySelector(':root').style.setProperty('--hero-justify-content', 'flex-start'); + document.querySelector(':root').style.setProperty('--hero-title-gap', '16px'); + } else { + $('.hero-body').addClass('text-center'); + $('.hero-body').parents('.row').addClass('justify-content-center'); + document.querySelector(':root').style.setProperty('--hero-title-flex-direction', 'column'); + document.querySelector(':root').style.setProperty('--hero-justify-content', 'justify-content-center'); + document.querySelector(':root').style.setProperty('--hero-title-gap', 0); + $('.hero-icon').css('margin', 'auto') + $('.hero-line').css('margin', 'auto'); + $('.button-area').css('justify-content', 'center'); + } +} + +$('input[name="heroAlignment"]').click(function() { + heroAlignment() +}); + +// set the hero style // +function heroStyle() { + var name = $('input[name="heroStyle"]:checked').val(); + if (name == 'default') { + $('.backgroundImage').removeClass('active'); + $('.backgroundOverlay').removeClass('active'); + $('.backgroundMesh').removeClass('active'); + $('.hero-video').removeClass('active'); + $('.hero-image').removeClass('active'); + $('input[name="heroAlignment"]').removeAttr("disabled"); + } else if (name == 'backgroundImage') { + $('.backgroundImage').addClass('active'); + $('.backgroundOverlay').addClass('active'); + $('.backgroundMesh').addClass('active'); + $('.hero-video').removeClass('active'); + $('.hero-image').removeClass('active'); + $('input[name="heroAlignment"]').removeAttr("disabled"); + } else if (name == 'video') { + $('.backgroundImage').removeClass('active'); + $('.backgroundOverlay').removeClass('active'); + $('.backgroundMesh').removeClass('active'); + $('.hero-video').addClass('active'); + $('.hero-image').removeClass('active'); + $('input[name="heroAlignment"][value="left"]').prop( "checked", true ); + $('input[name="heroAlignment"]').attr("disabled", true); + } else { + $('.backgroundImage').removeClass('active'); + $('.backgroundOverlay').removeClass('active'); + $('.backgroundMesh').removeClass('active'); + $('.hero-image').addClass('active'); + $('.hero-video').removeClass('active'); + $('input[name="heroAlignment"][value="left"]').prop( "checked", true ); + $('input[name="heroAlignment"]').attr("disabled", true); + } +} + +$('input[name="heroStyle"]').click(function() { + heroStyle() +}); +// set the hero elements based on user input // +function heroElements() { + $('input[name="heroElements"]').each(function() { + var name = $(this).val() + if ($(this).prop('checked') == true) { + $('.hero-' + name).addClass('active'); + } else { + $('.hero-' + name).removeClass('active'); + } + + if ($('input[name="heroElements"][value="event"]').is(':checked')) { + $('input[name="heroAlignment"][value="left"]').prop( "checked", true ); + $('input[name="heroAlignment"]').attr("disabled", true); + $('input[name="heroElements"][value="button"]').prop( "checked", false ); + $('input[name="heroElements"][value="button"]').attr("disabled", true); + $('input[name="heroElements"][value="button-secondary"]').prop( "checked", false ); + $('input[name="heroElements"][value="button-secondary"]').attr("disabled", true); + $('.hero-button').removeClass('active') + $('.hero-button-secondary').removeClass('active') + + } else { + $('input[name="heroAlignment"]').removeAttr("disabled"); + $('input[name="heroElements"][value="button"]').removeAttr("disabled"); + $('input[name="heroElements"][value="button-secondary"]').removeAttr("disabled"); + } + + if ($('input[name="heroElements"][value="icon"]').is(':checked')) { + $('.hero-line').removeClass('active') + } else { + if ($('input[name="heroColoring"][value="white"]:checked')) { + $('.hero-line').addClass('active') + } else { + $('.hero-line').removeClass('active') + } + } + + }); +} + +$('input[name="heroElements"]').click(function() { + heroElements() +}); + + +function setMobile(component) { + var name = $('input[name="'+component+'"]:checked').val(); + var themename = $(document).find('.default-theme.active').attr('id') + if (themename.indexOf("Default") >= 0) { + var theme = 'default'; + } else { + var theme = themename.split('-')[1]; + } + var id = themename.replace('-theme','') + if (name == 'white') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ theme +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--dm-'+component, dmbackground); + document.querySelector(':root').style.setProperty('--dm-on-'+component, 'rgba(255,255,255,'+dmOpacity+')'); + } else { + document.querySelector(':root').style.setProperty('--'+component, '#ffffff'); + document.querySelector(':root').style.setProperty('--on-'+component, '#1d1d1f'); + } + } else if (name == 'black') { + if ($('.preview-screen').hasClass('darkmode')) { + var dmbackground = $(document).find('#' + id + ' .darkmode .'+ theme +'-background').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--dm-'+component, dmbackground); + document.querySelector(':root').style.setProperty('--dm-on-'+component, 'rgba(255,255,255,'+dmOpacity+')'); + } else { + document.querySelector(':root').style.setProperty('--'+component, 'rgba(24,24,24)'); + document.querySelector(':root').style.setProperty('--on-'+component, '#ffffff'); + } + } else { + + if ($('.preview-screen').hasClass('darkmode')) { + var background = $(document).find('#' + id + ' .darkmode .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + id + ' .darkmode .'+ theme +'-primary').css('color'); + document.querySelector(':root').style.setProperty('--dm-'+component, background); + document.querySelector(':root').style.setProperty('--dm-on-'+component, text); + } else { + var background = $(document).find('#' + id + '-theme .theme-basics .'+ theme +'-primary').css('backgroundColor'); + var text = $(document).find('#' + id + '-theme .theme-basics .'+ theme +'-primary').css('color'); + document.querySelector(':root').style.setProperty('--'+component, background); + document.querySelector(':root').style.setProperty('--on-'+component, text); + } + + } + setInherit(component); +} + +$('input[name="mobile-topNav"]').click(function() { + setMobile('mobile-topNav') +}); + +$('input[name="mobile-tabs"]').click(function() { + setMobile('mobile-tabs') +}); + +$('input[name="mobile-bottomNav"]').click(function() { + setMobile('mobile-bottomNav') +}); + + +$('input[name="showTopNav"]').click(function() { + if ($('input[name="showTopNav"]').is(':checked')) { + $('.mobile-body').addClass('withNav'); + $('.mobile-topNav').addClass('active'); + if ($('input[name="showTopTabs"]').is(':checked')) { + $('.mobile-tabs').addClass('active'); + } else { + $('.mobile-tabs').removeClass('active'); + } + var topBG = $('.mobile-topNav').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--mobile-bar', topBG); + $('input[name="showTopTabs"]').prop('disabled', false); + $('input[name="mobile-tabs"]').prop('disabled', false); + $('input[name="mobile-topNav"]').prop('disabled', false); + + } else { + $('.mobile-body').removeClass('withNav') + $('.mobile-topNav').removeClass('active'); + $('.mobile-tabs').removeClass('active'); + $('.mobile-bar').attr('background','transparent'); + document.querySelector(':root').style.setProperty('--mobile-bar', 'transparent'); + $('input[name="showTopTabs"]').prop('disabled', true); + $('input[name="mobile-tabs"]').prop('disabled', true); + $('input[name="mobile-topNav"]').prop('disabled', true); + } +}); + +$('input[name="showTopTabs"]').click(function() { + if ($('input[name="showTopTabs"]').is(':checked')) { + $('.mobile-tabs').addClass('active'); + $('.mobile-body').addClass('withTabs') + $('input[name="mobile-tabs"]').prop('disabled', false); + } else { + $('.mobile-tabs').removeClass('active'); + $('.mobile-body').removeClass('withTabs') + $('input[name="mobile-tabs"]').prop('disabled', true); + } +}); + +$('input[name="showBottompNav"]').click(function() { + if ($('input[name="showBottompNav"]').is(':checked')) { + $('.mobile-bottomNav').addClass('active'); + $('input[name="mobile-bottomNav"]').prop('disabled', false); + } else { + $('.mobile-bottomNav').removeClass('active'); + $('input[name="mobile-bottomNav"]').prop('disabled', true); + } +}); + + + + + function updateInherit(element,text) { + if (text == 'none') { + $('#' + element).find('.inherit').removeClass('dark').removeClass('white'); + $('#' + element + '.inherit').removeClass('dark').removeClass('white'); + } else if (text == 'color') { + $('#' + element).find('.inherit').removeClass('dark').removeClass('white').addClass('colored'); + $('#' + element + '.inherit').removeClass('dark').removeClass('white').addClass('colored'); + } else if (text == 'rgb(255,255,255)' || text == 'rgb(255,255,255,'+dmOpacity+')') { + $('#' + element).find('.inherit').removeClass('dark').removeClass('colored').addClass('white'); + $('#' + element + '.inherit').removeClass('dark').removeClass('colored').addClass('white'); + } else { + $('#' + element).find('.inherit').removeClass('white').removeClass('colored').addClass('dark'); + $('#' + element + '.inherit').removeClass('white').removeClass('colored').addClass('dark'); + } + + } + + +function setInherit(element) { + var bg = $('.' + element).css('backgroundColor').replace(/\s/g, ''); + if (element == 'gradient-1' || element == 'gradient-2') { + var text = $('.preview-screen').find('.' + element).css('color'); + if (text != "undefined") { + var text = $('.preview-screen').find('.' + element).css('color').replace(/\s/g, ''); + } + } else if (element == 'backgroundMesh') { + var text = $('.primary').css('color').replace(/\s/g, ''); + } else { + var text = $('.' + element).css('color').replace(/\s/g, ''); + } + if (text == 'rgb(255,255,255)' || text == 'rgba(255,255,255,'+dmOpacity+')') { + $('.' + element).find('.inherit').removeClass('dark').removeClass('colored').addClass('white'); + $('.' + element + '.inherit').removeClass('dark').removeClass('colored').addClass('white'); + } else { + $('.' + element).find('.inherit').removeClass('white').removeClass('colored').addClass('dark'); + $('.' + element + '.inherit').removeClass('white').removeClass('colored').addClass('dark'); + } + if (bg == 'rgb(255,255,255)' || bg == 'rgb(250,250,250)' || bg == 'rgb(35,35,61)' && element != 'navbarPrimary') { + $('.' + element).find('.icon.inherit').removeClass('white').removeClass('dark').addClass('colored'); + } + var topBG = $('.mobile-topNav').css('backgroundColor'); + document.querySelector(':root').style.setProperty('--mobile-bar', topBG); +} + +// GENERAL APP NAVIGATION // + + // Click on the DTA Icon // + $('.navbar-brand').click(function() { + $('.fullpage').removeClass('active'); + $('#welcome-interface').addClass('active'); + $('#welcome-interface .main').addClass('active'); + //$('#welcome-interface .main .').addClass('active'); + }); + +// Navigagtion // + $('.colorClass').click(function() { + $('.colorClass').removeClass('active') + var page = $(this).attr('name'); + $('.color-page').removeClass('active'); + $('#' + page + '-color').addClass('active') + $(this).addClass('active') + }); + + /// top navigaiton /// + $('#topNav .nav-item').click(function() { + if ($(this).hasClass('active') || $(this).hasClass('disabled')) { + } else { + $('#topNav .nav-item').removeClass('active') + $(this).addClass('active'); + + var name = $(this).attr('name'); + $('.main').removeClass('active') + $('#' + name).addClass('active') + if (name == 'code') { + buildCode(); + } else if (name == "assign") { + if (!$(this).attr('name') == 'shownIntro') { + $('#assignIntro').modal('show'); + $('#assignIntro').attr('name','shownIntro') + } else { + if (!$('#assign .content.active').length) { + $('#AssignAvatars').addClass('active') + } + } + } else if (name == "organisms") { + if (!$(this).attr('name') == 'shownIntro') { + $('#assignOrganisms').modal('show'); + $('#assignOrganisms').attr('name','shownIntro') + } else { + if (!$('#organisms .content.active').length) { + $('#AssignHero').addClass('active') + } + } + } + } + }); + + $(document).on('click', '#themeNav .nav-item .nav-link', function() { + $('#themeNav .nav-item').removeClass('active') + $(this).parent().addClass('active'); + var name = $(this).attr('name'); + $(document).find('.theme-code').removeClass('active') + $(document).find('#css-' + name).addClass('active') + $(document).find('#json-' + name).addClass('active') + }); + + // side navigation + $(document).on('click', '.section-title:not(disabled)', function() { + if ($(this).parent().hasClass('active')) { + $(this).parent().removeClass('active') + } else { + $(this).parent().addClass('active'); + + var name = $(this).parent().find('.sub-section').attr('name'); + + $('.main.active .content').removeClass('active') + $('.sub-section').removeClass('active') + $(document).find('#' + name).addClass('active') + if (name == 'buildThemes' && $(this).hasClass('default')) { + clearTheme(); + var system = $(document).find('.system.active').attr('id'); + if ($(document).find('#' + system + 'Default').length > 0) { + $('.main.active .content').removeClass('active') + $(document).find('#' + system + 'Default').addClass('active'); + } else { + $('#buildThemes h5').html('Create Default Theme'); + $('#buildThemes').find('.theme-name').hide(); + } + } else { + $('#buildThemes h5').html('Create Additional Themes'); + $('#buildThemes').find('.theme-name').show(); + } + } + }); + + + $(document).on('click', '.sub-section', function() { + if ($(this).hasClass('active')) { + + } else { + $('.sub-section').removeClass('active') + $(this).addClass('active'); + + var name = $(this).attr('name'); + $('.main.active .content').removeClass('active') + $('#' + name).addClass('active') + + if (name == 'buildThemes' && $(this).hasClass('default')) { + var system = $(document).find('.system.active').attr('id'); + if ($(document).find('#' + system + 'Default').length > 0) { + $('.main.active .content').removeClass('active') + $(document).find('#' + system + 'Default').addClass('active'); + } else { + $('#buildThemes h5').html('Create Default Theme'); + $('#buildThemes').find('.theme-name').hide(); + } + } else { + $('#buildThemes h5').html('Create Additional Themes'); + $('#buildThemes').find('.theme-name').show(); + } + + } + $('#buildThemes').scrollTop(0); + + }); + + // show or hide color details /// + $('.details').click(function() { + if ($(this).hasClass('active')) { + $(this).removeClass('active') + $('.swatch-details').removeClass('active') + $(this).find('.toggle-label').html('Off'); + $('.sm-color').css('width', '48px'); + $('.color-group .color').css('width', '48px'); + } else { + + $(this).addClass('active'); + $('.swatch-details').addClass('active') + $(this).find('.toggle-label').html('On') + $('.sm-color').css('width', '96px'); + $('.color-group .color').css('width', '96px'); + } + }); + + // render molecule - organism color varients /// + $('.displayColor').click(function() { + $(this).parent().find('.displayColor').removeClass('active') + $(this).addClass('active') + var className = $(this).attr('name').split(',')[0]; + var id = $(this).attr('name').split(',')[1]; + $('.' + className).removeClass('active') + $('#' + id).addClass('active') + }); + + // swicth // + $('.switch').click(function() { + if ($(this).hasClass('active')) { + $(this).removeClass('active'); + } else { + $(this).addClass('active'); + } + }); + + + // Click on the DTA Icon // + $('.accordian').click(function() { + if ($(this).hasClass('active')) { + $(this).removeClass('active'); + } else { + $(this).addClass('active'); + } + }); + + // render molecule - organism color varients /// + $('.colorView').click(function() { + // get the value// + var value = $(this).val() + // get the name of the div id you want to target and change // + var className = $(this).attr('name'); + // get the background color of the class /// + // var background = $('#' + className).css('backgroundColor').replace(/\s/g, ''); + // get the on color of the class // + // var text = $('.' + value).css('color').replace(/\s/g, ''); + // find all the divs tagged with color-view and update their backgtound color // + // run update Inherit to find all subclasses that need to update their backgrounds to reflect the requied on color// + $('#' + className).find('.color-view').removeClass('transparent none primary primary-bg black black-bg dark white white-bg colored').addClass(value); + /// add que so color updates then updateInherit is run //// + }); + + // render clickable or non clickable variants // + $('.linkView').click(function() { + // get the value// + var value = $(this).val() + // get the name of the div id you want to target and change // + var name = $(this).attr('name'); + $('.' + name).addClass('hidden'); + $('#' + name + '-' + value).removeClass('hidden') + + }); + + // select design system // + $(document).on('click', '#current-system .dropdown-item:not(#create-new)', function() { + var name = $(this).attr('name'); + var current = $('#current-system button').text(); + $('#current-system button').text(name); + + if (name == current) { + + } else { + var name = $(this).attr('name'); + openSystem(name); + } + }); + + + function setThemeShades(theme, name) { + var i = 0 + while (i < 1000) { + var themeColor = $(document).find('#' + name + '-light-' + i + ' .Hex').css('backgroundColor'); + var onthemeColor = $(document).find('#' + name + '-light-' + i + ' .Hex').css('color'); + var dmthemeColor = $(document).find('#' + name + '-dark-' + i + ' .Hex').css('backgroundColor'); + var dmonthemeColor = $(document).find('#' + name + '-dark-' + i + ' .Hex').css('color'); + window[theme + i] = themeColor + window['on' + theme + i] = onthemeColor + window['dm' + theme + i] = dmthemeColor + window['dmon' + theme+ i] = dmonthemeColor + document.querySelector(':root').style.setProperty('--' + theme + '-' + i ,themeColor); + document.querySelector(':root').style.setProperty('--on-' + theme + '-' + i ,onthemeColor); + document.querySelector(':root').style.setProperty('--dm-' + theme + '-' + i , dmthemeColor); + document.querySelector(':root').style.setProperty('--dm-on-' + theme , dmonthemeColor); + i = i + 100 + } + } + + + + function themePrimary(name, hex, onColor){ + primaryName = name + var primary0Name = name.split('-')[0]; + setThemeShades('primary', primary0Name ) + showThemeOptions(name) + var bgScale = chroma.scale(['#FFFFFF',rgb2hex(window.primary0)]).correctLightness(true).colors(5); + primaryHalf = bgScale[1] + primaryQuarter = bgScale[2] + primary = hex; + onPrimary = onColor + document.querySelector(':root').style.setProperty('--primary' , primary); + document.querySelector(':root').style.setProperty('--on-primary' , onPrimary); + document.querySelector(':root').style.setProperty('--primary-half' , primaryHalf); + document.querySelector(':root').style.setProperty('--primary-quarter' , primaryQuarter); + var bgScale = chroma.scale([rgb2hex(window.primary900),'#000000']).correctLightness(true).colors(5); + primaryDarkBG = bgScale[2] + secondaryDarkBG = bgScale[3] + dmbackgroundTertiary = window.primary700 + document.querySelector(':root').style.setProperty('--primaryDarkBG' , primaryDarkBG); + document.querySelector(':root').style.setProperty('--secondaryDarkBG' , secondaryDarkBG); + var i = 0 + updateNames(primary0Name, 'primary') + buttonHexColors(); + } + + + function showThemeOptions(name){ + var theme0Name = name.split('-')[0]; + // make the secondary colors available as a gradient color // + $('#gradient1-a-' +theme0Name ).removeClass('hidden') + $('#gradient1-b-' +theme0Name).removeClass('hidden') + $('#gradient2-a-' +theme0Name).removeClass('hidden') + $('#gradient2-b-' +theme0Name).removeClass('hidden') + $('#themeGradientText-a-' +theme0Name).removeClass('hidden') + $('#themeGradientText-b-' +theme0Name).removeClass('hidden') + // make the secondary colors available as a button colors // + $('#themeButtons-' +theme0Name).removeClass('hidden') + // make the secondary colors available as a button colors // + $('#themeIcons-' +theme0Name).removeClass('hidden') + // make the secondary colors available as an accent color // + $('#themeAccent-' +theme0Name).removeClass('hidden') + } + + + function themeBackground(name, hex, onColor) { + $('#themeBackground').find('button .Hex').attr('class','Hex') + if (hex.replace(/\s/g, '') == 'rgb(255,255,255)') { + $('#themeBackground').find('button .Hex').eq(0).removeClass('primary-half-bg'); + $('#themeBackground').find('button .Hex').eq(0).css('background', '#ffffff') + $('#themeBackground').find('button .Hex').eq(1).addClass('gray-050-bg'); + $('.for-black-bg').removeClass('active'); + $('.for-color-bg').removeClass('active'); + $('.for-white-bg').addClass('active'); + backgroundSecondary = primaryQuarter + onbackgroundPrimary = black + onbackgroundSecondary = black + document.querySelector(':root').style.setProperty('--background' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--on-background' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--background-secondary' , 'var(--gray-0)' ); + document.querySelector(':root').style.setProperty('--on-background-secondary' , 'var(--black)' ); + } else if (hex.replace(/\s/g, '') == 'rgb(35,35,63)') { + $('#themeBackground').find('button .Hex').eq(0).removeClass('primary-half-bg'); + $('#themeBackground').find('button .Hex').eq(0).css('background', 'rgb(34,34,34)') + $('#themeBackground').find('button .Hex').eq(1).addClass('gray-900-bg'); + $('.for-white-bg').removeClass('active'); + $('.for-color-bg').removeClass('active'); + $('.for-black-bg').addClass('active'); + backgroundPrimary = nearblack + backgroundSecondary = black + onbackgroundPrimary = white + onbackgroundSecondary = white + document.querySelector(':root').style.setProperty('--background' , 'var(--nearblack)' ); + document.querySelector(':root').style.setProperty('--on-background' , 'rgba(255,255,255,.85)' ); + document.querySelector(':root').style.setProperty('--background-secondary' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--on-background-secondary' , 'rgba(255,255,255,.85)' ); + } else { + if (name.split('-')[1] == 'half') { + $('#themeBackground button .Hex').eq(0).addClass('primary-half-bg'); + $('#themeBackground button .Hex').eq(1).addClass('primary-quarter-bg'); + backgroundPrimary = primaryHalf + backgroundSecondary = primaryQuarter + onbackgroundPrimary = black + onbackgroundSecondary = black + document.querySelector(':root').style.setProperty('--background' , 'var(--primary-half)' ); + document.querySelector(':root').style.setProperty('--on-background' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--background-secondary' , 'var(--primary-quarter)' ); + document.querySelector(':root').style.setProperty('--on-background-secondary' , 'var(--black)' ) ; + + } else { + $('#themeBackground').find('button .Hex').eq(0).addClass('primaryDarkBG'); + $('#themeBackground').find('button .Hex').eq(1).addClass('secondaryDarkBG'); + backgroundPrimary = primaryDarkBG + backgroundSecondary = secondaryDarkBG + onbackgroundPrimary = white + onbackgroundSecondary = white + document.querySelector(':root').style.setProperty('--background' , 'var(--primaryDarkBG)' ); + document.querySelector(':root').style.setProperty('--on-background' , 'rgba(255,255,255,.85)' ); + document.querySelector(':root').style.setProperty('--background-secondary' , 'var(--secondaryDarkBG)' ); + document.querySelector(':root').style.setProperty('--on-background-secondary' , 'rgba(255,255,255,.85)' ); + } + $('.for-black-bg').removeClass('active'); + $('.for-white-bg').removeClass('active'); + $('.for-color-bg').addClass('active'); + + } + + buttonHexColors() + loadHotlinks(); + } + + function themeDarkmodeBG(name, hex, onColor) { + dmbackgroundPrimaryName = name; + if (name == 'nearblack-bg' || name == 'nearblack') { + dmbackgroundPrimary = nearblack + $('#themeDarkmodeBG').find('button .Hex').eq(1).removeClass('primaryDarkBG').addClass('nearblack-bg').attr('name', 'nearblack-bg') + $('#themeDarkmodeBG').find('button .Hex').eq(1).removeClass('secondaryDarkBG').addClass('black-bg').attr('name', 'black-bg') + var color = 'rgba(255,255,255,'+dmOpacity+')'; + dmbackgroundSecondary = black + dmbackgroundPrimary = nearblack + dmbackgroundPrimaryName = 'nearblack' + dmbackgroundSecondaryName = 'black' + document.querySelector(':root').style.setProperty('--dm-background' , 'var(--nearblack)'); + document.querySelector(':root').style.setProperty('--dm-background-secondary' , 'var(--black)'); + } else { + $('#themeDarkmodeBG').find('button .Hex').eq(1).removeClass('nearblack-bg').addClass('primaryDarkBG').attr('name', 'primaryDarkBG') + $('#themeDarkmodeBG').find('button .Hex').eq(1).removeClass('black-bg').addClass('secondaryDarkBG').attr('name', 'secondaryDarkBG') + dmbackgroundPrimary = primaryDarkBG + var color = 'rgba(255,255,255,'+dmOpacity+')'; + dmbackgroundSecondary = secondaryDarkBG + dmbackgroundPrimaryName = 'primaryDarkBG' + dmbackgroundSecondaryName = 'secondaryDarkBG' + document.querySelector(':root').style.setProperty('--dm-background' , 'var(--primaryDarkBG)' ); + document.querySelector(':root').style.setProperty('--dm-background-secondary' , 'var(--secondaryDarkBG)' ) ; + } + dmonbackgroundPrimary = 'rgba(255,255,255,'+dmOpacity+')'; + dmonbackgroundSecondary = 'rgba(255,255,255,'+dmOpacity+')'; + dmbackgroundTertiary = $(document).find('#' + primaryName.split('-')[0] + '-dark-' + 700 + ' .Hex').css('backgroundColor'); + dmonbackgroundTertiary = $(document).find('#' + primaryName.split('-')[0] + '-dark-' + 700 + ' .Hex').css('color'); + dmbackgroundTertiaryName = 'dmprimary700' + $('#' + system).find(system + '-dm-background').html(name); + document.querySelector(':root').style.setProperty('--dm-on-background-secondary' , color); + //color = rgb2hex(color); + if (dmbackgroundPrimary.indexOf('rgb') > 0 ) { + var bgcolor = rgb2hex(dmbackgroundPrimary) + } else { + var bgcolor = dmbackgroundPrimary + } + elevation0 = bgcolor; + elevation1 = elevationShades(bgcolor,.05) + elevation2 = elevationShades(bgcolor,.07) + elevation3 = elevationShades(bgcolor,.08) + elevation4 = elevationShades(bgcolor,.09) + elevation5 = elevationShades(bgcolor,.11) + elevation6 = elevationShades(bgcolor,.12) + elevation7 = elevationShades(bgcolor,.14) + elevation8 = elevationShades(bgcolor,.15) + elevation9 = elevationShades(bgcolor,.16) + $(document).find('#' + system + ' .default-elevation-bg-1 .Hex').css('background', elevation1) + $(document).find('#' + system + ' .default-elevation-bg-2 .Hex').css('background', elevation2) + $(document).find('#' + system + ' .default-elevation-bg-3 .Hex').css('background', elevation3) + $(document).find('#' + system + ' .default-elevation-bg-4 .Hex').css('background', elevation4) + $(document).find('#' + system + ' .default-elevation-bg-5 .Hex').css('background', elevation5) + $(document).find('#' + system + ' .default-elevation-bg-6 .Hex').css('background', elevation6) + $(document).find('#' + system + ' .default-elevation-bg-7 .Hex').css('background', elevation7) + $(document).find('#' + system + ' .default-elevation-bg-8 .Hex').css('background', elevation8) + $(document).find('#' + system + ' .default-elevation-bg-9 .Hex').css('background', elevation9) + document.querySelector(':root').style.setProperty('--elevation-bg-0' , elevation0); + document.querySelector(':root').style.setProperty('--elevation-bg-1' , elevation1); + document.querySelector(':root').style.setProperty('--elevation-bg-2' , elevation2); + document.querySelector(':root').style.setProperty('--elevation-bg-3' , elevation3); + document.querySelector(':root').style.setProperty('--elevation-bg-4' , elevation4); + document.querySelector(':root').style.setProperty('--elevation-bg-5' , elevation5); + document.querySelector(':root').style.setProperty('--elevation-bg-6' , elevation6); + document.querySelector(':root').style.setProperty('--elevation-bg-7' , elevation7); + document.querySelector(':root').style.setProperty('--elevation-bg-8' , elevation8); + document.querySelector(':root').style.setProperty('--elevation-bg-9' , elevation9); + + } + + function elevationShades(color, opacity) { + if (color.indexOf('rgb') > 0) { + rgb2hex(color) + } + var r = '0x' + color.slice(1, 3); + var g = '0x' + color.slice(3, 5); + var b = '0x' + color.slice(5, 7); + // mix with white background: + var a = 1 - opacity; + var r = Math.floor(r * a + 0xff * (1 - a)); + var g = Math.floor(g * a + 0xff * (1 - a)); + var b = Math.floor(b * a + 0xff * (1 - a)); + var elevationColor = "#" + (r<<16 | g<<8 | b).toString(16); + return elevationColor + } + + function dmShades(color, color2, opacity) { + if (color.indexOf('rgb') > 0) { + rgb2hex(color) + } + var r = '0x' + color.slice(1, 3); + var g = '0x' + color.slice(3, 5); + var b = '0x' + color.slice(5, 7); + + var r2 = '0x' + color2.slice(1, 3); + var g2 = '0x' + color2.slice(3, 5); + var b2 = '0x' + color2.slice(5, 7); + // mix with white background: + var a = 1 - opacity; + var r = Math.floor(r * a + r2 * (1 - a)); + var g = Math.floor(g * a + g2 * (1 - a)); + var b = Math.floor(b * a + b2 * (1 - a)); + var elevationColor = "#" + (r<<16 | g<<8 | b).toString(16); + return elevationColor + } + + const mixColors = (c1, c2, opacity) => { + const pn = n => ('0' + n.toString(16)).slice(-2); + const [r0, g0, b0, r1, g1, b1] = [ + parseInt(c1.slice(1, 3), 16), + parseInt(c1.slice(3, 5), 16), + parseInt(c1.slice(5, 7), 16), + parseInt(c2.slice(1, 3), 16), + parseInt(c2.slice(3, 5), 16), + parseInt(c2.slice(5, 7), 16), + ]; + const [r, g, b] = [ + Math.round(r0 * opacity + r1 * (1 - opacity)), + Math.round(g0 * opacity + g1 * (1 - opacity)), + Math.round(b0 * opacity + b1 * (1 - opacity)), + ]; + return `#${pn(r)}${pn(g)}${pn(b)}`; + }; + + + function themeGradient1a(name, hex, onColor) { + gradient1aName = name; + gradient1a = hex; + ongradient1a = onColor; + document.querySelector(':root').style.setProperty('--gradient1-a' , 'var(--'+name+')' ); + document.querySelector(':root').style.setProperty('--on-gradient1-a' , 'var(--on-'+name+')' ); + } + + function themeGradient1b(name, hex, onColor) { + gradient1bName = name; + gradient1Name = gradient1aName + gradient1bName + gradient1b = hex; + ongradient1b = onColor; + // darkmode gradient 1 // + + var dmgradient1aName = gradient1aName.split('-')[0] + var dmgradient1aShade = gradient1aName.split('-')[1] + var dmgradient1b = $('#themeGradient1-b button .Hex').attr('name'); + var dmgradient1bName = dmgradient1b.split('-')[0] + var dmgradient1bShade = dmgradient1b.split('-')[1] + /// in dark mode we want the gradients to be made of darker colors and want the same on color// + /// we will look for colors 400+ with a light text to make sure they are accessible + /// check to see if the colors and shades are the same // + /// build an array of shades that meet this criteria for the dark mode color // + var i = 600; + var gradient1aArray = []; + while ( i < 1000) { + var onColor = window['dmon' + dmgradient1aName + i]; + onColor = onColor.replace(/\s/g, ''); + if (onColor == 'rgba(255,255,255,'+dmOpacity+')') { + gradient1aArray.push(i); + } + i = i + 100; + } + var arrayCount = gradient1aArray.length + var change + if (dmgradient1aName == dmgradient1bName) { + if (dmgradient1aShade > dmgradient1bShade) { + change = (dmgradient1aShade - dmgradient1bShade)/100; + if (change >= arrayCount) { + change = arrayCount - 1 + } + dmgradient1aShade = gradient1aArray[0]; + dmgradient1bShade = gradient1aArray[change]; + } else { + change = (dmgradient1bShade - dmgradient1aShade)/100; + if (change >= arrayCount) { + change = arrayCount + } + dmgradient1bShade = gradient1aArray[0]; + dmgradient1aShade = gradient1aArray[change]; + } + } else { + dmgradient1aShade = gradient1aArray[0]; + var i = 600; + var gradient1bArray = []; + while ( i < 1000) { + var onColor = window['dmon' + dmgradient1bName + i]; + onColor = onColor.replace(/\s/g, ''); + if (onColor == 'rgba(255,255,255,'+dmOpacity+')') { + gradient1bArray.push(i); + } + i = i + 100; + } + dmgradient1bShade = gradient1bArray[0]; + } + document.querySelector(':root').style.setProperty('--gradient1-b' , 'var(--'+name+')'); + dmongradient1a = window['dmon' + dmgradient1aName + dmgradient1aShade] + dmgradient1Name = dmgradient1aName + '-' + dmgradient1aShade + ',' + dmgradient1bName + '-' + dmgradient1bShade + document.querySelector(':root').style.setProperty('--dm-gradient1-a' , 'var(--dm-' + dmgradient1aName + '-' + dmgradient1aShade + ')' ) ; + document.querySelector(':root').style.setProperty('--dm-on-gradient-1' , dmongradient1a); + document.querySelector(':root').style.setProperty('--dm-gradient1-b' , 'var(--dm-' + dmgradient1bName + '-' + dmgradient1bShade + ')'); + $(document).find('#' + activeTheme + ' .darkmode .default-gradient-1').attr('name', dmgradient1Name ); + + } + + function themeGradient2a(name, hex, onColor) { + gradient2aName = name; + gradient2a = hex; + ongradient2a = onColor; + document.querySelector(':root').style.setProperty('--gradient2-a' , 'var(--'+name+')' ); + document.querySelector(':root').style.setProperty('--on-gradient2-a' , 'var(--on-'+name+')'); + } + + function themeGradient2b(name, hex, onColor) { + gradient2bName = name; + gradient2Name = gradient2aName + gradient2bName + gradient2b = hex; + ongradient2b = onColor; + // darkmode gradient 1 // + var dmgradient2a = gradient2aName + var dmgradient2aName = gradient2aName.split('-')[0] + var dmgradient2aShade = gradient2aName.split('-')[1] + var dmgradient2b = name; + var dmgradient2bName = name.split('-')[0]; + var dmgradient2bShade = name.split('-')[1]; + /// in dark mode we want the gradients to be made of darker colors and want the same on color// + /// we will look for colors 400+ with a light text to make sure they are accessible + /// check to see if the colors and shades are the same // + /// build an array of shades that meet this criteria for the dark mode color // + var i = 600; + var gradient2aArray = []; + while ( i < 1000) { + var onColor = window['dmon' + dmgradient2aName.replace('-','') + i]; + onColor = onColor.replace(/\s/g, ''); + if (onColor == 'rgba(255,255,255,'+dmOpacity+')') { + gradient2aArray.push(i); + } + i = i + 100; + } + var arrayCount = gradient2aArray.length + if ( gradient2aName == gradient1bName || gradient2bName == gradient1bName ) { + if (arrayCount > 2) { + gradient2aArray.shift(); + arrayCount = arrayCount - 1 + } + } + var change + if (dmgradient2aName == dmgradient2bName) { + if (dmgradient2aShade > dmgradient2bShade) { + change = (dmgradient2aShade - dmgradient2bShade)/100; + if (change >= arrayCount) { + change = arrayCount - 1 + } + dmgradient2aShade = gradient2aArray[0]; + dmgradient2bShade = gradient2aArray[change]; + } else { + change = (dmgradient2bShade - dmgradient2aShade)/100; + if (change >= arrayCount) { + change = arrayCount + } + dmgradient2bShade = gradient2aArray[0]; + dmgradient2aShade = gradient2aArray[change]; + } + } else { + dmgradient2aShade = gradient2aArray[0]; + var i = 600; + var gradient2bArray = []; + while ( i < 1000) { + var onColor = window['dmon' + dmgradient2bName + i]; + onColor = onColor.replace(/\s/g, ''); + if (onColor == 'rgba(255,255,255,'+dmOpacity+')') { + gradient2bArray.push(i); + } + i = i + 100; + } + dmgradient2bShade = gradient2bArray[0]; + } + dmongradient2a = window['dmon' + dmgradient2aName + dmgradient2aShade] + dmgradient2Name = dmgradient2aName + '-' + dmgradient2aShade + ',' + dmgradient2bName + '-' + dmgradient2bShade + + // set gradient 2b root /// + document.querySelector(':root').style.setProperty('--gradient2-b' , 'var(--'+name+')' ); + // set dark mode gradient 2 root values/// + document.querySelector(':root').style.setProperty('--dm-gradient2-a' , 'var(--dm-' + dmgradient2aName + '-' + dmgradient2aShade + ')' ) ; + document.querySelector(':root').style.setProperty('--dm-on-gradient-2' , dmongradient2a); + document.querySelector(':root').style.setProperty('--dm-gradient2-b' , 'var(--dm-' + dmgradient2bName + '-' + dmgradient2bShade + ')'); + $(document).find('#' + activeTheme + ' .darkmode .default-gradient-2').attr('name', dmgradient2Name ); + + } + + + function themeButtons(name, hex, onColor) { + buttonsName = name + buttons = hex; + onButtons = onColor + buttonHalf = hextoRGBArray(hex); + buttonHalf = 'rgba(' + buttonHalf + ',.5)' + document.querySelector(':root').style.setProperty('--button' , 'var(--'+buttonsName+')' ); + document.querySelector(':root').style.setProperty('--button-half' , buttonHalf); + document.querySelector(':root').style.setProperty('--on-button' , 'var(--on-'+buttonsName+')'); + // get the contrast ration of the color against the suggested text color // + var color = rgb2hex(buttons); + var buttonArray = hextoRGBArray(color); + var primeColor = rgb2hex(primary); + var primeArray = hextoRGBArray(primeColor); + if (dmbackgroundPrimary.indexOf('rgb') > 0) { + var testdmbackground = rgb2hex(dmbackgroundPrimary.toString()); + } else { + var testdmbackground = dmbackgroundPrimary + } + testdmbackground = hextoRGBArray(testdmbackground); + // Get a button color with a contrast ratio of 3.1 or higher // + var dmButtonShade = getDMShade(buttonsName ,testdmbackground, 3.1) + dmbuttons = window['dm' + name.split('-')[0] + dmButtonShade] + dmonbuttons = window['dmon' + name.split('-')[0] + dmButtonShade] + dmbuttonHalf = dmbuttons.replace('rgb','rgba').replace(')','.5)'); + + document.querySelector(':root').style.setProperty('--dm-button' , dmbuttons); + document.querySelector(':root').style.setProperty('--dm-buttonHalf' , dmbuttonHalf); + document.querySelector(':root').style.setProperty('--dm-on-button' , dmonbuttons); + document.querySelector(':root').style.setProperty('--dm-button-half' , dmbuttonHalf); + /// set on white button color /// + var contrastRation = contrast(buttonArray, '255,255,255'); // 1.0736196319018405 + if (contrastRation >= 3.1) { + buttonOnWhite = buttons + buttonHalfOnWhite = buttonHalf + onbuttonOnWhite = onButtons + document.querySelector(':root').style.setProperty('--buttonOnWhite' , 'var(--button)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnWhite' , 'var(--on-button)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnWhite' , 'var(--button-half)' ); + } else { + buttonOnWhite = black + buttonHalfOnWhite = blackHalf + onbuttonOnWhite = white + document.querySelector(':root').style.setProperty('--buttonOnWhite' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnWhite' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnWhite' , 'var(--black-half)' ); + } + + /// set on black button color /// + var contrastRation = contrast(buttonArray, darkTextArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + buttonOnBlack = buttons + buttonHalfOnBlack = buttonHalf + onbuttonOnBlack = onButtons + document.querySelector(':root').style.setProperty('--buttonOnBlack' , 'var(--button)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnBlack' , 'var(--button-half)'); + document.querySelector(':root').style.setProperty('--buttonHalfOnBlack' , 'var(--on-button)' ); + } else { + buttonOnBlack = white + buttonHalfOnBlack = whiteHalf + onbuttonOnBlack = black + document.querySelector(':root').style.setProperty('--buttonOnBlack' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnBlack' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnBlack' , 'var(--white-half)'); + } + + /// set on prime button color /// + var contrastRation = contrast(buttonArray, primeArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + buttonOnTertiary = buttons + buttonHalfOnTertiary = buttonHalf + onbuttonOnTertiary = onButtons + } else { + buttonOnTertiary = onPrimary + if (onPrimary == '#121212' || onPrimary.replace(/\s/g, '') == 'rgb(35,35,63)') { + onbuttonOnTertiary = white + buttonHalfOnTertiary = blackHalf + document.querySelector(':root').style.setProperty('--buttonOnTertiary' , 'var(--black)'); + document.querySelector(':root').style.setProperty('--onbuttonOnTertiary' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnTertiary' , 'var(--black-half)' ); + } else { + onbuttonOnTertiary = black + buttonHalfOnTertiary = whiteHalf + document.querySelector(':root').style.setProperty('--buttonOnTertiary' , 'var(--white)'); + document.querySelector(':root').style.setProperty('--onbuttonOnTertiary' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnTertiary' , 'var(--white-half)' ); + } + } + + /// set on gradient1 button color /// + var buttonOnGradient1 = ongradient1a + if (ongradient1a == '#121212' || ongradient1a.replace(/\s/g, '') == 'rgb(35,35,63)') { + onbuttonOnGradient1 = white + buttonHalfOnGradient1 = blackHalf + document.querySelector(':root').style.setProperty('--buttonOnGradient1' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnGradient1' , 'var(--white)'); + document.querySelector(':root').style.setProperty('--buttonHalfOnGradient1' , 'var(--black-half)' ); + } else { + onbuttonOnGradient1 = black + buttonHalfOnGradient1 = whiteHalf + document.querySelector(':root').style.setProperty('--buttonOnGradient1' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnGradient1' , 'var(--black)'); + document.querySelector(':root').style.setProperty('--buttonHalfOnGradient1' , 'var(--white-half)' ); + } + + /// set on gradient1 button color /// + ongradient1b = $('#themeGradient1-b button .Hex').css('color'); + var buttonOnGradient2 = ongradient2a + if (ongradient2a == '#121212' || ongradient2a.replace(/\s/g, '') == 'rgb(35,35,63)') { + onbuttonOnGradient2 = white + buttonHalfOnGradient2 = blackHalf + document.querySelector(':root').style.setProperty('--buttonOnGradient2' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnGradient2' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnGradient2' , 'var(--black-half)'); + } else { + onbuttonOnGradient2 = black + buttonHalfOnGradient2 = whiteHalf + document.querySelector(':root').style.setProperty('--buttonOnGradient2' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnGradient2' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnGradient2' , 'var(--black-white)'); + } + + /// set on gradient3 button color /// + var contrastRation = contrast(buttonArray, '227,227,228'); // 1.0736196319018405 + if (contrastRation >= 3.1) { + buttonOnGradient3 = buttons + onbuttonOnGradient3 = onButtons + buttonHalfOnGradient3 = buttonHalf + document.querySelector(':root').style.setProperty('--buttonOnGradient3' , 'var(--button)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnGradient3' , 'var(--on-button)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnGradient3' , 'var(--button-half)'); + } else { + buttonOnGradient3 = black + onbuttonOnGradient3 = white + buttonHalfOnGradient3 = blackHalf + document.querySelector(':root').style.setProperty('--buttonOnGradient3' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--onbuttonOnGradient3' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--buttonHalfOnGradient3' , 'var(--black-half)'); + } + + /// set dark mode on white button color /// + var contrastRation = contrast(buttonArray, '255,255,255') * dmOpacity; // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmbuttonOnWhite = dmbuttons + dmonbuttonOnWhite = dmonbuttons + dmbuttonHalfOnWhite = buttonHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnWhite' , 'var(--dm-button)'); + document.querySelector(':root').style.setProperty('--dmonbuttonOnWhite' , 'var(--dm-on-button)'); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnBlack' , 'var(--dm-button-half)' ); + } else { + dmbuttonOnWhite = black + dmonbuttonOnWhite = dmwhite + dmbuttonHalfOnWhite = blackHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnWhite' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnWhite' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnBlack' , 'var(--black-half)' ); + } + + /// set dark mode on black button color /// + var contrastRation = contrast(buttonArray, darkTextArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmbuttonOnBlack = dmbuttons + dmonbuttonOnBlack = dmonbuttons + dmbuttonHalfOnBlack = buttonHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnBlack' , 'var(--dm-button)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnBlack' , 'var(--dm-on-button)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnBlack' , 'var(--dm-button-half)'); + } else { + dmbuttonOnBlack = dmwhite + dmonbuttonOnBlack = black + dmbuttonHalfOnBlack = dmwhiteHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnBlack' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnBlack' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnBlack' , 'var(--dm-white-half)' ); + } + + /// set dark mode on tertiary bg/ primary button color /// + dmbuttonOnTertiary = dmonbackgroundTertiary + if (dmonbackgroundTertiary == '#121212' || dmonbackgroundTertiary.replace(/\s/g, '') == 'rgb(35,35,63)') { + dmonbuttonOnTertiary = dmwhite + dmbuttonHalfOnTertiary = dmwhiteHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnTertiary' , 'var(--white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnTertiary' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnTertiary' , 'var(--dm-white-half)' ); + } else { + dmonbuttonOnTertiary = black + dmbuttonHalfOnTertiary = blackHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnTertiary' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnTertiary' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnTertiary' , 'var(--black-half)' ); + } + + /// set dark mode on gradient1 button color /// + dmbuttonOnGradient1 = dmongradient1a + if (dmongradient1a == '#121212' || ongradient1a.replace(/\s/g, '') == 'rgb(35,35,63)') { + dmonbuttonOnGradient1 = black + dmbuttonHalfOnGradient1 = dmwhiteHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnGradient1' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnGradient1' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnGradient1' ,'var(--dm-white-half)' ); + } else { + dmonbuttonOnGradient1 = dmwhite + dmbuttonHalfOnGradient1 = blackHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnGradient1' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnGradient1' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnGradient1' ,'var(--black-half)' ); + } + + /// set dark mode on gradient1 button color /// + dmbuttonOnGradient2 = dmongradient2a + if (ongradient2a == '#121212' || ongradient2a.replace(/\s/g, '') == 'rgb(35,35,63)') { + dmonbuttonOnGradient2 = black + dmbuttonHalfOnGradient2 = dmwhiteHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnGradient2' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnGradient2' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnGradient2' , 'var(--dm-white-half)' ); + } else { + dmonbuttonOnGradient2 = dmwhite + dmbuttonHalfOnGradient2 = blackHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnGradient2' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnGradient2' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnGradient2' , 'var(--black-half)' ); + } + + /// set dark mode on gradient3 button color /// + var contrastRation = contrast(buttonArray, '24,24,24'); // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmbuttonOnGradient3 = dmbuttons + dmonbuttonOnGradient3 = dmonbuttons + dmbuttonHalfOnGradient3 = dmbuttonkHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnGradient3' , 'var(--dm-button)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnGradient3' , 'var(--dm-on-button)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnGradient3' , 'var(--dm-button-half)' ); + } else { + dmbuttonOnGradient3 = dmwhite + dmonbuttonOnGradient3 = black + dmbuttonHalfOnGradient3 = dmwhiteHalf + document.querySelector(':root').style.setProperty('--dmbuttonOnGradient3' , 'var(--dm-white)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonOnGradient3' , 'var(--black)' ); + document.querySelector(':root').style.setProperty('--dmonbuttonHalfOnGradient3' , 'var(--dm-white-half)' ); + } + + loadFocus() + } + + function themeIcons(name, hex, onColor) { + iconsName = name; + icons = hex; + // onIcons = onColor + document.querySelector(':root').style.setProperty('--icons' , 'var(--'+name+') '); + // document.querySelector(':root').style.setProperty('--on-icons' , 'var(--on-'+name+') '); + // get the contrast ration of the color against the suggested text color // + var color = rgb2hex(icons); + var iconArray = hextoRGBArray(color); + var primeColor = rgb2hex(primary); + var primeArray = hextoRGBArray(primeColor); + if (dmbackgroundPrimary.indexOf('rgb') > 0) { + var testdmbackground = rgb2hex(dmbackgroundPrimary); + } else { + var testdmbackground = dmbackgroundPrimary + } + testdmbackground = hextoRGBArray(testdmbackground); + // Get a icon color with a contrast ratio of 3.1 or higher // + var dmIconShade = getDMShade(iconsName,testdmbackground, 3.1) + + dmicons = $(document).find('#' + iconsName.split('-')[0] + '-dark-' + dmIconShade + ' .Hex').css('backgroundColor') + document.querySelector(':root').style.setProperty('--dm-icon' , 'var(--dm-'+iconsName.split('-')[0]+ '-' + dmIconShade + ')' ); + /// set on white icon color /// + var contrastRation = contrast(iconArray, '255,255,255'); // 1.0736196319018405 + if (contrastRation >= 3.1) { + iconOnWhite = icons + document.querySelector(':root').style.setProperty('--iconOnWhite' , 'var(--icon)' ); + } else { + document.querySelector(':root').style.setProperty('--iconOnWhite' , 'var(--black)' ); + } + + /// set on black icon color /// + var contrastRation = contrast(iconArray, darkTextArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + iconOnBlack = icons + document.querySelector(':root').style.setProperty('--iconOnBlack' , 'var(--icon)' ); + } else { + iconOnBlack = white + document.querySelector(':root').style.setProperty('--iconOnBlack' , 'var(--white)' ); + } + + + /// set on prime icon color /// + var contrastRation = contrast(iconArray, primeArray ); // 1.0736196319018405 + if (contrastRation >= 3.1) { + iconOnTertiary = icons + document.querySelector(':root').style.setProperty('--iconOnTertiary' , 'var(--icon)' ); + } else { + iconOnTertiary = onPrimary + document.querySelector(':root').style.setProperty('--iconOnTertiary' , 'var(--on-primary)' ); + } + + + /// set on gradient3 icon color /// + var contrastRation = contrast(iconArray, '227,227,228'); // 1.0736196319018405 + if (contrastRation >= 3.1) { + iconOnGradient3 = icons + document.querySelector(':root').style.setProperty('--iconOnGradient3' , 'var(--icon)' ); + } else { + buttonOnGradient3 = black + document.querySelector(':root').style.setProperty('--iconOnGradient3' , 'var(--black)' ); + } + + /// set dark mode on white icon color /// + var contrastRation = contrast(iconArray, '255,255,255') * dmOpacity; // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmiconOnWhite = dmicons + document.querySelector(':root').style.setProperty('--dmiconOnWhite' , 'var(--dm-icon)' ); + } else { + dmiconOnWhite = black + document.querySelector(':root').style.setProperty('--dmiconOnWhite' , 'var(--black)' ); + } + + /// set dark mode on black icon color /// + var contrastRation = contrast(iconArray, darkTextArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmiconOnWhite = dmicons + document.querySelector(':root').style.setProperty('--dmiconOnBlack' , 'var(--dm-icon)' ); + } else { + dmiconOnWhite = dmwhite + document.querySelector(':root').style.setProperty('--dmiconOnBlack' , 'var(--dm-white)' ); + } + + + /// set dark mode on gradient3 icon color /// + var contrastRation = contrast(iconArray, darkTextArray); // 1.0736196319018405 + if (contrastRation >= 3.1) { + dmiconOnGradient3 = dmicons + document.querySelector(':root').style.setProperty('--dmiconOnGradient3' , 'var(--dm-icon)' ); + } else { + dmbuttonOnGradient3 = black + document.querySelector(':root').style.setProperty('--dmiconOnGradient3' , 'var(--black)' ); + } + + + } + + function themeAccent(name, hex) { + accent = hex; + document.querySelector(':root').style.setProperty('--accent' , 'var(--'+name+')' ); + dmaccent = window[name.split('-')[0] + '-' + 300] + document.querySelector(':root').style.setProperty('--dm-accent' , 'var(--'+ name.split('-')[0] + '-' + 300 +')' ); + } + + // select theme // + $(document).on('click', '.theme-dropdown .dropdown-item', function() { + $(this).parents('.theme-dropdown').removeClass('no-selection') + var hex = $(this).find('.Hex').css('backgroundColor'); + var onColor = $(this).find('.Hex').css('color'); + var name = $(this).find('.Hex').attr('class').replace('Hex ', '') + $(this).parents('.theme-dropdown').find('button .Hex').eq(0).css('background', hex); + $(this).parents('.theme-dropdown').find('button .Hex').eq(0).css('color', onColor); + $(this).parents('.theme-dropdown').find('button .Hex').eq(0).attr('name', name); + + if ($(this).parents('.theme-dropdown').attr('id') == 'themePrimary') { + themePrimary(name,hex,onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeSecondary') { + showThemeOptions(name) + setThemeShades('secondary', name.split('-')[0] ) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeTertiary') { + showThemeOptions(name) + setThemeShades('tertiary', name.split('-')[0] ) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'surfaceBG') { + buildInput() + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeBackground') { + themeBackground(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeDarkmode-BG') { + themeDarkmodeBG(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeButtons') { + themeButtons(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeIcons') { + themeIcons(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeAccent') { + themeAccent(name, hex) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeGradient1-a') { + themeGradient1a(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeGradient1-b') { + themeGradient1b(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeGradient2-a') { + themeGradient2a(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeGradient2-b') { + themeGradient2b(name, hex, onColor) + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeGradientText-a') { + textgradient1aName = name; + textgradient1a = hex; + document.querySelector(':root').style.setProperty('--text-gradient-a', 'var(--'+textgradient1aName+')' ); + } else if ($(this).parents('.theme-dropdown').attr('id') == 'themeGradientText-b') { + textgradient1bName = name; + textgradient1b = hex; + document.querySelector(':root').style.setProperty('--text-gradient-b', 'var(--'+textgradient1bName+')' ); + } + getSorted() + }); + + // kick off the changing of the rendered themesbased on user selection in the drop down// + $(document).on('click', '#selectedTheme .dropdown-item', function() { + $(document).find('.theme-container').removeClass('active'); + $(this).find('.theme-container').addClass('active'); + setTheme() + }); + + //// APPLYING ACCESSIBILTY MODES //// + // COLOR BLIND // + $('#ColorBlindMode').click(function() { + if ($(this).is(':checked')) { + cbStates() + } else { + systemStates() + } + $('#chart-color button').html('Color Blind'); + build_ChartColors() + }); + /// On click apply color blind accessibility mode /// + $('#cb-states').click(function() { + cbStates() + }); + + function cbStates() { + buildStates('#F3B33E', 'warning'); + buildStates('rgb(0, 77, 64)', 'success'); + buildStates('rgb(216, 27, 96)', 'danger'); + buildStates('rgb(30, 136, 229)', 'info'); + } + + function colorBlindPallet() { + $('#buildColor .light-mode .subtitle').remove(); + $('#buildColor .light-mode .colorRow').remove(); + $('#buildColor .dark-mode .subtitle').remove(); + $('#buildColor .dark-mode .colorRow').remove(); + addtoTheme('Periwinkle', '#50A6FF'); + addtoTheme('Blue', '#7C4DEF'); + addtoTheme('Rose', '#D02670'); + addtoTheme('Orange', '#EC6B29'); + addtoTheme('Yellow', '#FCB116'); + } + + $('#reset-states').click(function() { + resetStates() + }); + + function resetStates() { + buildStates('#B37E1B', 'warning'); + buildStates('#327D35', 'success'); + buildStates('#D62B2B', 'danger'); + buildStates('#0066EF', 'info'); + } + + function systemStates() { + var system = $(document).find('.system.active').attr('id'); + var info = $('#' + system + ' .background .' + system +'-info').html(); + var success = $('#' + system + ' .background .' + system +'-success').html(); + var warning = $('#' + system + ' .background .' + system +'-warning').html(); + var danger = $('#' + system + ' .background .' + system +'-danger').html(); + buildStates(warning, 'warning'); + buildStates(success, 'success'); + buildStates(danger, 'danger'); + buildStates(info, 'info'); + } + + $('#colorBlind').click(function() { + colorBlindPallet() + }); + + // DYSLEXIA // + $('#DyslexicMode').click(function() { + if ($(this).is(':checked')) { + /// Change the font family to OpenDyslexic ///// + document.querySelector(':root').style.setProperty('--headerFamily', 'OpenDyslexic'); + document.querySelector(':root').style.setProperty('--bodyFamily', 'OpenDyslexic'); + //// change the font weights to reflect only those avaiable in the Font Family of OpenDyslexic /// + document.querySelector(':root').style.setProperty('--fontWeight0', 400); + document.querySelector(':root').style.setProperty('--fontWeight1', 400); + document.querySelector(':root').style.setProperty('--fontWeight2', 400); + document.querySelector(':root').style.setProperty('--fontWeight3', 700); + document.querySelector(':root').style.setProperty('--fontWeight4', 700); + /// increase the line heights //// + document.querySelector(':root').style.setProperty('--standard-LineHeight', '180%'); + document.querySelector(':root').style.setProperty('--sm-LineHeight', '150%'); + } else { + var system = $(document).find('.system.active').attr('id'); + var primaryFont = $('#' + system + ' .' + system +'-primaryFont').html(); + var secondaryFont = $('#' + system + ' .' + system +'-secondaryFont').html(); + var fontWeight0 = $('#' + system + ' .' + system +'-fontweight0').html(); + var fontWeight1 = $('#' + system + ' .' + system +'-fontweight1').html(); + var fontWeight2 = $('#' + system + ' .' + system +'-fontweight2').html(); + var fontWeight3 = $('#' + system + ' .' + system +'-fontweight3').html(); + var fontWeight4 = $('#' + system + ' .' + system +'-fontweight4').html(); + document.querySelector(':root').style.setProperty('--headerFamily', primary); + document.querySelector(':root').style.setProperty('--bodyFamily', secondary); + document.querySelector(':root').style.setProperty('--fontWeight1',fontWeight0); + document.querySelector(':root').style.setProperty('--fontWeight1',fontWeight1); + document.querySelector(':root').style.setProperty('--fontWeight2',fontWeight2); + document.querySelector(':root').style.setProperty('--fontWeight3',fontWeight3); + document.querySelector(':root').style.setProperty('--fontWeight4',fontWeight4); + document.querySelector(':root').style.setProperty('--standard-LineHeight', '160%'); + document.querySelector(':root').style.setProperty('--sm-LineHeight', '130%'); + } + }); + + + // OTHE FUNCTIONS // + function capitalizeFirstLetter(string){ + return string.charAt(0).toUpperCase() + string.slice(1); + } + + + $('.baseButton button').click(function() { + name = $(this).attr('name'); + $(this).parent().find('button').removeClass('active'); + $(this).addClass('active'); + $('.mobile-main').removeClass('active'); + $('#' + name).addClass('active'); + }); + + function buttonHexColors() { + // remove the 'for-color-bg' class for all colors in the icons, buttons, text gradient a and b dropdown menus // + // loop through all the colors and in the following dropdown menus // + // if the color contrasts agains the background then add the 'for-color-bg' class' + $('#themeIcons .colorGroup li').each(function() { + $(this).removeClass('active').removeClass('for-color-bg') + /// if the color is light you need to find the darker color the backgroundSecondary to get the contrast against // + /// if the color is dark you need to get the lighter color background the backgroundPrimary to get the contrast agains // + if (backgroundPrimaryName == 'white-bg' || backgroundPrimaryName == 'primary-Half') { + var halfBG = rgb2hex(backgroundSecondary) + } else { + var halfBG = rgb2hex(backgroundPrimary) + } + var bgArray = hextoRGBArray(halfBG); + var color = $(this).find('.Hex').css('backgroundColor'); + color = rgb2hex(color); + color = hextoRGBArray(color); + if (contrast(bgArray, color) >= 3.1) { + $(this).addClass('for-color-bg active') + } + }); + $('#themeButtons .colorGroup li').each(function() { + $(this).removeClass('active').removeClass('for-color-bg') + if (backgroundPrimaryName == 'white-bg' || backgroundPrimaryName =='primary-Half') { + var halfBG = rgb2hex(backgroundSecondary) + } else { + var halfBG = rgb2hex(backgroundPrimary) + } + var bgArray =hextoRGBArray(halfBG); + var color = $(this).find('.Hex').css('backgroundColor'); + color = rgb2hex(color); + color = hextoRGBArray(color); + if (contrast(bgArray, color) >= 3.1) { + $(this).addClass('for-color-bg active') + } + }); + $('#themeGradientText-a .colorGroup li').each(function() { + $(this).removeClass('active').removeClass('for-color-bg') + if (backgroundPrimaryName == 'white-bg' || backgroundPrimaryName =='primary-Half') { + var halfBG = rgb2hex(backgroundSecondary) + } else { + var halfBG = rgb2hex(backgroundPrimary) + } + var bgArray =hextoRGBArray(halfBG); + var color = $(this).find('.Hex').css('backgroundColor'); + color = rgb2hex(color); + color = hextoRGBArray(color); + if (contrast(bgArray, color) >= 3.1) { + $(this).addClass('for-color-bg active') + } + }); + $('#themeGradientText-b .colorGroup li').each(function() { + $(this).removeClass('active').removeClass('for-color-bg') + if (backgroundPrimaryName == 'white-bg' || backgroundPrimaryName =='primary-Half') { + var halfBG = rgb2hex(backgroundSecondary) + } else { + var halfBG = rgb2hex(backgroundPrimary) + } + var bgArray =hextoRGBArray(halfBG); + var color = $(this).find('.Hex').css('backgroundColor'); + color = rgb2hex(color); + color = hextoRGBArray(color); + if (contrast(bgArray, color) >= 3.1) { + $(this).addClass('for-color-bg active') + } + }); + + } + + // Sort List by Order // + function getSorted() { + $('.colorGroup').each(function() { + var id = $(this).attr('id') + $(function() { + $('#' + id + '> li').sort(sort_li).appendTo('#' + id ); + function sort_li(a, b) { + return ($(b).data('order')) < ($(a).data('order')) ? 1 : -1; + } + }) + }); + } + + // Sort List by Order // + function sortSpacing() { + $('.sortList').each(function() { + var id = $(this).attr('id') + $(function() { + + $('#' + id + '> li').sort(sort_li).appendTo('#' + id ); + function sort_li(a, b) { + return ($(b).data('order')) < ($(a).data('order')) ? 1 : -1; + } + }) + }); + } + + $('.system-setting').blur(function() { + var setValue = $(this).val(); + var setName = $(this).attr('id') + var functionName = $(this).attr('name') + if (functionName) { + // find object + var fn = window[functionName]; + // is object a function? + if (typeof fn === "function") fn(); + } else { + if (functionName ) { + this[functionName] = setValue + } + } + $(document).find('#' + system + ' .default-' + setName).html(setValue) + document.querySelector(':root').style.setProperty('--'+ setName , setValue); + }); + + + + + $('input[name="dropdownFocus"]').click(function() { + var onButtonColor = $('#' + system + 'Default .default-button').css('color'); + if ($(this).val() == 'leftBorder') { + document.querySelector(':root').style.setProperty('--dropdown-focus-theme', '4px'); + document.querySelector(':root').style.setProperty('--on-dropdown-focus-bg', onbackgroundPrimary); + } else { + document.querySelector(':root').style.setProperty('--dropdown-focus-theme', '100%'); + document.querySelector(':root').style.setProperty('--on-dropdown-focus-bg', onButtonColor); + } + }); + + // Assign // + $('.text-style .dropdown-item').click(function(e) { + var update = $(this).html(); + var id = $(this).parents('.text-style').attr('id'); + $('#' + id + ' .dropdown-toggle').html(update); + $(this).parents('.text-style').addClass('editted'); + updateText() + }); + + function updateText(){ + var family = $(document).find('#text-family button').html() + var weight = $(document).find('#text-weight button').html() + var lh = $(document).find('#text-line-height button').html() + var spacing = $(document).find('#text-letter-spacing-info span').html(); + var size = $(document).find('#text-size-info span').html(); + var style = weight + ' ' + size + '/' + lh + ' ' + family + ' , sans-serif' + $('#sample-text .new').css('letter-spacing', spacing); + $('#sample-text .new').css('font', style); + } + + // pick color theory for charts // + $('#chart-color .dropdown-item').click(function(e) { + var update = $(this).html(); + $(this).parents('.dropdown').find('.dropdown-toggle').html(update); + var system = $('.system.active').attr('id'); + $('#' + system + ' .default-chart-theory').html(update); + build_ChartColors() + }); + + + + + + function css(a) { + var sheets = document.styleSheets, o = {}; + for (var i in sheets) { + var rules = sheets[i].rules || sheets[i].cssRules; + for (var r in rules) { + if (a.is(rules[r].selectorText)) { + o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style'))); + } + } + } + return o; + } + + function css2json(css) { + var s = {}; + if (!css) return s; + if (css instanceof CSSStyleDeclaration) { + for (var i in css) { + if ((css[i]).toLowerCase) { + s[(css[i]).toLowerCase()] = (css[css[i]]); + } + } + } else if (typeof css == "string") { + css = css.split("; "); + for (var i in css) { + var l = css[i].split(": "); + s[l[0].toLowerCase()] = (l[1]); + } + } + return s; + } + +}); diff --git a/src/common/issue-501-lise-code.js b/src/common/issue-501-lise-code.js index a6b754a..fad5ae5 100644 --- a/src/common/issue-501-lise-code.js +++ b/src/common/issue-501-lise-code.js @@ -69,7 +69,7 @@ const mixColors = (c1, c2, opacity) => { parseInt(c1.slice(1, 3), 16), parseInt(c1.slice(3, 5), 16), parseInt(c1.slice(5, 7), 16), - parseInt(c2.slice(1, 3), 16), + parseInt(c2.slice(1, 3), 16)t parseInt(c2.slice(3, 5), 16), parseInt(c2.slice(5, 7), 16), ]; diff --git a/src/common/questions b/src/common/questions index bcdc9d6..5b5841a 100644 --- a/src/common/questions +++ b/src/common/questions @@ -2,9 +2,15 @@ * "contrastRation" var on line 61 is not being used and therefore text_color on lines 46 & 48. Delete? * The call to rescale on line 62 passes "theme" as the 1st arg, but the rescale function (line 505) takes 3 args with colorName as 1st. rescale(colorName, mode, lastDarkText ) +* On line 544, explain how "colorName+'-'+mode+'-'+d" equals theme * What is the output of the "buildShades" function? The "checkContrast" function must be setting something globally. * What is the value of the "mixer" variable? * Verify that buildColor is implemented by buildShade. * Are the following settings per Theme? WCAGContrast, MaxChoma, dmmaxChroma, darkTextArray If any of these are changed, do we need to automatically rebuild the shades? If automatic, what else should be impacted in the theme? I think the dependency graph needs to be generalized to include not just "this property depends on the value of this property" but "this group of actions (e.g. buildShades) depends on this property. So when they switch a theme from AA to AAA, the shades of all colors of the themes would be automatically rebuilt. + + +Mapping of Lise's code to SDK: +1) buildColor -> src/common/Shade.ts:buildShade +2) Lise uses the name "theme" sometimes to refer to the colorName diff --git a/src/common/shade.ts b/src/common/shade.ts index 91edb67..87014e5 100644 --- a/src/common/shade.ts +++ b/src/common/shade.ts @@ -3,6 +3,7 @@ * Licensed under Apache-2.0 License. See License.txt in the project root for license information */ import * as chroma from "chroma-js"; +import { Settings } from "./settings"; import { Logger } from "../util/logger"; import { Util } from "../util/util"; @@ -38,6 +39,11 @@ interface ColorMode { color: Color; } +export interface BuildShadesArgs { + lm: boolean; + settings: Settings; +} + export interface SearchShadesArgs { condition: (shade: Shade) => boolean; add1: number; @@ -445,7 +451,7 @@ export class Shade { } */ - public buildShades(lm: boolean): Shade[] { + public buildShades(args: BuildShadesArgs): Shade[] { const prime = this.calculateLabel(); const color = this.hex; // calculate how many light shades need to get built // @@ -459,7 +465,7 @@ export class Shade { } var darkscale: any; if (darkColors > 1) { - var endColor = this.mixColors('#000000',color.toString(),lm? .95 : .98); + var endColor = this.mixColors('#000000',color.toString(),args.lm? .95 : .98); darkscale = chroma.scale([color,endColor]).correctLightness(true).colors(darkColors); } else { darkscale = [color] @@ -473,7 +479,7 @@ export class Shade { for (let i = 0; i < 10; i++) { if (i == 0) { const f = chroma.scale([( '#FFFFFF') ,color]); - const scale = lm ? 100/(prime * 2) : (100/ (prime * 4)) * 3; + const scale = args.lm ? 100/(prime * 2) : (100/ (prime * 4)) * 3; newRGB = f(scale); } else { newRGB = colorScale[i]; @@ -481,7 +487,7 @@ export class Shade { newRGB = this.triangle(color,i,prime,newRGB); var shade = i * 100; var text_color: number[]; - if (Shade.fromRGBArray(newRGB).getContrastShade(lm) == Shade.WHITE) { + if (Shade.fromRGBArray(newRGB).getContrastShade(args.lm) == Shade.WHITE) { text_color = [255,255,255]; // white } else { text_color = [18,18,18]; // black @@ -490,16 +496,25 @@ export class Shade { newRGB = Util.rgbArrayToHex(newRGB); // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // // TODO: Pass minRatio of 4.5 for AA and 7.1 for AAA. - rtn.push(this.buildShade(lm)); + rtn.push(this.buildShade(args.lm)); // // loop through each shade // i++; } - this.rescale(theme) + if (!args.lm) { + // HERE: 'theme' is the name of the color + this.rescale(theme, args.lm) // args don't match up + } return rtn; } - private rescale(colorName, mode, lastDarkText ) { + // There are two groups of colors in each scale: have dark text and light text. + // The purpose of this function is to make it so that the jump in colors between these 2 groups is uniform. + // Colors between the last shade of the 1st group and 1st shade in the 2nd group. + // For the last shade of the 1st group, make it as dark as possible while still meeting WCAG contrast requirements + // For the first shade of the 2nd group, make it as light as possible while still meeting WCAG contrast requirements + // lastDarkText is the last in the 1st group + private rescale(colorName: string, lm: boolean, lastDarkText ) { // get the lights shade // var startLightShade = rgb2hex($(document).find('#' + colorName + '-'+ mode +'-0 .Hex').css('backgroundColor')); // get the last shade with dark text // From 49848b4dd86052df5b8fa67fa0c5ad233f43ccd0 Mon Sep 17 00:00:00 2001 From: smithbk Date: Wed, 10 Jul 2024 10:59:35 -0400 Subject: [PATCH 05/14] adding shadesBuilder.ts --- src/common/checkSaturation.js | 12 +- src/common/questions | 6 + src/common/settings.ts | 3 +- src/common/shade.ts | 36 +++--- src/common/shadesBuilder.ts | 237 ++++++++++++++++++++++++++++++++++ 5 files changed, 271 insertions(+), 23 deletions(-) create mode 100644 src/common/shadesBuilder.ts diff --git a/src/common/checkSaturation.js b/src/common/checkSaturation.js index 0ada41f..f63a0b6 100644 --- a/src/common/checkSaturation.js +++ b/src/common/checkSaturation.js @@ -3420,7 +3420,7 @@ $(document).ready(function() { function getLowestMiddleHighest(rgbIntArray) { let highest = {val:-1,index:-1}; let lowest = {val:Infinity,index:-1}; -
 + rgbIntArray.map((val,index)=>{ if(val>highest.val){ highest = {val:val,index:index}; @@ -3429,7 +3429,7 @@ $(document).ready(function() { lowest = {val:val,index:index}; } }); -
 + if(lowest.index===highest.index){ lowest.index=highest.index+1; } @@ -3557,6 +3557,7 @@ $(document).ready(function() { } function checkContrast(theme, color, mode) { + // Determine the contrast of "color" to both a light text background and dark text background var lightTextArray = hextoRGBArray(lightText); var rgbArray = hextoRGBArray(rgb2hex(color)); var shade = theme.split('-')[2]; @@ -3567,10 +3568,10 @@ $(document).ready(function() { var text_color, textTint, contrastRatio var contrastRatio = contrast(lightArray, rgbArray); var elevationHex; - if ( light > dark ) { + if ( light > dark ) { // The contrast is greater on a light text background text_color = lightArray; // white var textTint = 'light'; - if (mode == 'dark') { + if (mode == 'dark') { var colorHex = rgb2hex(color) /// for dark mode - lighten color light text /// var newText = lighten(colorHex,mixer) @@ -3579,6 +3580,7 @@ $(document).ready(function() { var elevationHex, textHex contrastRatio = contrast(lightArray, newArray); var i = .00 + // Darken the shade until the contrast ratio to light text background meets WCAG while (contrastRatio < wcagContrast) { var hex = (chroma(color).darken(i)).toString() var textHex = (mixColors(hex,'#ffffff',mixer )).toString(); @@ -3593,7 +3595,7 @@ $(document).ready(function() { buildColor(theme,mode,rgbArray,text_color,contrastRatio) return false; } - } else { + } else { // The contrast is greater on a dark text background text_color = darkTextArray; // dark var textTint = 'dark'; contrastRatio = contrast(text_color, rgbArray); diff --git a/src/common/questions b/src/common/questions index 5b5841a..49038d1 100644 --- a/src/common/questions +++ b/src/common/questions @@ -1,3 +1,8 @@ +* 2852 - 2857: "contrast_ration" never used, and thus "text_color" + + + + * What is "lightText" on line 89? * "contrastRation" var on line 61 is not being used and therefore text_color on lines 46 & 48. Delete? * The call to rescale on line 62 passes "theme" as the 1st arg, but the rescale function (line 505) takes 3 args with colorName as 1st. @@ -13,4 +18,5 @@ Mapping of Lise's code to SDK: 1) buildColor -> src/common/Shade.ts:buildShade +1) contrast -> src/common/Shade.ts:getContrastShade 2) Lise uses the name "theme" sometimes to refer to the colorName diff --git a/src/common/settings.ts b/src/common/settings.ts index b4ddd02..8f796d9 100644 --- a/src/common/settings.ts +++ b/src/common/settings.ts @@ -30,6 +30,7 @@ export class Settings { public wcag: WCAGSetting = WCAGSetting.AA; public lmMaxChroma = 100; public dmMaxChroma = 100; - public darkText = Shade.OFF_BLACK; + public lightText = Shade.WHITE; + public darkText = Shade.DARK_TEXT; } \ No newline at end of file diff --git a/src/common/shade.ts b/src/common/shade.ts index 87014e5..4b6a48e 100644 --- a/src/common/shade.ts +++ b/src/common/shade.ts @@ -59,6 +59,8 @@ export class Shade { private static coreShadeMap: {[coreShadeName:string]: Shade} = {}; + /** The black shade */ + public static FULL_BLACK = Shade.fromHex("#000000", "Full-Black"); /** The black shade */ public static BLACK = Shade.fromHex("#121212", "Black"); /** The near black shade */ @@ -75,6 +77,8 @@ export class Shade { public static OFF_WHITE = Shade.fromHex("#FAF9F6", "Off-White"); /** The gray shade */ public static GRAY = Shade.fromHex("#FAFAFA", "Gray"); + /** The dark text shade */ + public static DARK_TEXT = Shade.fromHex("#23233F", "Dark-Text"); /** The white dark mode shade */ public static WHITE_DM = Shade.fromHex("#FFFFFF", "DM-White").setOpacity(0.6); /** The half-white dark mode shade */ @@ -366,16 +370,10 @@ export class Shade { const blackRatio = this.getContrastRatio(Shade.BLACK); let whiteRatio = this.getContrastRatio(Shade.WHITE); if (!lm) whiteRatio = whiteRatio * 0.6; - if (blackRatio > whiteRatio) { - return Shade.BLACK; - } else { - if (lm) { - return Shade.WHITE; - } - else { - return Shade.WHITE_DM; - } - } + // Return the correct shade based on greatest ratio + if (blackRatio > whiteRatio) return Shade.BLACK; + else if (lm) return Shade.WHITE; + return Shade.WHITE_DM; } /** @@ -486,14 +484,17 @@ export class Shade { } newRGB = this.triangle(color,i,prime,newRGB); var shade = i * 100; - var text_color: number[]; - if (Shade.fromRGBArray(newRGB).getContrastShade(args.lm) == Shade.WHITE) { - text_color = [255,255,255]; // white + var textShade: Shade; + /* + if (Shade.fromRGBArray(newRGB).getContrastShade(args.lm).hex == Shade.WHITE.hex) { + textShade = Shade.WHITE; } else { - text_color = [18,18,18]; // black + textShade = args.settings.darkText; } // convert the color to hex // newRGB = Util.rgbArrayToHex(newRGB); + */ + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // // TODO: Pass minRatio of 4.5 for AA and 7.1 for AAA. rtn.push(this.buildShade(args.lm)); @@ -554,7 +555,7 @@ export class Shade { } } - private checkContrast(theme: any, color: any, mode: string) { + private checkContrast(args: BuildShadesArgs) { var lightTextArray = hextoRGBArray(lightText); var rgbArray = hextoRGBArray(rgb2hex(color)); var shade = theme.split('-')[2]; @@ -737,8 +738,9 @@ export class Shade { if (newSaturation > maxSaturation) { newSaturation = maxSaturation; } - var newHSL = chroma.hsl(ihsl[0], newSaturation , ihsl[2]).hex(); - return newHSL; + const rtn = chroma.hsl(ihsl[0], newSaturation, ihsl[2]).hex(); + log.debug(`triangle - rtn=${rtn}`); + return rtn; } /** diff --git a/src/common/shadesBuilder.ts b/src/common/shadesBuilder.ts new file mode 100644 index 0000000..078124c --- /dev/null +++ b/src/common/shadesBuilder.ts @@ -0,0 +1,237 @@ +/* + * Copyright (c) 2023 Discover Financial Services + * Licensed under Apache-2.0 License. See License.txt in the project root for license information + */ +import * as chroma from "chroma-js"; +import { Shade } from "./shade"; +import { Settings } from "./settings"; +import { Logger } from "../util/logger"; +import { Util } from "../util/util"; + +const log = new Logger("shb"); + +export interface ShadeGroup { + shade: Shade; + halfShade: Shade; + onShade: Shade; +} + +interface IV { + idx: number; + val: number; +} + +interface LMH { + low: IV; + mid: IV; + high: IV; +} + +interface Color { + name: string; + light: ColorMode; + dark: ColorMode; +} + +interface ColorMode { + key: string; + name: string; + shades: Shade[]; + color: Color; +} + +export interface BuildShadesArgs { + lm: boolean; + settings: Settings; +} + +export interface SearchShadesArgs { + condition: (shade: Shade) => boolean; + add1: number; + add2: number; +} + +/** + * A shade builder. + * + * @category Utilities + */ +export class ShadesBuilder { + + public static build(shade: Shade, lm: boolean, settings: Settings): Shade[] { + const sb = new ShadesBuilder(shade, lm, settings); + return sb.build(); + } + + private shade: Shade; + private lm: boolean; + private settings: Settings; + private prime: number; + + constructor(shade: Shade, lm: boolean, settings: Settings) { + this.shade = shade; + this.lm = lm; + this.settings = settings; + this.prime = shade.getLabel(); + } + + public build(): Shade[] { + // calculate how many lighter shades need to get built // + const numLighterColors = (this.prime / 100) + 1; + // calculate how many darker shades need to get built // + const numDarkerColors = ((900 - this.prime) / 100) + 1 + // build hex values for lighter shades + let lightScale: string[]; + if (numLighterColors > 1) { + lightScale = chroma.scale(['#FFFFFF', this.shade.hex]).correctLightness(true).colors(numLighterColors); + } else { + lightScale = [this.shade.hex] + } + // build hex values for darker shades + let darkScale: string[]; + if (numDarkerColors > 1) { + const endShade = this.shade.mix(Shade.FULL_BLACK, this.lm ? .95 : .98); + darkScale = chroma.scale([this.shade.hex, endShade.hex]).correctLightness(true).colors(numDarkerColors); + } else { + darkScale = [this.shade.hex] + } + // remove the final lighter shade, why? + if (lightScale.length > 0) { + lightScale.splice(-1) + } + // Merge light and dark scale values into a single colorScale + const colorScale = [...lightScale, ...darkScale]; + // Generate a shade for each color scale + const rtn: Shade[] = []; + for (let i = 0; i < colorScale.length; i++) { + // + let newRGB: any; + if (i == 0) { + const fcn = chroma.scale(['#FFFFFF', this.shade.hex]); + const scale = this.lm ? 100 / (this.prime * 2) : (100 / (this.prime * 4)) * 3; + newRGB = fcn(scale); + } else { + newRGB = colorScale[i]; + } + newRGB = this.triangle(i, newRGB); + var shade = i * 100; + var textShade: Shade; + /* + if (Shade.fromRGBArray(newRGB).getContrastShade(args.lm).hex == Shade.WHITE.hex) { + textShade = Shade.WHITE; + } else { + textShade = args.settings.darkText; + } + // convert the color to hex // + newRGB = Util.rgbArrayToHex(newRGB); + */ + + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // + // TODO: Pass minRatio of 4.5 for AA and 7.1 for AAA. + rtn.push(this.buildShade(args.lm)); + // + // loop through each shade // + i++; + } + if (!this.lm) { + // HERE: 'theme' is the name of the color + this.rescale(theme, args.lm) // args don't match up + } + return rtn; + } + + // WHy is this named triangle? + private triangle(i: number, newRGB: number[]): Shade { + const primeHsl = chroma(this.shade.hex).hsl(); + const primeSaturation = primeHsl[1]; + const maxSaturation = Math.max(primeSaturation, 1); + const ihsl = chroma(newRGB).hsl(); + let change: number; + let newSaturation: number; + const primeIdx = this.prime / 100; + if (primeIdx == i) { + change = 1; + newSaturation = primeSaturation * change; + } else if (primeIdx <= 7) { + if (i <= 7) { + change = i / primeIdx; + } else { + change = (7 - (i - 7) - 2) / primeIdx; + } + newSaturation = primeSaturation * change; + } else { + const base = (7 - (i - 7) - 2); + const seven = base * primeSaturation; + change = i <= 7 ? i / 7 : base / 7; + newSaturation = seven * change; + } + newSaturation = Math.min(newSaturation, maxSaturation); + const hex = chroma.hsl(ihsl[0], newSaturation, ihsl[2]).hex(); + return Shade.fromHex(hex); + } + + private checkContrast(theme, color, mode) { + // Determine the contrast of "color" to both a light text background and dark text background + var lightTextArray = hextoRGBArray(lightText); + var rgbArray = hextoRGBArray(rgb2hex(color)); + var shade = theme.split('-')[2]; + var newRGB = "rgb(" + rgbArray +")" + var lightArray = lightTextArray + var light = contrast(lightArray, rgbArray); + var dark = contrast(darkTextArray, rgbArray); + var text_color, textTint, contrastRatio + var contrastRatio = contrast(lightArray, rgbArray); + var elevationHex; + if ( light > dark ) { // The contrast is greater on a light text background + text_color = lightArray; // white + var textTint = 'light'; + if (mode == 'dark') { + var colorHex = rgb2hex(color) + /// for dark mode - lighten color light text /// + var newText = lighten(colorHex,mixer) + var newArray = hextoRGBArray(colorHex); + var lightArray = hextoRGBArray(newText) + var elevationHex, textHex + contrastRatio = contrast(lightArray, newArray); + var i = .00 + // Darken the shade until the contrast ratio to light text background meets WCAG + while (contrastRatio < wcagContrast) { + var hex = (chroma(color).darken(i)).toString() + var textHex = (mixColors(hex,'#ffffff',mixer )).toString(); + var textArray = hextoRGBArray(textHex); + var newArray = hextoRGBArray(hex); + var contrastRatio = contrast(newArray, textArray); + i = i + .01 + } + var newHex = (chroma(rgb2hex(color)).darken(i)).toString() + var rgbArray = hextoRGBArray(newHex); + var textTint = 'light'; + buildColor(theme,mode,rgbArray,text_color,contrastRatio) + return false; + } + } else { // The contrast is greater on a dark text background + text_color = darkTextArray; // dark + var textTint = 'dark'; + contrastRatio = contrast(text_color, rgbArray); + } + if (textTint == 'light') { + var buildText = lightTextArray + } else { + var buildText = darkTextArray + } + contrastRatio = contrastRatio.toFixed(2) + if (contrastRatio < wcagContrast) { + var darkCount = adjustDarkerCount(theme, newRGB, lightArray, contrastRatio, mode) + var lightCount = adjustLighterCount(theme, newRGB, darkTextArray, contrastRatio, mode) + if (darkCount < lightCount || shade >= 600) { + adjustColorDarker(theme, newRGB, lightArray, contrastRatio, mode) + } else { + adjustColorLighter(theme, newRGB, darkTextArray, contrastRatio, mode) + } + } else { + console.log('theme: ' + theme + ' ,text color:' + text_color + ', rgbArray' + rgbArray + ', contrastRatio: ' + contrastRatio) + buildColor(theme,mode,rgbArray,buildText,contrastRatio) + } + } + +} \ No newline at end of file From e08fd3852a1f8a26d03431d87361fa3b49c9db7d Mon Sep 17 00:00:00 2001 From: smithbk Date: Thu, 11 Jul 2024 10:00:12 -0400 Subject: [PATCH 06/14] sync'ing latest --- src/common/settings.ts | 14 ++- src/common/shadeBuilder.ts | 171 ++++++++++++++++++++++++++ src/common/shadeUtil.ts | 46 +++++++ src/common/shadesBuilder.ts | 237 ------------------------------------ 4 files changed, 226 insertions(+), 242 deletions(-) create mode 100644 src/common/shadeBuilder.ts create mode 100644 src/common/shadeUtil.ts delete mode 100644 src/common/shadesBuilder.ts diff --git a/src/common/settings.ts b/src/common/settings.ts index 8f796d9..d521d20 100644 --- a/src/common/settings.ts +++ b/src/common/settings.ts @@ -16,21 +16,25 @@ export class WCAGSetting { public static readonly AA = new WCAGSetting("AA", 4.5); public static readonly AAA = new WCAGSetting("AAA", 7.1); - private constructor(name: string, textContrast: number) { + private constructor(name: string, minContrastRatio: number) { this.name = name; - this.textContrast = textContrast; + this.minContrastRatio = minContrastRatio; } public readonly name: string; - public readonly textContrast: number; + public readonly minContrastRatio: number; } export class Settings { - public wcag: WCAGSetting = WCAGSetting.AA; + public wcag: WCAGSetting = WCAGSetting.AA; // per theme + // Not sure if these should be per theme or per color. Lise to follow up. public lmMaxChroma = 100; - public dmMaxChroma = 100; + public dmMaxChroma = 80; + // per theme public lightText = Shade.WHITE; public darkText = Shade.DARK_TEXT; + public dmOpacity = .7; + public mixer = 1 - this.dmOpacity; // constant relative to dmOpacity } \ No newline at end of file diff --git a/src/common/shadeBuilder.ts b/src/common/shadeBuilder.ts new file mode 100644 index 0000000..00dc289 --- /dev/null +++ b/src/common/shadeBuilder.ts @@ -0,0 +1,171 @@ +/* + * Copyright (c) 2023 Discover Financial Services + * Licensed under Apache-2.0 License. See License.txt in the project root for license information + */ +import * as chroma from "chroma-js"; +import { Shade } from "./shade"; +import { Settings } from "./settings"; +import { Logger } from "../util/logger"; +import { Util } from "../util/util"; + +const log = new Logger("shb"); + +export interface ShadeGroup { + shade: Shade; + halfShade: Shade; + onShade: Shade; +} + +interface IV { + idx: number; + val: number; +} + +interface LMH { + low: IV; + mid: IV; + high: IV; +} + +interface Color { + name: string; + light: ColorMode; + dark: ColorMode; +} + +interface ColorMode { + key: string; + name: string; + shades: Shade[]; + color: Color; +} + +export interface BuildShadesArgs { + lightMode: boolean; + settings: Settings; +} + +export interface SearchShadesArgs { + condition: (shade: Shade) => boolean; + add1: number; + add2: number; +} + +/** + * A shade builder. + * + * @category Utilities + */ +export class ShadeBuilder { + + public static build(shade: Shade, lightMode: boolean, settings: Settings): Shade[] { + const sb = new ShadeBuilder(shade, lightMode, settings); + return sb.build(); + } + + private shade: Shade; + private lightMode: boolean; + private settings: Settings; + private prime: number; + + constructor(shade: Shade, lightMode: boolean, settings: Settings) { + this.shade = shade; + this.lightMode = lightMode; + this.settings = settings; + this.prime = shade.getLabel(); + } + + public build(): Shade[] { + // calculate how many lighter shades need to get built // + const numLighterShades = (this.prime / 100) + 1; + // calculate how many darker shades need to get built // + const numDarkerShades = ((900 - this.prime) / 100) + 1 + // build hex values for lighter shades + let lightScale: string[]; + if (numLighterShades > 1) { + lightScale = chroma.scale(['#FFFFFF', this.shade.hex]).correctLightness(true).colors(numLighterShades); + } else { + lightScale = [this.shade.hex] + } + // build hex values for darker shades + let darkScale: string[]; + if (numDarkerShades > 1) { + const endShade = this.shade.mix(Shade.FULL_BLACK, this.isLightMode() ? .95 : .98); + darkScale = chroma.scale([this.shade.hex, endShade.hex]).correctLightness(true).colors(numDarkerShades); + } else { + darkScale = [this.shade.hex] + } + // remove the final lighter shade because it is pure white + if (lightScale.length > 0) { + lightScale.splice(-1) + } + // Merge light and dark scale values into a single colorScale + const colorScale = [...lightScale, ...darkScale]; + // Generate a shade for each color scale + const rtn: Shade[] = []; + for (let i = 0; i < colorScale.length; i++) { + let newHex: string; + if (i == 0) { + const fcn = chroma.scale(['#FFFFFF', this.shade.hex]); + const scale = this.isLightMode() ? 100 / (this.prime * 2) : (100 / (this.prime * 4)) * 3; + newHex = fcn(scale); + } else { + newHex = colorScale[i]; + } + let shade = Shade.fromHex(newHex); + // Triangularize the shade + shade = this.triangularize(shade); + // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrast ratio of wcagContrast or + // if the shade needs to be lighted or darked + shade = this.adjustShadeToMeetRequirements(shade); + shade.setIndex(i); + rtn.push(shade); + rtn.push(this.buildShade(args.lm)); + } + if (this.isDarkMode()) { + // HERE: 'theme' is the name of the color + this.rescale(theme, args.lm) // args don't match up + } + return rtn; + } + + // Increases the chroma or saturation of a color until about 700 and then comes back down. + // This is most significant for the way it looks in light mode. + // See https://colorspace.r-forge.r-project.org/articles/hcl_palettes.html for more info. + private triangularize(shade: Shade): Shade { + const primeHsl = chroma(this.shade.hex).hsl(); + const primeSaturation = primeHsl[1]; + const maxSaturation = Math.max(primeSaturation, this.isLightMode() ? this.settings.lmMaxChroma : this.settings.dmMaxChroma); + const ihsl = chroma(shade.rgbArray).hsl(); + let newSaturation: number; + const primeIdx = this.prime / 100; + if (primeIdx == shade.index) { + newSaturation = primeSaturation; + } else if (primeIdx <= 7) { + let change: number; + if (shade.index <= 7) { + change = shade.index / primeIdx; + } else { + change = (7 - (shade.index - 7) - 2) / primeIdx; + } + newSaturation = primeSaturation * change; + } else { + const base = (7 - (shade.index - 7) - 2); + const seven = base * primeSaturation; + const change = shade.index <= 7 ? shade.index / 7 : base / 7; + newSaturation = seven * change; + } + newSaturation = Math.min(newSaturation, maxSaturation); + const hex = chroma.hsl(ihsl[0], newSaturation, ihsl[2]).hex(); + return Shade.fromHex(hex); + } + + /** + * Adjust the shade (if needed) to meet the WCAG requirements + * @param shade The shade to be adjusted + * @returns The adjusted shade + */ + private adjustShadeToMeetRequirements(shade: Shade): Shade { + // Determine the contrast of "color" to both a light text background and dark text background + const lightContrastRatio = this.shade.getContrastRatio(this.settings.lightText); + const darkContrastRatio = this.shade.getContrastRatio(this.sett \ No newline at end of file diff --git a/src/common/shadeUtil.ts b/src/common/shadeUtil.ts new file mode 100644 index 0000000..8c8801c --- /dev/null +++ b/src/common/shadeUtil.ts @@ -0,0 +1,46 @@ +/* + * Copyright (c) 2023 Discover Financial Services + * Licensed under Apache-2.0 License. See License.txt in the project root for license information + */ +export class ShadeUtil { + + /** + * Lighten a color and return resulting color. + * @param hexColor The hex representation of the color to lighten. + * @param opacity The opacity value to lighten, between [0,1]; + * @returns The hex representation of the lightened color. + */ + public static lighten(hexColor: string, opacity: number): string { + return ShadeUtil.mixColors(hexColor, '#ffffff', opacity); + } + + /** + * Darken a color and return resulting color. + * @param hexColor The hex representation of the color to darken. + * @param opacity The opacity value to darken, between [0,1]; + * @returns The hex representation of the darkened color. + */ + public static darken(hexColor: string, opacity: number): string { + return ShadeUtil.mixColors(hexColor, '#000000', opacity); + } + + /** + * Mix two colors (in hex) and return the resulting color (in hex). + * @param c1 Hex string for color1 + * @param c2 Hex string for color2 + * @param opacity Value from [0,1] + * @returns Hex string for mixed color + */ + public static mixColors(c1: string, c2: string, opacity: number): string { + const [r0, g0, b0, r1, g1, b1] = [ + parseInt(c1.slice(1, 3), 16), + parseInt(c1.slice(3, 5), 16), + parseInt(c1.slice(5, 7), 16), + parseInt(c2.slice(1, 3), 16), + parseInt(c2.slice(3, 5), 16), + parseInt(c2.slice(5, 7), 16), + ]; + const [r, g, b] = [ + Math.round(r0 * opacity + r1 * (1 - opacity)), + Math.round(g0 * opacity + g1 * (1 - opacity)), + Math.round(b0 * opacity + b1 * (1 - opacit \ No newline at end of file diff --git a/src/common/shadesBuilder.ts b/src/common/shadesBuilder.ts deleted file mode 100644 index 078124c..0000000 --- a/src/common/shadesBuilder.ts +++ /dev/null @@ -1,237 +0,0 @@ -/* - * Copyright (c) 2023 Discover Financial Services - * Licensed under Apache-2.0 License. See License.txt in the project root for license information - */ -import * as chroma from "chroma-js"; -import { Shade } from "./shade"; -import { Settings } from "./settings"; -import { Logger } from "../util/logger"; -import { Util } from "../util/util"; - -const log = new Logger("shb"); - -export interface ShadeGroup { - shade: Shade; - halfShade: Shade; - onShade: Shade; -} - -interface IV { - idx: number; - val: number; -} - -interface LMH { - low: IV; - mid: IV; - high: IV; -} - -interface Color { - name: string; - light: ColorMode; - dark: ColorMode; -} - -interface ColorMode { - key: string; - name: string; - shades: Shade[]; - color: Color; -} - -export interface BuildShadesArgs { - lm: boolean; - settings: Settings; -} - -export interface SearchShadesArgs { - condition: (shade: Shade) => boolean; - add1: number; - add2: number; -} - -/** - * A shade builder. - * - * @category Utilities - */ -export class ShadesBuilder { - - public static build(shade: Shade, lm: boolean, settings: Settings): Shade[] { - const sb = new ShadesBuilder(shade, lm, settings); - return sb.build(); - } - - private shade: Shade; - private lm: boolean; - private settings: Settings; - private prime: number; - - constructor(shade: Shade, lm: boolean, settings: Settings) { - this.shade = shade; - this.lm = lm; - this.settings = settings; - this.prime = shade.getLabel(); - } - - public build(): Shade[] { - // calculate how many lighter shades need to get built // - const numLighterColors = (this.prime / 100) + 1; - // calculate how many darker shades need to get built // - const numDarkerColors = ((900 - this.prime) / 100) + 1 - // build hex values for lighter shades - let lightScale: string[]; - if (numLighterColors > 1) { - lightScale = chroma.scale(['#FFFFFF', this.shade.hex]).correctLightness(true).colors(numLighterColors); - } else { - lightScale = [this.shade.hex] - } - // build hex values for darker shades - let darkScale: string[]; - if (numDarkerColors > 1) { - const endShade = this.shade.mix(Shade.FULL_BLACK, this.lm ? .95 : .98); - darkScale = chroma.scale([this.shade.hex, endShade.hex]).correctLightness(true).colors(numDarkerColors); - } else { - darkScale = [this.shade.hex] - } - // remove the final lighter shade, why? - if (lightScale.length > 0) { - lightScale.splice(-1) - } - // Merge light and dark scale values into a single colorScale - const colorScale = [...lightScale, ...darkScale]; - // Generate a shade for each color scale - const rtn: Shade[] = []; - for (let i = 0; i < colorScale.length; i++) { - // - let newRGB: any; - if (i == 0) { - const fcn = chroma.scale(['#FFFFFF', this.shade.hex]); - const scale = this.lm ? 100 / (this.prime * 2) : (100 / (this.prime * 4)) * 3; - newRGB = fcn(scale); - } else { - newRGB = colorScale[i]; - } - newRGB = this.triangle(i, newRGB); - var shade = i * 100; - var textShade: Shade; - /* - if (Shade.fromRGBArray(newRGB).getContrastShade(args.lm).hex == Shade.WHITE.hex) { - textShade = Shade.WHITE; - } else { - textShade = args.settings.darkText; - } - // convert the color to hex // - newRGB = Util.rgbArrayToHex(newRGB); - */ - - // based on the mode light or dark - run the appropriate check to see if the color and on color meet the contrats ratio of wcagContrast or if the shade needs to be lighted or darked // - // TODO: Pass minRatio of 4.5 for AA and 7.1 for AAA. - rtn.push(this.buildShade(args.lm)); - // - // loop through each shade // - i++; - } - if (!this.lm) { - // HERE: 'theme' is the name of the color - this.rescale(theme, args.lm) // args don't match up - } - return rtn; - } - - // WHy is this named triangle? - private triangle(i: number, newRGB: number[]): Shade { - const primeHsl = chroma(this.shade.hex).hsl(); - const primeSaturation = primeHsl[1]; - const maxSaturation = Math.max(primeSaturation, 1); - const ihsl = chroma(newRGB).hsl(); - let change: number; - let newSaturation: number; - const primeIdx = this.prime / 100; - if (primeIdx == i) { - change = 1; - newSaturation = primeSaturation * change; - } else if (primeIdx <= 7) { - if (i <= 7) { - change = i / primeIdx; - } else { - change = (7 - (i - 7) - 2) / primeIdx; - } - newSaturation = primeSaturation * change; - } else { - const base = (7 - (i - 7) - 2); - const seven = base * primeSaturation; - change = i <= 7 ? i / 7 : base / 7; - newSaturation = seven * change; - } - newSaturation = Math.min(newSaturation, maxSaturation); - const hex = chroma.hsl(ihsl[0], newSaturation, ihsl[2]).hex(); - return Shade.fromHex(hex); - } - - private checkContrast(theme, color, mode) { - // Determine the contrast of "color" to both a light text background and dark text background - var lightTextArray = hextoRGBArray(lightText); - var rgbArray = hextoRGBArray(rgb2hex(color)); - var shade = theme.split('-')[2]; - var newRGB = "rgb(" + rgbArray +")" - var lightArray = lightTextArray - var light = contrast(lightArray, rgbArray); - var dark = contrast(darkTextArray, rgbArray); - var text_color, textTint, contrastRatio - var contrastRatio = contrast(lightArray, rgbArray); - var elevationHex; - if ( light > dark ) { // The contrast is greater on a light text background - text_color = lightArray; // white - var textTint = 'light'; - if (mode == 'dark') { - var colorHex = rgb2hex(color) - /// for dark mode - lighten color light text /// - var newText = lighten(colorHex,mixer) - var newArray = hextoRGBArray(colorHex); - var lightArray = hextoRGBArray(newText) - var elevationHex, textHex - contrastRatio = contrast(lightArray, newArray); - var i = .00 - // Darken the shade until the contrast ratio to light text background meets WCAG - while (contrastRatio < wcagContrast) { - var hex = (chroma(color).darken(i)).toString() - var textHex = (mixColors(hex,'#ffffff',mixer )).toString(); - var textArray = hextoRGBArray(textHex); - var newArray = hextoRGBArray(hex); - var contrastRatio = contrast(newArray, textArray); - i = i + .01 - } - var newHex = (chroma(rgb2hex(color)).darken(i)).toString() - var rgbArray = hextoRGBArray(newHex); - var textTint = 'light'; - buildColor(theme,mode,rgbArray,text_color,contrastRatio) - return false; - } - } else { // The contrast is greater on a dark text background - text_color = darkTextArray; // dark - var textTint = 'dark'; - contrastRatio = contrast(text_color, rgbArray); - } - if (textTint == 'light') { - var buildText = lightTextArray - } else { - var buildText = darkTextArray - } - contrastRatio = contrastRatio.toFixed(2) - if (contrastRatio < wcagContrast) { - var darkCount = adjustDarkerCount(theme, newRGB, lightArray, contrastRatio, mode) - var lightCount = adjustLighterCount(theme, newRGB, darkTextArray, contrastRatio, mode) - if (darkCount < lightCount || shade >= 600) { - adjustColorDarker(theme, newRGB, lightArray, contrastRatio, mode) - } else { - adjustColorLighter(theme, newRGB, darkTextArray, contrastRatio, mode) - } - } else { - console.log('theme: ' + theme + ' ,text color:' + text_color + ', rgbArray' + rgbArray + ', contrastRatio: ' + contrastRatio) - buildColor(theme,mode,rgbArray,buildText,contrastRatio) - } - } - -} \ No newline at end of file From 9de094d9519f3eb6a09ecec31de8b75b983c095b Mon Sep 17 00:00:00 2001 From: smithbk Date: Sun, 4 Aug 2024 23:54:11 -0400 Subject: [PATCH 07/14] Fix compile errors --- docs/assets/search.js | 2 +- docs/classes/AnimationSettings.html | 34 +- docs/classes/Atom.html | 34 +- docs/classes/Atoms.html | 72 +- docs/classes/Avatars.html | 38 +- docs/classes/BevelSettings.html | 38 +- docs/classes/BevelSettingsProps.html | 26 +- docs/classes/BodyStyles.html | 46 +- docs/classes/BorderSettings.html | 38 +- docs/classes/CSSGenerator.html | 23 +- docs/classes/Cards.html | 44 +- docs/classes/ChartDonut.html | 48 +- docs/classes/ChartLine.html | 42 +- docs/classes/ChartPie.html | 44 +- docs/classes/ChartProgress.html | 42 +- docs/classes/Chips.html | 44 +- docs/classes/Code.html | 50 +- docs/classes/Color.html | 49 +- docs/classes/ColorBlind.html | 36 +- docs/classes/ColorMode.html | 34 +- docs/classes/ColorPalette.html | 60 +- docs/classes/ColorTheme.html | 54 +- docs/classes/ColorThemes.html | 50 +- docs/classes/DataTables.html | 40 +- docs/classes/DesignSystem.html | 61 +- docs/classes/DisplayAndHeaderStyles.html | 42 +- docs/classes/Dropdowns.html | 38 +- docs/classes/ElevationSettings.html | 54 +- docs/classes/FocusStates.html | 38 +- docs/classes/FontsSettings.html | 50 +- docs/classes/FooterAndCopyright.html | 38 +- docs/classes/GlowSettings.html | 44 +- docs/classes/GradientColors.html | 14 +- docs/classes/GridSettings.html | 36 +- docs/classes/Hero.html | 42 +- docs/classes/Hotlinks.html | 36 +- docs/classes/Images.html | 40 +- docs/classes/InputBackground.html | 36 +- docs/classes/Layers.html | 42 +- docs/classes/ListenerSubscription.html | 12 +- docs/classes/MemStorage.html | 10 +- docs/classes/MinimumTarget.html | 38 +- docs/classes/Modal.html | 38 +- docs/classes/Molecule.html | 32 +- docs/classes/Molecules.html | 66 +- docs/classes/Node.html | 32 +- docs/classes/Organism.html | 32 +- docs/classes/Organisms.html | 42 +- docs/classes/Popovers.html | 36 +- docs/classes/PrimaryNav.html | 40 +- docs/classes/Property.html | 28 +- docs/classes/PropertyGroupListener.html | 10 +- docs/classes/PropertyRange.html | 28 +- docs/classes/SecondaryNav.html | 40 +- docs/classes/Shade.html | 469 +- docs/classes/Sliders.html | 42 +- docs/classes/SmallButtons.html | 38 +- docs/classes/SmallTextStyles.html | 66 +- docs/classes/Spacing.html | 36 +- docs/classes/StandardButtons.html | 48 +- docs/classes/StatStyles.html | 36 +- docs/classes/StateSettings.html | 46 +- docs/classes/ThemeBuilder.html | 20 +- docs/classes/Toasts.html | 38 +- docs/classes/TypographyStyling.html | 42 +- docs/index.html | 8 +- docs/interfaces/INode.html | 16 +- docs/interfaces/Storage.html | 20 +- docs/interfaces/StorageElement.html | 10 +- docs/modules.html | 8 +- package-lock.json | 8 +- src/atoms/colorPalette.ts | 7 +- src/atoms/colorThemes.ts | 4 +- src/atoms/stateSettings.ts | 2 + src/common/checkSaturation.js | 12584 --------------------- src/common/issue-501-lise-code.js | 371 - src/common/props.ts | 8 + src/common/settings.ts | 40 - src/common/shade.ts | 630 +- src/common/shadeBuilder.ts | 431 +- src/common/shadeUtil.ts | 14 +- src/common/wcag.ts | 47 + src/designSystem.ts | 13 +- src/interfaces.ts | 2 + 84 files changed, 1989 insertions(+), 15198 deletions(-) delete mode 100644 src/common/checkSaturation.js delete mode 100644 src/common/issue-501-lise-code.js delete mode 100644 src/common/settings.ts create mode 100644 src/common/wcag.ts diff --git a/docs/assets/search.js b/docs/assets/search.js index 071d16c..f0cbdb1 100644 --- a/docs/assets/search.js +++ b/docs/assets/search.js @@ -1 +1 @@ -window.searchData = JSON.parse("{\"kinds\":{\"128\":\"Class\",\"256\":\"Interface\",\"1024\":\"Property\",\"2048\":\"Method\",\"65536\":\"Type literal\"},\"rows\":[{\"kind\":256,\"name\":\"INode\",\"url\":\"interfaces/INode.html\",\"classes\":\"tsd-kind-interface\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"interfaces/INode.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"INode\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"interfaces/INode.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"INode\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"interfaces/INode.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"INode\"},{\"kind\":128,\"name\":\"ThemeBuilder\",\"url\":\"classes/ThemeBuilder.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":2048,\"name\":\"create\",\"url\":\"classes/ThemeBuilder.html#create\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"addDesignSystem\",\"url\":\"classes/ThemeBuilder.html#addDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ThemeBuilder.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"deleteDesignSystem\",\"url\":\"classes/ThemeBuilder.html#deleteDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"listDesignSystemNames\",\"url\":\"classes/ThemeBuilder.html#listDesignSystemNames\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":128,\"name\":\"DesignSystem\",\"url\":\"classes/DesignSystem.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"atoms\",\"url\":\"classes/DesignSystem.html#atoms\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"molecules\",\"url\":\"classes/DesignSystem.html#molecules\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"organisms\",\"url\":\"classes/DesignSystem.html#organisms\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"layers\",\"url\":\"classes/DesignSystem.html#layers\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"code\",\"url\":\"classes/DesignSystem.html#code\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"copy\",\"url\":\"classes/DesignSystem.html#copy\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/DesignSystem.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/DesignSystem.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/DesignSystem.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/DesignSystem.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/DesignSystem.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/DesignSystem.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/DesignSystem.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/DesignSystem.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/DesignSystem.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/DesignSystem.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":128,\"name\":\"Node\",\"url\":\"classes/Node.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Node.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Node.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Node.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Node.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Node.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Node.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Node.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Node.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Node.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Node.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Node.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":128,\"name\":\"ListenerSubscription\",\"url\":\"classes/ListenerSubscription.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":2048,\"name\":\"cancel\",\"url\":\"classes/ListenerSubscription.html#cancel\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ListenerSubscription\"},{\"kind\":128,\"name\":\"Property\",\"url\":\"classes/Property.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Property.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Property.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Property.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Property.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Property.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Property.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Property.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Property.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Property.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":128,\"name\":\"PropertyGroupListener\",\"url\":\"classes/PropertyGroupListener.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":128,\"name\":\"PropertyRange\",\"url\":\"classes/PropertyRange.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/PropertyRange.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/PropertyRange.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/PropertyRange.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/PropertyRange.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/PropertyRange.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/PropertyRange.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/PropertyRange.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/PropertyRange.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/PropertyRange.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":128,\"name\":\"Shade\",\"url\":\"classes/Shade.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"BLACK\",\"url\":\"classes/Shade.html#BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"NEAR_BLACK\",\"url\":\"classes/Shade.html#NEAR_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"HALF_BLACK\",\"url\":\"classes/Shade.html#HALF_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"OFF_BLACK\",\"url\":\"classes/Shade.html#OFF_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"WHITE\",\"url\":\"classes/Shade.html#WHITE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"HALF_WHITE\",\"url\":\"classes/Shade.html#HALF_WHITE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"OFF_WHITE\",\"url\":\"classes/Shade.html#OFF_WHITE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"GRAY\",\"url\":\"classes/Shade.html#GRAY\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"WHITE_DM\",\"url\":\"classes/Shade.html#WHITE_DM\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"HALF_WHITE_DM\",\"url\":\"classes/Shade.html#HALF_WHITE_DM\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"DARK_BLUE\",\"url\":\"classes/Shade.html#DARK_BLUE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getCoreShade\",\"url\":\"classes/Shade.html#getCoreShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"coreShades\",\"url\":\"classes/Shade.html#coreShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"fromHex\",\"url\":\"classes/Shade.html#fromHex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"fromRGB\",\"url\":\"classes/Shade.html#fromRGB\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"fromRGBArray\",\"url\":\"classes/Shade.html#fromRGBArray\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"hex\",\"url\":\"classes/Shade.html#hex\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"rgbArray\",\"url\":\"classes/Shade.html#rgbArray\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"R\",\"url\":\"classes/Shade.html#R\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"G\",\"url\":\"classes/Shade.html#G\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"B\",\"url\":\"classes/Shade.html#B\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"classes/Shade.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"index\",\"url\":\"classes/Shade.html#index\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"opacity\",\"url\":\"classes/Shade.html#opacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"onHex\",\"url\":\"classes/Shade.html#onHex\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"setHex\",\"url\":\"classes/Shade.html#setHex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"hasMode\",\"url\":\"classes/Shade.html#hasMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getMode\",\"url\":\"classes/Shade.html#getMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"setMode\",\"url\":\"classes/Shade.html#setMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"isCore\",\"url\":\"classes/Shade.html#isCore\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"setId\",\"url\":\"classes/Shade.html#setId\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getHalfShade\",\"url\":\"classes/Shade.html#getHalfShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getQuarterShade\",\"url\":\"classes/Shade.html#getQuarterShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getPartialShade\",\"url\":\"classes/Shade.html#getPartialShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLightModeShade\",\"url\":\"classes/Shade.html#getLightModeShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getOnShade2\",\"url\":\"classes/Shade.html#getOnShade2\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLuminance\",\"url\":\"classes/Shade.html#getLuminance\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getShadeOrOnShadeBasedOnContrast\",\"url\":\"classes/Shade.html#getShadeOrOnShadeBasedOnContrast\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLightness\",\"url\":\"classes/Shade.html#getLightness\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getPerceivedLightness\",\"url\":\"classes/Shade.html#getPerceivedLightness\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getSaturation\",\"url\":\"classes/Shade.html#getSaturation\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"buildShades\",\"url\":\"classes/Shade.html#buildShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getShade\",\"url\":\"classes/Shade.html#getShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"findLMShade\",\"url\":\"classes/Shade.html#findLMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLMShade\",\"url\":\"classes/Shade.html#getLMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"buildLMShades\",\"url\":\"classes/Shade.html#buildLMShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"findDMShade\",\"url\":\"classes/Shade.html#findDMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getDMShade\",\"url\":\"classes/Shade.html#getDMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getCorrespondingDarkModeShade\",\"url\":\"classes/Shade.html#getCorrespondingDarkModeShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"meetsContrastRequirements\",\"url\":\"classes/Shade.html#meetsContrastRequirements\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"buildDMShades\",\"url\":\"classes/Shade.html#buildDMShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLighterAndDarkerShades\",\"url\":\"classes/Shade.html#getLighterAndDarkerShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLighterShades\",\"url\":\"classes/Shade.html#getLighterShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"buildDMShade\",\"url\":\"classes/Shade.html#buildDMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"buildShade\",\"url\":\"classes/Shade.html#buildShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"buildLMShade\",\"url\":\"classes/Shade.html#buildLMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrastRatio\",\"url\":\"classes/Shade.html#getContrastRatio\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrast\",\"url\":\"classes/Shade.html#getContrast\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrastToWhiteOrBlack\",\"url\":\"classes/Shade.html#getContrastToWhiteOrBlack\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"mix\",\"url\":\"classes/Shade.html#mix\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getHexOrRGBA\",\"url\":\"classes/Shade.html#getHexOrRGBA\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"clone\",\"url\":\"classes/Shade.html#clone\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getShadesOrderedByNearness\",\"url\":\"classes/Shade.html#getShadesOrderedByNearness\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":128,\"name\":\"Atom\",\"url\":\"classes/Atom.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/Atom.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atom\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Atom.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Atom.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Atom.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Atom.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Atom.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Atom.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Atom.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Atom.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Atom.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Atom.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Atom.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":128,\"name\":\"Atoms\",\"url\":\"classes/Atoms.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"colorPalette\",\"url\":\"classes/Atoms.html#colorPalette\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"colorThemes\",\"url\":\"classes/Atoms.html#colorThemes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"fontsSettings\",\"url\":\"classes/Atoms.html#fontsSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"displayAndHeaderStyles\",\"url\":\"classes/Atoms.html#displayAndHeaderStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"bodyStyles\",\"url\":\"classes/Atoms.html#bodyStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"smallTextStyles\",\"url\":\"classes/Atoms.html#smallTextStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"statStyles\",\"url\":\"classes/Atoms.html#statStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"gridSettings\",\"url\":\"classes/Atoms.html#gridSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"minimumTarget\",\"url\":\"classes/Atoms.html#minimumTarget\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"stateSettings\",\"url\":\"classes/Atoms.html#stateSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"chartColors\",\"url\":\"classes/Atoms.html#chartColors\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"borderSettings\",\"url\":\"classes/Atoms.html#borderSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"focusStates\",\"url\":\"classes/Atoms.html#focusStates\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"hotlinks\",\"url\":\"classes/Atoms.html#hotlinks\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"inputBackground\",\"url\":\"classes/Atoms.html#inputBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"elevationSettings\",\"url\":\"classes/Atoms.html#elevationSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"bevelSettings\",\"url\":\"classes/Atoms.html#bevelSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"glowSettings\",\"url\":\"classes/Atoms.html#glowSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"animationSettings\",\"url\":\"classes/Atoms.html#animationSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"colorBlind\",\"url\":\"classes/Atoms.html#colorBlind\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Atoms.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Atoms.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Atoms.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Atoms.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Atoms.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Atoms.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Atoms.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Atoms.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Atoms.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Atoms.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Atoms.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":128,\"name\":\"ColorPalette\",\"url\":\"classes/ColorPalette.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"defaultColorName\",\"url\":\"classes/ColorPalette.html#defaultColorName\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"addColor\",\"url\":\"classes/ColorPalette.html#addColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"removeColor\",\"url\":\"classes/ColorPalette.html#removeColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"setColorListener\",\"url\":\"classes/ColorPalette.html#setColorListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColorNames\",\"url\":\"classes/ColorPalette.html#getColorNames\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColor\",\"url\":\"classes/ColorPalette.html#getColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDefaultColor\",\"url\":\"classes/ColorPalette.html#getDefaultColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDefaultColorName\",\"url\":\"classes/ColorPalette.html#getDefaultColorName\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColors\",\"url\":\"classes/ColorPalette.html#getColors\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColorShades\",\"url\":\"classes/ColorPalette.html#getColorShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getLightColorShades\",\"url\":\"classes/ColorPalette.html#getLightColorShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDarkColorShades\",\"url\":\"classes/ColorPalette.html#getDarkColorShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColorIndex\",\"url\":\"classes/ColorPalette.html#getColorIndex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ColorPalette.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorPalette.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorPalette.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorPalette.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorPalette.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorPalette.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorPalette.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorPalette.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorPalette.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorPalette.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorPalette.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorPalette.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":128,\"name\":\"Color\",\"url\":\"classes/Color.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"index\",\"url\":\"classes/Color.html#index\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"hex\",\"url\":\"classes/Color.html#hex\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"light\",\"url\":\"classes/Color.html#light\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"dark\",\"url\":\"classes/Color.html#dark\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Color.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Color.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Color.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Color.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Color.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Color.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Color.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Color.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Color.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Color.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Color.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":128,\"name\":\"ColorMode\",\"url\":\"classes/ColorMode.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorMode.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorMode\"},{\"kind\":1024,\"name\":\"shades\",\"url\":\"classes/ColorMode.html#shades\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorMode\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorMode.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorMode.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorMode.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorMode.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorMode.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorMode.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorMode.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorMode.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorMode.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorMode.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":128,\"name\":\"ColorThemes\",\"url\":\"classes/ColorThemes.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"defaultTheme\",\"url\":\"classes/ColorThemes.html#defaultTheme\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"createTheme\",\"url\":\"classes/ColorThemes.html#createTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getThemeNames\",\"url\":\"classes/ColorThemes.html#getThemeNames\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getTheme\",\"url\":\"classes/ColorThemes.html#getTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getThemes\",\"url\":\"classes/ColorThemes.html#getThemes\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getDefaultTheme\",\"url\":\"classes/ColorThemes.html#getDefaultTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getDefaultThemeName\",\"url\":\"classes/ColorThemes.html#getDefaultThemeName\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"setDefaultTheme\",\"url\":\"classes/ColorThemes.html#setDefaultTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ColorThemes.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorThemes.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorThemes.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorThemes.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorThemes.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorThemes.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorThemes.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorThemes.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorThemes.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorThemes.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorThemes.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorThemes.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":128,\"name\":\"ColorTheme\",\"url\":\"classes/ColorTheme.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"primary\",\"url\":\"classes/ColorTheme.html#primary\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"secondary\",\"url\":\"classes/ColorTheme.html#secondary\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"tertiary\",\"url\":\"classes/ColorTheme.html#tertiary\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"lightModeBackground\",\"url\":\"classes/ColorTheme.html#lightModeBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"darkModeBackground\",\"url\":\"classes/ColorTheme.html#darkModeBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"gradient1\",\"url\":\"classes/ColorTheme.html#gradient1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"gradient2\",\"url\":\"classes/ColorTheme.html#gradient2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"button\",\"url\":\"classes/ColorTheme.html#button\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"icon\",\"url\":\"classes/ColorTheme.html#icon\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"gradientHeaderText\",\"url\":\"classes/ColorTheme.html#gradientHeaderText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"accent\",\"url\":\"classes/ColorTheme.html#accent\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorTheme.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorTheme.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorTheme.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorTheme.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorTheme.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorTheme.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorTheme.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorTheme.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorTheme.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorTheme.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorTheme.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":128,\"name\":\"GradientColors\",\"url\":\"classes/GradientColors.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"from\",\"url\":\"classes/GradientColors.html#from\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GradientColors\"},{\"kind\":1024,\"name\":\"to\",\"url\":\"classes/GradientColors.html#to\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GradientColors\"},{\"kind\":128,\"name\":\"FontsSettings\",\"url\":\"classes/FontsSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"primaryFont\",\"url\":\"classes/FontsSettings.html#primaryFont\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"secondaryFont\",\"url\":\"classes/FontsSettings.html#secondaryFont\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"baseFontSize\",\"url\":\"classes/FontsSettings.html#baseFontSize\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"fontWeights\",\"url\":\"classes/FontsSettings.html#fontWeights\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"standardLineHeight\",\"url\":\"classes/FontsSettings.html#standardLineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"headerLineHeight\",\"url\":\"classes/FontsSettings.html#headerLineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"smallLineHeight\",\"url\":\"classes/FontsSettings.html#smallLineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"secondaryFontWeight\",\"url\":\"classes/FontsSettings.html#secondaryFontWeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/FontsSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/FontsSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/FontsSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/FontsSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/FontsSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/FontsSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/FontsSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/FontsSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/FontsSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/FontsSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/FontsSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/FontsSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":128,\"name\":\"DisplayAndHeaderStyles\",\"url\":\"classes/DisplayAndHeaderStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"headingDisplayFontWeight\",\"url\":\"classes/DisplayAndHeaderStyles.html#headingDisplayFontWeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"percentChangeInHeaderDisplaySizes\",\"url\":\"classes/DisplayAndHeaderStyles.html#percentChangeInHeaderDisplaySizes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"displayStyles\",\"url\":\"classes/DisplayAndHeaderStyles.html#displayStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"headerStyles\",\"url\":\"classes/DisplayAndHeaderStyles.html#headerStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/DisplayAndHeaderStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/DisplayAndHeaderStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/DisplayAndHeaderStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/DisplayAndHeaderStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/DisplayAndHeaderStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/DisplayAndHeaderStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/DisplayAndHeaderStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/DisplayAndHeaderStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/DisplayAndHeaderStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/DisplayAndHeaderStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/DisplayAndHeaderStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/DisplayAndHeaderStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":128,\"name\":\"BodyStyles\",\"url\":\"classes/BodyStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"body1\",\"url\":\"classes/BodyStyles.html#body1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body1Bold\",\"url\":\"classes/BodyStyles.html#body1Bold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body2\",\"url\":\"classes/BodyStyles.html#body2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body2Bold\",\"url\":\"classes/BodyStyles.html#body2Bold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body3\",\"url\":\"classes/BodyStyles.html#body3\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body3Bold\",\"url\":\"classes/BodyStyles.html#body3Bold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/BodyStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/BodyStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/BodyStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/BodyStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/BodyStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/BodyStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/BodyStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/BodyStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/BodyStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/BodyStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/BodyStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/BodyStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":128,\"name\":\"SmallTextStyles\",\"url\":\"classes/SmallTextStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"subtitle1\",\"url\":\"classes/SmallTextStyles.html#subtitle1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"subtitle2\",\"url\":\"classes/SmallTextStyles.html#subtitle2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"caption\",\"url\":\"classes/SmallTextStyles.html#caption\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"captionBold\",\"url\":\"classes/SmallTextStyles.html#captionBold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"overline\",\"url\":\"classes/SmallTextStyles.html#overline\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"overlineLarge\",\"url\":\"classes/SmallTextStyles.html#overlineLarge\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"overlineExtraLarge\",\"url\":\"classes/SmallTextStyles.html#overlineExtraLarge\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label1\",\"url\":\"classes/SmallTextStyles.html#label1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label1AllCaps\",\"url\":\"classes/SmallTextStyles.html#label1AllCaps\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label2\",\"url\":\"classes/SmallTextStyles.html#label2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label2AllCaps\",\"url\":\"classes/SmallTextStyles.html#label2AllCaps\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"labelSmall\",\"url\":\"classes/SmallTextStyles.html#labelSmall\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"callToAction\",\"url\":\"classes/SmallTextStyles.html#callToAction\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"callToActionSmall\",\"url\":\"classes/SmallTextStyles.html#callToActionSmall\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"small\",\"url\":\"classes/SmallTextStyles.html#small\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"smallSemibold\",\"url\":\"classes/SmallTextStyles.html#smallSemibold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/SmallTextStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/SmallTextStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/SmallTextStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/SmallTextStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/SmallTextStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/SmallTextStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/SmallTextStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/SmallTextStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/SmallTextStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/SmallTextStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/SmallTextStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/SmallTextStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":128,\"name\":\"StatStyles\",\"url\":\"classes/StatStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"stat\",\"url\":\"classes/StatStyles.html#stat\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StatStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/StatStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/StatStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/StatStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/StatStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/StatStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/StatStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/StatStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/StatStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/StatStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/StatStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/StatStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/StatStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":128,\"name\":\"GlowSettings\",\"url\":\"classes/GlowSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"color\",\"url\":\"classes/GlowSettings.html#color\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"blurRadius\",\"url\":\"classes/GlowSettings.html#blurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"spreadRadius\",\"url\":\"classes/GlowSettings.html#spreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"colorOpacity\",\"url\":\"classes/GlowSettings.html#colorOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"percentageChange\",\"url\":\"classes/GlowSettings.html#percentageChange\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/GlowSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/GlowSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/GlowSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/GlowSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/GlowSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/GlowSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/GlowSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/GlowSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/GlowSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/GlowSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/GlowSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/GlowSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":128,\"name\":\"GridSettings\",\"url\":\"classes/GridSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"grid\",\"url\":\"classes/GridSettings.html#grid\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GridSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/GridSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/GridSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/GridSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/GridSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/GridSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/GridSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/GridSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/GridSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/GridSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/GridSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/GridSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/GridSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":128,\"name\":\"MinimumTarget\",\"url\":\"classes/MinimumTarget.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minHeight\",\"url\":\"classes/MinimumTarget.html#minHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"mobileMinHeight\",\"url\":\"classes/MinimumTarget.html#mobileMinHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/MinimumTarget.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/MinimumTarget.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/MinimumTarget.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/MinimumTarget.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/MinimumTarget.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/MinimumTarget.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/MinimumTarget.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/MinimumTarget.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/MinimumTarget.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/MinimumTarget.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/MinimumTarget.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/MinimumTarget.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":128,\"name\":\"BorderSettings\",\"url\":\"classes/BorderSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"baseBorderWidth\",\"url\":\"classes/BorderSettings.html#baseBorderWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"baseBorderRadius\",\"url\":\"classes/BorderSettings.html#baseBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/BorderSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/BorderSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/BorderSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/BorderSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/BorderSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/BorderSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/BorderSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/BorderSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/BorderSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/BorderSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/BorderSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/BorderSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":128,\"name\":\"StateSettings\",\"url\":\"classes/StateSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"info\",\"url\":\"classes/StateSettings.html#info\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"success\",\"url\":\"classes/StateSettings.html#success\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"warning\",\"url\":\"classes/StateSettings.html#warning\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"danger\",\"url\":\"classes/StateSettings.html#danger\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"all\",\"url\":\"classes/StateSettings.html#all\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"ready\",\"url\":\"classes/StateSettings.html#ready\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/StateSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/StateSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/StateSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/StateSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/StateSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/StateSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/StateSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/StateSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/StateSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/StateSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/StateSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/StateSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":128,\"name\":\"FocusStates\",\"url\":\"classes/FocusStates.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"focusColor\",\"url\":\"classes/FocusStates.html#focusColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"addFocusBlur\",\"url\":\"classes/FocusStates.html#addFocusBlur\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/FocusStates.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/FocusStates.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/FocusStates.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/FocusStates.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/FocusStates.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/FocusStates.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/FocusStates.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/FocusStates.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/FocusStates.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/FocusStates.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/FocusStates.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/FocusStates.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":128,\"name\":\"Hotlinks\",\"url\":\"classes/Hotlinks.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"underlineHotlinksInLightMode\",\"url\":\"classes/Hotlinks.html#underlineHotlinksInLightMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hotlinks\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/Hotlinks.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Hotlinks.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Hotlinks.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Hotlinks.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Hotlinks.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Hotlinks.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Hotlinks.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Hotlinks.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Hotlinks.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Hotlinks.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Hotlinks.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Hotlinks.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":128,\"name\":\"InputBackground\",\"url\":\"classes/InputBackground.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"overlayColor\",\"url\":\"classes/InputBackground.html#overlayColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"InputBackground\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/InputBackground.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/InputBackground.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/InputBackground.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/InputBackground.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/InputBackground.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/InputBackground.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/InputBackground.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/InputBackground.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/InputBackground.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/InputBackground.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/InputBackground.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/InputBackground.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":128,\"name\":\"ElevationSettings\",\"url\":\"classes/ElevationSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"shadowColor\",\"url\":\"classes/ElevationSettings.html#shadowColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"baseBlurRadius\",\"url\":\"classes/ElevationSettings.html#baseBlurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"baseSpreadRadius\",\"url\":\"classes/ElevationSettings.html#baseSpreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"baseColorOpacity\",\"url\":\"classes/ElevationSettings.html#baseColorOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"horizontalShadowLength\",\"url\":\"classes/ElevationSettings.html#horizontalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"verticalShadowLength\",\"url\":\"classes/ElevationSettings.html#verticalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"blurRadius\",\"url\":\"classes/ElevationSettings.html#blurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"spreadRadius\",\"url\":\"classes/ElevationSettings.html#spreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"colorOpacity\",\"url\":\"classes/ElevationSettings.html#colorOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"percentageChange\",\"url\":\"classes/ElevationSettings.html#percentageChange\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ElevationSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ElevationSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ElevationSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ElevationSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ElevationSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ElevationSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ElevationSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ElevationSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ElevationSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ElevationSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ElevationSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ElevationSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":128,\"name\":\"BevelSettings\",\"url\":\"classes/BevelSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"standard\",\"url\":\"classes/BevelSettings.html#standard\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"inverse\",\"url\":\"classes/BevelSettings.html#inverse\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/BevelSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/BevelSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/BevelSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/BevelSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/BevelSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/BevelSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/BevelSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/BevelSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/BevelSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/BevelSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/BevelSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/BevelSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":128,\"name\":\"BevelSettingsProps\",\"url\":\"classes/BevelSettingsProps.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"standard\",\"url\":\"classes/BevelSettingsProps.html#standard\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"horizontalShadowLength\",\"url\":\"classes/BevelSettingsProps.html#horizontalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"verticalShadowLength\",\"url\":\"classes/BevelSettingsProps.html#verticalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"blurRadius\",\"url\":\"classes/BevelSettingsProps.html#blurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"spreadRadius\",\"url\":\"classes/BevelSettingsProps.html#spreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"lightGlowOpacity\",\"url\":\"classes/BevelSettingsProps.html#lightGlowOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"darkShadowOpacity\",\"url\":\"classes/BevelSettingsProps.html#darkShadowOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"percentageChange\",\"url\":\"classes/BevelSettingsProps.html#percentageChange\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":128,\"name\":\"AnimationSettings\",\"url\":\"classes/AnimationSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/AnimationSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/AnimationSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/AnimationSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/AnimationSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/AnimationSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/AnimationSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/AnimationSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/AnimationSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/AnimationSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/AnimationSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/AnimationSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/AnimationSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":128,\"name\":\"ColorBlind\",\"url\":\"classes/ColorBlind.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"availableColorblindThemes\",\"url\":\"classes/ColorBlind.html#availableColorblindThemes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorBlind\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ColorBlind.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorBlind.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorBlind.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorBlind.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorBlind.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorBlind.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorBlind.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorBlind.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorBlind.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorBlind.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorBlind.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorBlind.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":128,\"name\":\"TypographyStyling\",\"url\":\"classes/TypographyStyling.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"fontFamily\",\"url\":\"classes/TypographyStyling.html#fontFamily\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"fontSize\",\"url\":\"classes/TypographyStyling.html#fontSize\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"fontWeight\",\"url\":\"classes/TypographyStyling.html#fontWeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"lineHeight\",\"url\":\"classes/TypographyStyling.html#lineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"letterSpacing\",\"url\":\"classes/TypographyStyling.html#letterSpacing\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/TypographyStyling.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/TypographyStyling.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/TypographyStyling.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/TypographyStyling.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/TypographyStyling.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/TypographyStyling.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/TypographyStyling.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/TypographyStyling.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/TypographyStyling.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/TypographyStyling.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/TypographyStyling.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":128,\"name\":\"Molecule\",\"url\":\"classes/Molecule.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Molecule.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Molecule.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Molecule.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Molecule.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Molecule.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Molecule.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Molecule.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Molecule.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Molecule.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Molecule.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Molecule.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":128,\"name\":\"Molecules\",\"url\":\"classes/Molecules.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"avatars\",\"url\":\"classes/Molecules.html#avatars\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"standardButtons\",\"url\":\"classes/Molecules.html#standardButtons\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"smallButtons\",\"url\":\"classes/Molecules.html#smallButtons\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"standardCards\",\"url\":\"classes/Molecules.html#standardCards\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartDonut\",\"url\":\"classes/Molecules.html#chartDonut\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartPie\",\"url\":\"classes/Molecules.html#chartPie\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartBar\",\"url\":\"classes/Molecules.html#chartBar\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartLine\",\"url\":\"classes/Molecules.html#chartLine\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartProgress\",\"url\":\"classes/Molecules.html#chartProgress\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chips\",\"url\":\"classes/Molecules.html#chips\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"spacing\",\"url\":\"classes/Molecules.html#spacing\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"dropdowns\",\"url\":\"classes/Molecules.html#dropdowns\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"images\",\"url\":\"classes/Molecules.html#images\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"modal\",\"url\":\"classes/Molecules.html#modal\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"popovers\",\"url\":\"classes/Molecules.html#popovers\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"sliders\",\"url\":\"classes/Molecules.html#sliders\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"toasts\",\"url\":\"classes/Molecules.html#toasts\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Molecules.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Molecules.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Molecules.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Molecules.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Molecules.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Molecules.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Molecules.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Molecules.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Molecules.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Molecules.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Molecules.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":128,\"name\":\"Avatars\",\"url\":\"classes/Avatars.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"mediumBorder\",\"url\":\"classes/Avatars.html#mediumBorder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"extraLargeBorder\",\"url\":\"classes/Avatars.html#extraLargeBorder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Avatars.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Avatars.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Avatars.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Avatars.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Avatars.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Avatars.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Avatars.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Avatars.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Avatars.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Avatars.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Avatars.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Avatars.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":128,\"name\":\"StandardButtons\",\"url\":\"classes/StandardButtons.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minWidth\",\"url\":\"classes/StandardButtons.html#minWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"height\",\"url\":\"classes/StandardButtons.html#height\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"radius\",\"url\":\"classes/StandardButtons.html#radius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"horizontalPadding\",\"url\":\"classes/StandardButtons.html#horizontalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"buttonText\",\"url\":\"classes/StandardButtons.html#buttonText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"buttonShadow\",\"url\":\"classes/StandardButtons.html#buttonShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"secondaryBorder\",\"url\":\"classes/StandardButtons.html#secondaryBorder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/StandardButtons.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/StandardButtons.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/StandardButtons.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/StandardButtons.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/StandardButtons.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/StandardButtons.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/StandardButtons.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/StandardButtons.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/StandardButtons.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/StandardButtons.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/StandardButtons.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":128,\"name\":\"SmallButtons\",\"url\":\"classes/SmallButtons.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"visibleHeight\",\"url\":\"classes/SmallButtons.html#visibleHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"horizontalPadding\",\"url\":\"classes/SmallButtons.html#horizontalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"buttonText\",\"url\":\"classes/SmallButtons.html#buttonText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/SmallButtons.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/SmallButtons.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/SmallButtons.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/SmallButtons.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/SmallButtons.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/SmallButtons.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/SmallButtons.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/SmallButtons.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/SmallButtons.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/SmallButtons.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/SmallButtons.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":128,\"name\":\"Cards\",\"url\":\"classes/Cards.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minWidth\",\"url\":\"classes/Cards.html#minWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"minHeight\",\"url\":\"classes/Cards.html#minHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Cards.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"padding\",\"url\":\"classes/Cards.html#padding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"contentGap\",\"url\":\"classes/Cards.html#contentGap\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Cards.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Cards.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Cards.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Cards.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Cards.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Cards.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Cards.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Cards.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Cards.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Cards.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Cards.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Cards.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":128,\"name\":\"ChartDonut\",\"url\":\"classes/ChartDonut.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"cutoutThickness\",\"url\":\"classes/ChartDonut.html#cutoutThickness\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"segmentBorderRadius\",\"url\":\"classes/ChartDonut.html#segmentBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"spaceBetweenSegments\",\"url\":\"classes/ChartDonut.html#spaceBetweenSegments\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"segmentShadow\",\"url\":\"classes/ChartDonut.html#segmentShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"containerDisplay\",\"url\":\"classes/ChartDonut.html#containerDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"containerPadding\",\"url\":\"classes/ChartDonut.html#containerPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"containerShadow\",\"url\":\"classes/ChartDonut.html#containerShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"centerDisplay\",\"url\":\"classes/ChartDonut.html#centerDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartDonut.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartDonut.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartDonut.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartDonut.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartDonut.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartDonut.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartDonut.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartDonut.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartDonut.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartDonut.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartDonut.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":128,\"name\":\"ChartPie\",\"url\":\"classes/ChartPie.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"segmentRadius\",\"url\":\"classes/ChartPie.html#segmentRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"spaceBetweenSegments\",\"url\":\"classes/ChartPie.html#spaceBetweenSegments\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"progressShadow\",\"url\":\"classes/ChartPie.html#progressShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"containerDisplay\",\"url\":\"classes/ChartPie.html#containerDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"containerPadding\",\"url\":\"classes/ChartPie.html#containerPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"containerShadow\",\"url\":\"classes/ChartPie.html#containerShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartPie.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartPie.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartPie.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartPie.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartPie.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartPie.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartPie.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartPie.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartPie.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartPie.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartPie.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":128,\"name\":\"ChartLine\",\"url\":\"classes/ChartLine.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"lineBackgroundColor\",\"url\":\"classes/ChartLine.html#lineBackgroundColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"lineWidth\",\"url\":\"classes/ChartLine.html#lineWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"lineShadow\",\"url\":\"classes/ChartLine.html#lineShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"chartLinesDisplay\",\"url\":\"classes/ChartLine.html#chartLinesDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"yLabelsDisplay\",\"url\":\"classes/ChartLine.html#yLabelsDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartLine.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartLine.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartLine.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartLine.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartLine.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartLine.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartLine.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartLine.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartLine.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartLine.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartLine.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":128,\"name\":\"ChartProgress\",\"url\":\"classes/ChartProgress.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"cutoutThickness\",\"url\":\"classes/ChartProgress.html#cutoutThickness\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"segmentShadow\",\"url\":\"classes/ChartProgress.html#segmentShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"containerPadding\",\"url\":\"classes/ChartProgress.html#containerPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"containerShadow\",\"url\":\"classes/ChartProgress.html#containerShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"startingPosition\",\"url\":\"classes/ChartProgress.html#startingPosition\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartProgress.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartProgress.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartProgress.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartProgress.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartProgress.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartProgress.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartProgress.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartProgress.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartProgress.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartProgress.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartProgress.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":128,\"name\":\"Chips\",\"url\":\"classes/Chips.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minWidth\",\"url\":\"classes/Chips.html#minWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"visibleHeight\",\"url\":\"classes/Chips.html#visibleHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"radius\",\"url\":\"classes/Chips.html#radius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"horizontalPadding\",\"url\":\"classes/Chips.html#horizontalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"text\",\"url\":\"classes/Chips.html#text\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Chips.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Chips.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Chips.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Chips.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Chips.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Chips.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Chips.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Chips.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Chips.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Chips.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Chips.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Chips.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":128,\"name\":\"Spacing\",\"url\":\"classes/Spacing.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"sectionPadding\",\"url\":\"classes/Spacing.html#sectionPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Spacing\"},{\"kind\":1024,\"name\":\"paragraphPadding\",\"url\":\"classes/Spacing.html#paragraphPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Spacing\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Spacing.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Spacing.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Spacing.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Spacing.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Spacing.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Spacing.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Spacing.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Spacing.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Spacing.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Spacing.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Spacing.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":128,\"name\":\"Dropdowns\",\"url\":\"classes/Dropdowns.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"menuFocusState\",\"url\":\"classes/Dropdowns.html#menuFocusState\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"menuShadow\",\"url\":\"classes/Dropdowns.html#menuShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Dropdowns.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Dropdowns.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Dropdowns.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Dropdowns.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Dropdowns.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Dropdowns.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Dropdowns.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Dropdowns.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Dropdowns.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Dropdowns.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Dropdowns.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Dropdowns.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":128,\"name\":\"Images\",\"url\":\"classes/Images.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"listImageHeight\",\"url\":\"classes/Images.html#listImageHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"listImageBorderRadius\",\"url\":\"classes/Images.html#listImageBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"generalImageBorderRadius\",\"url\":\"classes/Images.html#generalImageBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"imageShadow\",\"url\":\"classes/Images.html#imageShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Images.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Images.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Images.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Images.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Images.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Images.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Images.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Images.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Images.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Images.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Images.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":128,\"name\":\"Modal\",\"url\":\"classes/Modal.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"color\",\"url\":\"classes/Modal.html#color\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Modal.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Modal.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Modal.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Modal.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Modal.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Modal.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Modal.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Modal.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Modal.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Modal.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Modal.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Modal.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Modal.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":128,\"name\":\"Popovers\",\"url\":\"classes/Popovers.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Popovers.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Popovers\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Popovers.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Popovers\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Popovers.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Popovers.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Popovers.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Popovers.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Popovers.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Popovers.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Popovers.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Popovers.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Popovers.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Popovers.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Popovers.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":128,\"name\":\"Sliders\",\"url\":\"classes/Sliders.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"handleBorderRadius\",\"url\":\"classes/Sliders.html#handleBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"visibleHeight\",\"url\":\"classes/Sliders.html#visibleHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"handleShadow\",\"url\":\"classes/Sliders.html#handleShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"barHeight\",\"url\":\"classes/Sliders.html#barHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"barShadow\",\"url\":\"classes/Sliders.html#barShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Sliders.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Sliders.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Sliders.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Sliders.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Sliders.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Sliders.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Sliders.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Sliders.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Sliders.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Sliders.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Sliders.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":128,\"name\":\"Toasts\",\"url\":\"classes/Toasts.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"handleBorderRadius\",\"url\":\"classes/Toasts.html#handleBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"padding\",\"url\":\"classes/Toasts.html#padding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Toasts.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Toasts.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Toasts.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Toasts.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Toasts.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Toasts.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Toasts.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Toasts.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Toasts.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Toasts.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Toasts.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Toasts.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":128,\"name\":\"Organism\",\"url\":\"classes/Organism.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Organism.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Organism.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Organism.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Organism.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Organism.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Organism.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Organism.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Organism.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Organism.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Organism.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Organism.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":128,\"name\":\"Organisms\",\"url\":\"classes/Organisms.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"dataTables\",\"url\":\"classes/Organisms.html#dataTables\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"hero\",\"url\":\"classes/Organisms.html#hero\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"primaryNav\",\"url\":\"classes/Organisms.html#primaryNav\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"secondaryNav\",\"url\":\"classes/Organisms.html#secondaryNav\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"footerAndCopyright\",\"url\":\"classes/Organisms.html#footerAndCopyright\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Organisms.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Organisms.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Organisms.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Organisms.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Organisms.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Organisms.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Organisms.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Organisms.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Organisms.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Organisms.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Organisms.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":128,\"name\":\"DataTables\",\"url\":\"classes/DataTables.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"availableColors\",\"url\":\"classes/DataTables.html#availableColors\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"padding\",\"url\":\"classes/DataTables.html#padding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"headerText\",\"url\":\"classes/DataTables.html#headerText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/DataTables.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/DataTables.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/DataTables.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/DataTables.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/DataTables.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/DataTables.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/DataTables.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/DataTables.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/DataTables.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/DataTables.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/DataTables.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/DataTables.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":128,\"name\":\"Hero\",\"url\":\"classes/Hero.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"availableColors\",\"url\":\"classes/Hero.html#availableColors\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"verticalGap\",\"url\":\"classes/Hero.html#verticalGap\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"verticalPadding\",\"url\":\"classes/Hero.html#verticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"title\",\"url\":\"classes/Hero.html#title\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"body\",\"url\":\"classes/Hero.html#body\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Hero.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Hero.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Hero.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Hero.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Hero.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Hero.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Hero.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Hero.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Hero.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Hero.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Hero.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":128,\"name\":\"PrimaryNav\",\"url\":\"classes/PrimaryNav.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"fixed\",\"url\":\"classes/PrimaryNav.html#fixed\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"verticalPadding\",\"url\":\"classes/PrimaryNav.html#verticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"horizontalTabPadding\",\"url\":\"classes/PrimaryNav.html#horizontalTabPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"navText\",\"url\":\"classes/PrimaryNav.html#navText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/PrimaryNav.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/PrimaryNav.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/PrimaryNav.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/PrimaryNav.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/PrimaryNav.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/PrimaryNav.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/PrimaryNav.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/PrimaryNav.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/PrimaryNav.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/PrimaryNav.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/PrimaryNav.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":128,\"name\":\"SecondaryNav\",\"url\":\"classes/SecondaryNav.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"sticky\",\"url\":\"classes/SecondaryNav.html#sticky\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"verticalPadding\",\"url\":\"classes/SecondaryNav.html#verticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"horizontalTabPadding\",\"url\":\"classes/SecondaryNav.html#horizontalTabPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"navText\",\"url\":\"classes/SecondaryNav.html#navText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/SecondaryNav.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/SecondaryNav.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/SecondaryNav.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/SecondaryNav.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/SecondaryNav.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/SecondaryNav.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/SecondaryNav.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/SecondaryNav.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/SecondaryNav.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/SecondaryNav.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/SecondaryNav.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":128,\"name\":\"FooterAndCopyright\",\"url\":\"classes/FooterAndCopyright.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"footerBackground\",\"url\":\"classes/FooterAndCopyright.html#footerBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"footerVerticalPadding\",\"url\":\"classes/FooterAndCopyright.html#footerVerticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"copyrightVerticalPadding\",\"url\":\"classes/FooterAndCopyright.html#copyrightVerticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/FooterAndCopyright.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/FooterAndCopyright.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/FooterAndCopyright.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/FooterAndCopyright.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/FooterAndCopyright.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/FooterAndCopyright.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/FooterAndCopyright.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/FooterAndCopyright.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/FooterAndCopyright.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/FooterAndCopyright.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/FooterAndCopyright.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":128,\"name\":\"Code\",\"url\":\"classes/Code.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"cssGenerator\",\"url\":\"classes/Code.html#cssGenerator\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getCSSVars\",\"url\":\"classes/Code.html#getCSSVars\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/Code.html#getCSSVars.getCSSVars-1.__type\",\"classes\":\"tsd-kind-type-literal\",\"parent\":\"Code.getCSSVars.getCSSVars\"},{\"kind\":2048,\"name\":\"setCSSVarListener\",\"url\":\"classes/Code.html#setCSSVarListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getCSSVarGroup\",\"url\":\"classes/Code.html#getCSSVarGroup\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getCSSVarGroupKeys\",\"url\":\"classes/Code.html#getCSSVarGroupKeys\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSONBase\",\"url\":\"classes/Code.html#getJSONBase\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSONLM\",\"url\":\"classes/Code.html#getJSONLM\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSONDM\",\"url\":\"classes/Code.html#getJSONDM\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSON\",\"url\":\"classes/Code.html#getJSON\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Code.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Code.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Code.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Code.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Code.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Code.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Code.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Code.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Code.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Code.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Code.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":128,\"name\":\"CSSGenerator\",\"url\":\"classes/CSSGenerator.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":2048,\"name\":\"addPropVar\",\"url\":\"classes/CSSGenerator.html#addPropVar\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"CSSGenerator\"},{\"kind\":2048,\"name\":\"addPropsVar\",\"url\":\"classes/CSSGenerator.html#addPropsVar\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"CSSGenerator\"},{\"kind\":128,\"name\":\"Layers\",\"url\":\"classes/Layers.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"colorBlind\",\"url\":\"classes/Layers.html#colorBlind\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"dyslexia\",\"url\":\"classes/Layers.html#dyslexia\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"motionSensitivity\",\"url\":\"classes/Layers.html#motionSensitivity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"properties\",\"url\":\"classes/Layers.html#properties\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"deviceTarget\",\"url\":\"classes/Layers.html#deviceTarget\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Layers.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Layers.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Layers.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Layers.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Layers.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Layers.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Layers.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Layers.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Layers.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Layers.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Layers.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":256,\"name\":\"StorageElement\",\"url\":\"interfaces/StorageElement.html\",\"classes\":\"tsd-kind-interface\"},{\"kind\":256,\"name\":\"Storage\",\"url\":\"interfaces/Storage.html\",\"classes\":\"tsd-kind-interface\"},{\"kind\":2048,\"name\":\"get\",\"url\":\"interfaces/Storage.html#get\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"set\",\"url\":\"interfaces/Storage.html#set\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"delete\",\"url\":\"interfaces/Storage.html#delete\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"listKeys\",\"url\":\"interfaces/Storage.html#listKeys\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"listMetadata\",\"url\":\"interfaces/Storage.html#listMetadata\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":128,\"name\":\"MemStorage\",\"url\":\"classes/MemStorage.html\",\"classes\":\"tsd-kind-class\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,65.53]],[\"comment/0\",[]],[\"name/1\",[1,29.067]],[\"comment/1\",[]],[\"name/2\",[2,29.421]],[\"comment/2\",[]],[\"name/3\",[3,29.067]],[\"comment/3\",[]],[\"name/4\",[4,65.53]],[\"comment/4\",[]],[\"name/5\",[5,65.53]],[\"comment/5\",[]],[\"name/6\",[6,65.53]],[\"comment/6\",[]],[\"name/7\",[7,29.067]],[\"comment/7\",[]],[\"name/8\",[8,65.53]],[\"comment/8\",[]],[\"name/9\",[9,65.53]],[\"comment/9\",[]],[\"name/10\",[10,65.53]],[\"comment/10\",[]],[\"name/11\",[11,60.422]],[\"comment/11\",[]],[\"name/12\",[12,60.422]],[\"comment/12\",[]],[\"name/13\",[13,60.422]],[\"comment/13\",[]],[\"name/14\",[14,60.422]],[\"comment/14\",[]],[\"name/15\",[15,60.422]],[\"comment/15\",[]],[\"name/16\",[16,65.53]],[\"comment/16\",[]],[\"name/17\",[17,29.242]],[\"comment/17\",[]],[\"name/18\",[1,29.067]],[\"comment/18\",[]],[\"name/19\",[7,29.067]],[\"comment/19\",[]],[\"name/20\",[18,29.242]],[\"comment/20\",[]],[\"name/21\",[19,29.242]],[\"comment/21\",[]],[\"name/22\",[20,29.602]],[\"comment/22\",[]],[\"name/23\",[21,29.242]],[\"comment/23\",[]],[\"name/24\",[2,29.421]],[\"comment/24\",[]],[\"name/25\",[3,29.067]],[\"comment/25\",[]],[\"name/26\",[22,29.242]],[\"comment/26\",[]],[\"name/27\",[23,65.53]],[\"comment/27\",[]],[\"name/28\",[17,29.242]],[\"comment/28\",[]],[\"name/29\",[1,29.067]],[\"comment/29\",[]],[\"name/30\",[7,29.067]],[\"comment/30\",[]],[\"name/31\",[18,29.242]],[\"comment/31\",[]],[\"name/32\",[19,29.242]],[\"comment/32\",[]],[\"name/33\",[20,29.602]],[\"comment/33\",[]],[\"name/34\",[21,29.242]],[\"comment/34\",[]],[\"name/35\",[2,29.421]],[\"comment/35\",[]],[\"name/36\",[3,29.067]],[\"comment/36\",[]],[\"name/37\",[22,29.242]],[\"comment/37\",[]],[\"name/38\",[24,29.421]],[\"comment/38\",[]],[\"name/39\",[25,65.53]],[\"comment/39\",[]],[\"name/40\",[26,65.53]],[\"comment/40\",[]],[\"name/41\",[27,65.53]],[\"comment/41\",[]],[\"name/42\",[17,29.242]],[\"comment/42\",[]],[\"name/43\",[1,29.067]],[\"comment/43\",[]],[\"name/44\",[7,29.067]],[\"comment/44\",[]],[\"name/45\",[18,29.242]],[\"comment/45\",[]],[\"name/46\",[19,29.242]],[\"comment/46\",[]],[\"name/47\",[21,29.242]],[\"comment/47\",[]],[\"name/48\",[3,29.067]],[\"comment/48\",[]],[\"name/49\",[22,29.242]],[\"comment/49\",[]],[\"name/50\",[24,29.421]],[\"comment/50\",[]],[\"name/51\",[28,65.53]],[\"comment/51\",[]],[\"name/52\",[29,65.53]],[\"comment/52\",[]],[\"name/53\",[17,29.242]],[\"comment/53\",[]],[\"name/54\",[1,29.067]],[\"comment/54\",[]],[\"name/55\",[7,29.067]],[\"comment/55\",[]],[\"name/56\",[18,29.242]],[\"comment/56\",[]],[\"name/57\",[19,29.242]],[\"comment/57\",[]],[\"name/58\",[21,29.242]],[\"comment/58\",[]],[\"name/59\",[3,29.067]],[\"comment/59\",[]],[\"name/60\",[22,29.242]],[\"comment/60\",[]],[\"name/61\",[24,29.421]],[\"comment/61\",[]],[\"name/62\",[30,65.53]],[\"comment/62\",[]],[\"name/63\",[31,65.53]],[\"comment/63\",[]],[\"name/64\",[32,65.53]],[\"comment/64\",[]],[\"name/65\",[33,65.53]],[\"comment/65\",[]],[\"name/66\",[34,65.53]],[\"comment/66\",[]],[\"name/67\",[35,65.53]],[\"comment/67\",[]],[\"name/68\",[36,65.53]],[\"comment/68\",[]],[\"name/69\",[37,65.53]],[\"comment/69\",[]],[\"name/70\",[38,65.53]],[\"comment/70\",[]],[\"name/71\",[39,65.53]],[\"comment/71\",[]],[\"name/72\",[40,65.53]],[\"comment/72\",[]],[\"name/73\",[41,65.53]],[\"comment/73\",[]],[\"name/74\",[42,65.53]],[\"comment/74\",[]],[\"name/75\",[43,65.53]],[\"comment/75\",[]],[\"name/76\",[44,65.53]],[\"comment/76\",[]],[\"name/77\",[45,65.53]],[\"comment/77\",[]],[\"name/78\",[46,65.53]],[\"comment/78\",[]],[\"name/79\",[47,60.422]],[\"comment/79\",[]],[\"name/80\",[48,65.53]],[\"comment/80\",[]],[\"name/81\",[49,65.53]],[\"comment/81\",[]],[\"name/82\",[50,65.53]],[\"comment/82\",[]],[\"name/83\",[51,65.53]],[\"comment/83\",[]],[\"name/84\",[52,65.53]],[\"comment/84\",[]],[\"name/85\",[53,60.422]],[\"comment/85\",[]],[\"name/86\",[54,65.53]],[\"comment/86\",[]],[\"name/87\",[55,65.53]],[\"comment/87\",[]],[\"name/88\",[56,65.53]],[\"comment/88\",[]],[\"name/89\",[57,65.53]],[\"comment/89\",[]],[\"name/90\",[58,65.53]],[\"comment/90\",[]],[\"name/91\",[59,65.53]],[\"comment/91\",[]],[\"name/92\",[60,65.53]],[\"comment/92\",[]],[\"name/93\",[61,65.53]],[\"comment/93\",[]],[\"name/94\",[62,65.53]],[\"comment/94\",[]],[\"name/95\",[63,65.53]],[\"comment/95\",[]],[\"name/96\",[64,65.53]],[\"comment/96\",[]],[\"name/97\",[65,65.53]],[\"comment/97\",[]],[\"name/98\",[66,65.53]],[\"comment/98\",[]],[\"name/99\",[67,65.53]],[\"comment/99\",[]],[\"name/100\",[68,65.53]],[\"comment/100\",[]],[\"name/101\",[69,65.53]],[\"comment/101\",[]],[\"name/102\",[70,65.53]],[\"comment/102\",[]],[\"name/103\",[71,65.53]],[\"comment/103\",[]],[\"name/104\",[72,65.53]],[\"comment/104\",[]],[\"name/105\",[73,65.53]],[\"comment/105\",[]],[\"name/106\",[74,65.53]],[\"comment/106\",[]],[\"name/107\",[75,65.53]],[\"comment/107\",[]],[\"name/108\",[76,65.53]],[\"comment/108\",[]],[\"name/109\",[77,65.53]],[\"comment/109\",[]],[\"name/110\",[78,65.53]],[\"comment/110\",[]],[\"name/111\",[79,65.53]],[\"comment/111\",[]],[\"name/112\",[80,65.53]],[\"comment/112\",[]],[\"name/113\",[81,65.53]],[\"comment/113\",[]],[\"name/114\",[82,65.53]],[\"comment/114\",[]],[\"name/115\",[83,65.53]],[\"comment/115\",[]],[\"name/116\",[84,65.53]],[\"comment/116\",[]],[\"name/117\",[85,65.53]],[\"comment/117\",[]],[\"name/118\",[86,65.53]],[\"comment/118\",[]],[\"name/119\",[87,65.53]],[\"comment/119\",[]],[\"name/120\",[88,65.53]],[\"comment/120\",[]],[\"name/121\",[89,65.53]],[\"comment/121\",[]],[\"name/122\",[90,65.53]],[\"comment/122\",[]],[\"name/123\",[91,65.53]],[\"comment/123\",[]],[\"name/124\",[92,65.53]],[\"comment/124\",[]],[\"name/125\",[93,65.53]],[\"comment/125\",[]],[\"name/126\",[94,65.53]],[\"comment/126\",[]],[\"name/127\",[95,39.38]],[\"comment/127\",[]],[\"name/128\",[17,29.242]],[\"comment/128\",[]],[\"name/129\",[1,29.067]],[\"comment/129\",[]],[\"name/130\",[7,29.067]],[\"comment/130\",[]],[\"name/131\",[18,29.242]],[\"comment/131\",[]],[\"name/132\",[19,29.242]],[\"comment/132\",[]],[\"name/133\",[20,29.602]],[\"comment/133\",[]],[\"name/134\",[21,29.242]],[\"comment/134\",[]],[\"name/135\",[2,29.421]],[\"comment/135\",[]],[\"name/136\",[3,29.067]],[\"comment/136\",[]],[\"name/137\",[22,29.242]],[\"comment/137\",[]],[\"name/138\",[24,29.421]],[\"comment/138\",[]],[\"name/139\",[11,60.422]],[\"comment/139\",[]],[\"name/140\",[96,60.422]],[\"comment/140\",[]],[\"name/141\",[97,60.422]],[\"comment/141\",[]],[\"name/142\",[98,60.422]],[\"comment/142\",[]],[\"name/143\",[99,60.422]],[\"comment/143\",[]],[\"name/144\",[100,60.422]],[\"comment/144\",[]],[\"name/145\",[101,60.422]],[\"comment/145\",[]],[\"name/146\",[102,60.422]],[\"comment/146\",[]],[\"name/147\",[103,60.422]],[\"comment/147\",[]],[\"name/148\",[104,60.422]],[\"comment/148\",[]],[\"name/149\",[105,60.422]],[\"comment/149\",[]],[\"name/150\",[106,65.53]],[\"comment/150\",[]],[\"name/151\",[107,60.422]],[\"comment/151\",[]],[\"name/152\",[108,60.422]],[\"comment/152\",[]],[\"name/153\",[109,60.422]],[\"comment/153\",[]],[\"name/154\",[110,60.422]],[\"comment/154\",[]],[\"name/155\",[111,60.422]],[\"comment/155\",[]],[\"name/156\",[112,60.422]],[\"comment/156\",[]],[\"name/157\",[113,60.422]],[\"comment/157\",[]],[\"name/158\",[114,60.422]],[\"comment/158\",[]],[\"name/159\",[115,57.057]],[\"comment/159\",[]],[\"name/160\",[17,29.242]],[\"comment/160\",[]],[\"name/161\",[1,29.067]],[\"comment/161\",[]],[\"name/162\",[7,29.067]],[\"comment/162\",[]],[\"name/163\",[18,29.242]],[\"comment/163\",[]],[\"name/164\",[19,29.242]],[\"comment/164\",[]],[\"name/165\",[20,29.602]],[\"comment/165\",[]],[\"name/166\",[21,29.242]],[\"comment/166\",[]],[\"name/167\",[2,29.421]],[\"comment/167\",[]],[\"name/168\",[3,29.067]],[\"comment/168\",[]],[\"name/169\",[22,29.242]],[\"comment/169\",[]],[\"name/170\",[24,29.421]],[\"comment/170\",[]],[\"name/171\",[96,60.422]],[\"comment/171\",[]],[\"name/172\",[116,65.53]],[\"comment/172\",[]],[\"name/173\",[117,65.53]],[\"comment/173\",[]],[\"name/174\",[118,65.53]],[\"comment/174\",[]],[\"name/175\",[119,65.53]],[\"comment/175\",[]],[\"name/176\",[120,65.53]],[\"comment/176\",[]],[\"name/177\",[121,65.53]],[\"comment/177\",[]],[\"name/178\",[122,65.53]],[\"comment/178\",[]],[\"name/179\",[123,65.53]],[\"comment/179\",[]],[\"name/180\",[124,65.53]],[\"comment/180\",[]],[\"name/181\",[125,65.53]],[\"comment/181\",[]],[\"name/182\",[126,65.53]],[\"comment/182\",[]],[\"name/183\",[127,65.53]],[\"comment/183\",[]],[\"name/184\",[128,65.53]],[\"comment/184\",[]],[\"name/185\",[95,39.38]],[\"comment/185\",[]],[\"name/186\",[17,29.242]],[\"comment/186\",[]],[\"name/187\",[1,29.067]],[\"comment/187\",[]],[\"name/188\",[7,29.067]],[\"comment/188\",[]],[\"name/189\",[18,29.242]],[\"comment/189\",[]],[\"name/190\",[19,29.242]],[\"comment/190\",[]],[\"name/191\",[20,29.602]],[\"comment/191\",[]],[\"name/192\",[21,29.242]],[\"comment/192\",[]],[\"name/193\",[2,29.421]],[\"comment/193\",[]],[\"name/194\",[3,29.067]],[\"comment/194\",[]],[\"name/195\",[22,29.242]],[\"comment/195\",[]],[\"name/196\",[24,29.421]],[\"comment/196\",[]],[\"name/197\",[129,57.057]],[\"comment/197\",[]],[\"name/198\",[53,60.422]],[\"comment/198\",[]],[\"name/199\",[47,60.422]],[\"comment/199\",[]],[\"name/200\",[130,65.53]],[\"comment/200\",[]],[\"name/201\",[131,65.53]],[\"comment/201\",[]],[\"name/202\",[17,29.242]],[\"comment/202\",[]],[\"name/203\",[1,29.067]],[\"comment/203\",[]],[\"name/204\",[7,29.067]],[\"comment/204\",[]],[\"name/205\",[18,29.242]],[\"comment/205\",[]],[\"name/206\",[19,29.242]],[\"comment/206\",[]],[\"name/207\",[20,29.602]],[\"comment/207\",[]],[\"name/208\",[21,29.242]],[\"comment/208\",[]],[\"name/209\",[2,29.421]],[\"comment/209\",[]],[\"name/210\",[3,29.067]],[\"comment/210\",[]],[\"name/211\",[22,29.242]],[\"comment/211\",[]],[\"name/212\",[24,29.421]],[\"comment/212\",[]],[\"name/213\",[132,65.53]],[\"comment/213\",[]],[\"name/214\",[17,29.242]],[\"comment/214\",[]],[\"name/215\",[133,65.53]],[\"comment/215\",[]],[\"name/216\",[1,29.067]],[\"comment/216\",[]],[\"name/217\",[7,29.067]],[\"comment/217\",[]],[\"name/218\",[18,29.242]],[\"comment/218\",[]],[\"name/219\",[19,29.242]],[\"comment/219\",[]],[\"name/220\",[20,29.602]],[\"comment/220\",[]],[\"name/221\",[21,29.242]],[\"comment/221\",[]],[\"name/222\",[2,29.421]],[\"comment/222\",[]],[\"name/223\",[3,29.067]],[\"comment/223\",[]],[\"name/224\",[22,29.242]],[\"comment/224\",[]],[\"name/225\",[24,29.421]],[\"comment/225\",[]],[\"name/226\",[97,60.422]],[\"comment/226\",[]],[\"name/227\",[134,65.53]],[\"comment/227\",[]],[\"name/228\",[135,65.53]],[\"comment/228\",[]],[\"name/229\",[136,65.53]],[\"comment/229\",[]],[\"name/230\",[137,65.53]],[\"comment/230\",[]],[\"name/231\",[138,65.53]],[\"comment/231\",[]],[\"name/232\",[139,65.53]],[\"comment/232\",[]],[\"name/233\",[140,65.53]],[\"comment/233\",[]],[\"name/234\",[141,65.53]],[\"comment/234\",[]],[\"name/235\",[95,39.38]],[\"comment/235\",[]],[\"name/236\",[17,29.242]],[\"comment/236\",[]],[\"name/237\",[1,29.067]],[\"comment/237\",[]],[\"name/238\",[7,29.067]],[\"comment/238\",[]],[\"name/239\",[18,29.242]],[\"comment/239\",[]],[\"name/240\",[19,29.242]],[\"comment/240\",[]],[\"name/241\",[20,29.602]],[\"comment/241\",[]],[\"name/242\",[21,29.242]],[\"comment/242\",[]],[\"name/243\",[2,29.421]],[\"comment/243\",[]],[\"name/244\",[3,29.067]],[\"comment/244\",[]],[\"name/245\",[22,29.242]],[\"comment/245\",[]],[\"name/246\",[24,29.421]],[\"comment/246\",[]],[\"name/247\",[142,65.53]],[\"comment/247\",[]],[\"name/248\",[143,65.53]],[\"comment/248\",[]],[\"name/249\",[144,65.53]],[\"comment/249\",[]],[\"name/250\",[145,65.53]],[\"comment/250\",[]],[\"name/251\",[146,65.53]],[\"comment/251\",[]],[\"name/252\",[147,65.53]],[\"comment/252\",[]],[\"name/253\",[148,65.53]],[\"comment/253\",[]],[\"name/254\",[149,65.53]],[\"comment/254\",[]],[\"name/255\",[150,65.53]],[\"comment/255\",[]],[\"name/256\",[151,65.53]],[\"comment/256\",[]],[\"name/257\",[152,65.53]],[\"comment/257\",[]],[\"name/258\",[153,65.53]],[\"comment/258\",[]],[\"name/259\",[17,29.242]],[\"comment/259\",[]],[\"name/260\",[1,29.067]],[\"comment/260\",[]],[\"name/261\",[7,29.067]],[\"comment/261\",[]],[\"name/262\",[18,29.242]],[\"comment/262\",[]],[\"name/263\",[19,29.242]],[\"comment/263\",[]],[\"name/264\",[20,29.602]],[\"comment/264\",[]],[\"name/265\",[21,29.242]],[\"comment/265\",[]],[\"name/266\",[2,29.421]],[\"comment/266\",[]],[\"name/267\",[3,29.067]],[\"comment/267\",[]],[\"name/268\",[22,29.242]],[\"comment/268\",[]],[\"name/269\",[24,29.421]],[\"comment/269\",[]],[\"name/270\",[154,65.53]],[\"comment/270\",[]],[\"name/271\",[155,65.53]],[\"comment/271\",[]],[\"name/272\",[156,65.53]],[\"comment/272\",[]],[\"name/273\",[98,60.422]],[\"comment/273\",[]],[\"name/274\",[157,65.53]],[\"comment/274\",[]],[\"name/275\",[158,65.53]],[\"comment/275\",[]],[\"name/276\",[159,65.53]],[\"comment/276\",[]],[\"name/277\",[160,65.53]],[\"comment/277\",[]],[\"name/278\",[161,65.53]],[\"comment/278\",[]],[\"name/279\",[162,65.53]],[\"comment/279\",[]],[\"name/280\",[163,65.53]],[\"comment/280\",[]],[\"name/281\",[164,65.53]],[\"comment/281\",[]],[\"name/282\",[95,39.38]],[\"comment/282\",[]],[\"name/283\",[17,29.242]],[\"comment/283\",[]],[\"name/284\",[1,29.067]],[\"comment/284\",[]],[\"name/285\",[7,29.067]],[\"comment/285\",[]],[\"name/286\",[18,29.242]],[\"comment/286\",[]],[\"name/287\",[19,29.242]],[\"comment/287\",[]],[\"name/288\",[20,29.602]],[\"comment/288\",[]],[\"name/289\",[21,29.242]],[\"comment/289\",[]],[\"name/290\",[2,29.421]],[\"comment/290\",[]],[\"name/291\",[3,29.067]],[\"comment/291\",[]],[\"name/292\",[22,29.242]],[\"comment/292\",[]],[\"name/293\",[24,29.421]],[\"comment/293\",[]],[\"name/294\",[99,60.422]],[\"comment/294\",[]],[\"name/295\",[165,65.53]],[\"comment/295\",[]],[\"name/296\",[166,65.53]],[\"comment/296\",[]],[\"name/297\",[167,65.53]],[\"comment/297\",[]],[\"name/298\",[168,65.53]],[\"comment/298\",[]],[\"name/299\",[95,39.38]],[\"comment/299\",[]],[\"name/300\",[17,29.242]],[\"comment/300\",[]],[\"name/301\",[1,29.067]],[\"comment/301\",[]],[\"name/302\",[7,29.067]],[\"comment/302\",[]],[\"name/303\",[18,29.242]],[\"comment/303\",[]],[\"name/304\",[19,29.242]],[\"comment/304\",[]],[\"name/305\",[20,29.602]],[\"comment/305\",[]],[\"name/306\",[21,29.242]],[\"comment/306\",[]],[\"name/307\",[2,29.421]],[\"comment/307\",[]],[\"name/308\",[3,29.067]],[\"comment/308\",[]],[\"name/309\",[22,29.242]],[\"comment/309\",[]],[\"name/310\",[24,29.421]],[\"comment/310\",[]],[\"name/311\",[100,60.422]],[\"comment/311\",[]],[\"name/312\",[169,65.53]],[\"comment/312\",[]],[\"name/313\",[170,65.53]],[\"comment/313\",[]],[\"name/314\",[171,65.53]],[\"comment/314\",[]],[\"name/315\",[172,65.53]],[\"comment/315\",[]],[\"name/316\",[173,65.53]],[\"comment/316\",[]],[\"name/317\",[174,65.53]],[\"comment/317\",[]],[\"name/318\",[95,39.38]],[\"comment/318\",[]],[\"name/319\",[17,29.242]],[\"comment/319\",[]],[\"name/320\",[1,29.067]],[\"comment/320\",[]],[\"name/321\",[7,29.067]],[\"comment/321\",[]],[\"name/322\",[18,29.242]],[\"comment/322\",[]],[\"name/323\",[19,29.242]],[\"comment/323\",[]],[\"name/324\",[20,29.602]],[\"comment/324\",[]],[\"name/325\",[21,29.242]],[\"comment/325\",[]],[\"name/326\",[2,29.421]],[\"comment/326\",[]],[\"name/327\",[3,29.067]],[\"comment/327\",[]],[\"name/328\",[22,29.242]],[\"comment/328\",[]],[\"name/329\",[24,29.421]],[\"comment/329\",[]],[\"name/330\",[101,60.422]],[\"comment/330\",[]],[\"name/331\",[175,65.53]],[\"comment/331\",[]],[\"name/332\",[176,65.53]],[\"comment/332\",[]],[\"name/333\",[177,65.53]],[\"comment/333\",[]],[\"name/334\",[178,65.53]],[\"comment/334\",[]],[\"name/335\",[179,65.53]],[\"comment/335\",[]],[\"name/336\",[180,65.53]],[\"comment/336\",[]],[\"name/337\",[181,65.53]],[\"comment/337\",[]],[\"name/338\",[182,65.53]],[\"comment/338\",[]],[\"name/339\",[183,65.53]],[\"comment/339\",[]],[\"name/340\",[184,65.53]],[\"comment/340\",[]],[\"name/341\",[185,65.53]],[\"comment/341\",[]],[\"name/342\",[186,65.53]],[\"comment/342\",[]],[\"name/343\",[187,65.53]],[\"comment/343\",[]],[\"name/344\",[188,65.53]],[\"comment/344\",[]],[\"name/345\",[189,65.53]],[\"comment/345\",[]],[\"name/346\",[190,65.53]],[\"comment/346\",[]],[\"name/347\",[95,39.38]],[\"comment/347\",[]],[\"name/348\",[17,29.242]],[\"comment/348\",[]],[\"name/349\",[1,29.067]],[\"comment/349\",[]],[\"name/350\",[7,29.067]],[\"comment/350\",[]],[\"name/351\",[18,29.242]],[\"comment/351\",[]],[\"name/352\",[19,29.242]],[\"comment/352\",[]],[\"name/353\",[20,29.602]],[\"comment/353\",[]],[\"name/354\",[21,29.242]],[\"comment/354\",[]],[\"name/355\",[2,29.421]],[\"comment/355\",[]],[\"name/356\",[3,29.067]],[\"comment/356\",[]],[\"name/357\",[22,29.242]],[\"comment/357\",[]],[\"name/358\",[24,29.421]],[\"comment/358\",[]],[\"name/359\",[102,60.422]],[\"comment/359\",[]],[\"name/360\",[191,65.53]],[\"comment/360\",[]],[\"name/361\",[95,39.38]],[\"comment/361\",[]],[\"name/362\",[17,29.242]],[\"comment/362\",[]],[\"name/363\",[1,29.067]],[\"comment/363\",[]],[\"name/364\",[7,29.067]],[\"comment/364\",[]],[\"name/365\",[18,29.242]],[\"comment/365\",[]],[\"name/366\",[19,29.242]],[\"comment/366\",[]],[\"name/367\",[20,29.602]],[\"comment/367\",[]],[\"name/368\",[21,29.242]],[\"comment/368\",[]],[\"name/369\",[2,29.421]],[\"comment/369\",[]],[\"name/370\",[3,29.067]],[\"comment/370\",[]],[\"name/371\",[22,29.242]],[\"comment/371\",[]],[\"name/372\",[24,29.421]],[\"comment/372\",[]],[\"name/373\",[113,60.422]],[\"comment/373\",[]],[\"name/374\",[129,57.057]],[\"comment/374\",[]],[\"name/375\",[192,57.057]],[\"comment/375\",[]],[\"name/376\",[193,57.057]],[\"comment/376\",[]],[\"name/377\",[194,60.422]],[\"comment/377\",[]],[\"name/378\",[195,57.057]],[\"comment/378\",[]],[\"name/379\",[95,39.38]],[\"comment/379\",[]],[\"name/380\",[17,29.242]],[\"comment/380\",[]],[\"name/381\",[1,29.067]],[\"comment/381\",[]],[\"name/382\",[7,29.067]],[\"comment/382\",[]],[\"name/383\",[18,29.242]],[\"comment/383\",[]],[\"name/384\",[19,29.242]],[\"comment/384\",[]],[\"name/385\",[20,29.602]],[\"comment/385\",[]],[\"name/386\",[21,29.242]],[\"comment/386\",[]],[\"name/387\",[2,29.421]],[\"comment/387\",[]],[\"name/388\",[3,29.067]],[\"comment/388\",[]],[\"name/389\",[22,29.242]],[\"comment/389\",[]],[\"name/390\",[24,29.421]],[\"comment/390\",[]],[\"name/391\",[103,60.422]],[\"comment/391\",[]],[\"name/392\",[196,65.53]],[\"comment/392\",[]],[\"name/393\",[95,39.38]],[\"comment/393\",[]],[\"name/394\",[17,29.242]],[\"comment/394\",[]],[\"name/395\",[1,29.067]],[\"comment/395\",[]],[\"name/396\",[7,29.067]],[\"comment/396\",[]],[\"name/397\",[18,29.242]],[\"comment/397\",[]],[\"name/398\",[19,29.242]],[\"comment/398\",[]],[\"name/399\",[20,29.602]],[\"comment/399\",[]],[\"name/400\",[21,29.242]],[\"comment/400\",[]],[\"name/401\",[2,29.421]],[\"comment/401\",[]],[\"name/402\",[3,29.067]],[\"comment/402\",[]],[\"name/403\",[22,29.242]],[\"comment/403\",[]],[\"name/404\",[24,29.421]],[\"comment/404\",[]],[\"name/405\",[104,60.422]],[\"comment/405\",[]],[\"name/406\",[197,60.422]],[\"comment/406\",[]],[\"name/407\",[198,65.53]],[\"comment/407\",[]],[\"name/408\",[95,39.38]],[\"comment/408\",[]],[\"name/409\",[17,29.242]],[\"comment/409\",[]],[\"name/410\",[1,29.067]],[\"comment/410\",[]],[\"name/411\",[7,29.067]],[\"comment/411\",[]],[\"name/412\",[18,29.242]],[\"comment/412\",[]],[\"name/413\",[19,29.242]],[\"comment/413\",[]],[\"name/414\",[20,29.602]],[\"comment/414\",[]],[\"name/415\",[21,29.242]],[\"comment/415\",[]],[\"name/416\",[2,29.421]],[\"comment/416\",[]],[\"name/417\",[3,29.067]],[\"comment/417\",[]],[\"name/418\",[22,29.242]],[\"comment/418\",[]],[\"name/419\",[24,29.421]],[\"comment/419\",[]],[\"name/420\",[107,60.422]],[\"comment/420\",[]],[\"name/421\",[199,65.53]],[\"comment/421\",[]],[\"name/422\",[200,65.53]],[\"comment/422\",[]],[\"name/423\",[95,39.38]],[\"comment/423\",[]],[\"name/424\",[17,29.242]],[\"comment/424\",[]],[\"name/425\",[1,29.067]],[\"comment/425\",[]],[\"name/426\",[7,29.067]],[\"comment/426\",[]],[\"name/427\",[18,29.242]],[\"comment/427\",[]],[\"name/428\",[19,29.242]],[\"comment/428\",[]],[\"name/429\",[20,29.602]],[\"comment/429\",[]],[\"name/430\",[21,29.242]],[\"comment/430\",[]],[\"name/431\",[2,29.421]],[\"comment/431\",[]],[\"name/432\",[3,29.067]],[\"comment/432\",[]],[\"name/433\",[22,29.242]],[\"comment/433\",[]],[\"name/434\",[24,29.421]],[\"comment/434\",[]],[\"name/435\",[105,60.422]],[\"comment/435\",[]],[\"name/436\",[201,65.53]],[\"comment/436\",[]],[\"name/437\",[202,65.53]],[\"comment/437\",[]],[\"name/438\",[203,65.53]],[\"comment/438\",[]],[\"name/439\",[204,65.53]],[\"comment/439\",[]],[\"name/440\",[205,65.53]],[\"comment/440\",[]],[\"name/441\",[206,65.53]],[\"comment/441\",[]],[\"name/442\",[95,39.38]],[\"comment/442\",[]],[\"name/443\",[17,29.242]],[\"comment/443\",[]],[\"name/444\",[1,29.067]],[\"comment/444\",[]],[\"name/445\",[7,29.067]],[\"comment/445\",[]],[\"name/446\",[18,29.242]],[\"comment/446\",[]],[\"name/447\",[19,29.242]],[\"comment/447\",[]],[\"name/448\",[20,29.602]],[\"comment/448\",[]],[\"name/449\",[21,29.242]],[\"comment/449\",[]],[\"name/450\",[2,29.421]],[\"comment/450\",[]],[\"name/451\",[3,29.067]],[\"comment/451\",[]],[\"name/452\",[22,29.242]],[\"comment/452\",[]],[\"name/453\",[24,29.421]],[\"comment/453\",[]],[\"name/454\",[108,60.422]],[\"comment/454\",[]],[\"name/455\",[207,65.53]],[\"comment/455\",[]],[\"name/456\",[208,65.53]],[\"comment/456\",[]],[\"name/457\",[95,39.38]],[\"comment/457\",[]],[\"name/458\",[17,29.242]],[\"comment/458\",[]],[\"name/459\",[1,29.067]],[\"comment/459\",[]],[\"name/460\",[7,29.067]],[\"comment/460\",[]],[\"name/461\",[18,29.242]],[\"comment/461\",[]],[\"name/462\",[19,29.242]],[\"comment/462\",[]],[\"name/463\",[20,29.602]],[\"comment/463\",[]],[\"name/464\",[21,29.242]],[\"comment/464\",[]],[\"name/465\",[2,29.421]],[\"comment/465\",[]],[\"name/466\",[3,29.067]],[\"comment/466\",[]],[\"name/467\",[22,29.242]],[\"comment/467\",[]],[\"name/468\",[24,29.421]],[\"comment/468\",[]],[\"name/469\",[109,60.422]],[\"comment/469\",[]],[\"name/470\",[209,65.53]],[\"comment/470\",[]],[\"name/471\",[95,39.38]],[\"comment/471\",[]],[\"name/472\",[17,29.242]],[\"comment/472\",[]],[\"name/473\",[1,29.067]],[\"comment/473\",[]],[\"name/474\",[7,29.067]],[\"comment/474\",[]],[\"name/475\",[18,29.242]],[\"comment/475\",[]],[\"name/476\",[19,29.242]],[\"comment/476\",[]],[\"name/477\",[20,29.602]],[\"comment/477\",[]],[\"name/478\",[21,29.242]],[\"comment/478\",[]],[\"name/479\",[2,29.421]],[\"comment/479\",[]],[\"name/480\",[3,29.067]],[\"comment/480\",[]],[\"name/481\",[22,29.242]],[\"comment/481\",[]],[\"name/482\",[24,29.421]],[\"comment/482\",[]],[\"name/483\",[110,60.422]],[\"comment/483\",[]],[\"name/484\",[210,65.53]],[\"comment/484\",[]],[\"name/485\",[95,39.38]],[\"comment/485\",[]],[\"name/486\",[17,29.242]],[\"comment/486\",[]],[\"name/487\",[1,29.067]],[\"comment/487\",[]],[\"name/488\",[7,29.067]],[\"comment/488\",[]],[\"name/489\",[18,29.242]],[\"comment/489\",[]],[\"name/490\",[19,29.242]],[\"comment/490\",[]],[\"name/491\",[20,29.602]],[\"comment/491\",[]],[\"name/492\",[21,29.242]],[\"comment/492\",[]],[\"name/493\",[2,29.421]],[\"comment/493\",[]],[\"name/494\",[3,29.067]],[\"comment/494\",[]],[\"name/495\",[22,29.242]],[\"comment/495\",[]],[\"name/496\",[24,29.421]],[\"comment/496\",[]],[\"name/497\",[111,60.422]],[\"comment/497\",[]],[\"name/498\",[211,65.53]],[\"comment/498\",[]],[\"name/499\",[212,65.53]],[\"comment/499\",[]],[\"name/500\",[213,65.53]],[\"comment/500\",[]],[\"name/501\",[214,65.53]],[\"comment/501\",[]],[\"name/502\",[215,60.422]],[\"comment/502\",[]],[\"name/503\",[216,60.422]],[\"comment/503\",[]],[\"name/504\",[192,57.057]],[\"comment/504\",[]],[\"name/505\",[193,57.057]],[\"comment/505\",[]],[\"name/506\",[194,60.422]],[\"comment/506\",[]],[\"name/507\",[195,57.057]],[\"comment/507\",[]],[\"name/508\",[95,39.38]],[\"comment/508\",[]],[\"name/509\",[17,29.242]],[\"comment/509\",[]],[\"name/510\",[1,29.067]],[\"comment/510\",[]],[\"name/511\",[7,29.067]],[\"comment/511\",[]],[\"name/512\",[18,29.242]],[\"comment/512\",[]],[\"name/513\",[19,29.242]],[\"comment/513\",[]],[\"name/514\",[20,29.602]],[\"comment/514\",[]],[\"name/515\",[21,29.242]],[\"comment/515\",[]],[\"name/516\",[2,29.421]],[\"comment/516\",[]],[\"name/517\",[3,29.067]],[\"comment/517\",[]],[\"name/518\",[22,29.242]],[\"comment/518\",[]],[\"name/519\",[24,29.421]],[\"comment/519\",[]],[\"name/520\",[112,60.422]],[\"comment/520\",[]],[\"name/521\",[217,60.422]],[\"comment/521\",[]],[\"name/522\",[218,65.53]],[\"comment/522\",[]],[\"name/523\",[95,39.38]],[\"comment/523\",[]],[\"name/524\",[17,29.242]],[\"comment/524\",[]],[\"name/525\",[1,29.067]],[\"comment/525\",[]],[\"name/526\",[7,29.067]],[\"comment/526\",[]],[\"name/527\",[18,29.242]],[\"comment/527\",[]],[\"name/528\",[19,29.242]],[\"comment/528\",[]],[\"name/529\",[20,29.602]],[\"comment/529\",[]],[\"name/530\",[21,29.242]],[\"comment/530\",[]],[\"name/531\",[2,29.421]],[\"comment/531\",[]],[\"name/532\",[3,29.067]],[\"comment/532\",[]],[\"name/533\",[22,29.242]],[\"comment/533\",[]],[\"name/534\",[24,29.421]],[\"comment/534\",[]],[\"name/535\",[219,65.53]],[\"comment/535\",[]],[\"name/536\",[217,60.422]],[\"comment/536\",[]],[\"name/537\",[215,60.422]],[\"comment/537\",[]],[\"name/538\",[216,60.422]],[\"comment/538\",[]],[\"name/539\",[192,57.057]],[\"comment/539\",[]],[\"name/540\",[193,57.057]],[\"comment/540\",[]],[\"name/541\",[220,65.53]],[\"comment/541\",[]],[\"name/542\",[221,65.53]],[\"comment/542\",[]],[\"name/543\",[195,57.057]],[\"comment/543\",[]],[\"name/544\",[114,60.422]],[\"comment/544\",[]],[\"name/545\",[95,39.38]],[\"comment/545\",[]],[\"name/546\",[17,29.242]],[\"comment/546\",[]],[\"name/547\",[1,29.067]],[\"comment/547\",[]],[\"name/548\",[7,29.067]],[\"comment/548\",[]],[\"name/549\",[18,29.242]],[\"comment/549\",[]],[\"name/550\",[19,29.242]],[\"comment/550\",[]],[\"name/551\",[20,29.602]],[\"comment/551\",[]],[\"name/552\",[21,29.242]],[\"comment/552\",[]],[\"name/553\",[2,29.421]],[\"comment/553\",[]],[\"name/554\",[3,29.067]],[\"comment/554\",[]],[\"name/555\",[22,29.242]],[\"comment/555\",[]],[\"name/556\",[24,29.421]],[\"comment/556\",[]],[\"name/557\",[115,57.057]],[\"comment/557\",[]],[\"name/558\",[222,65.53]],[\"comment/558\",[]],[\"name/559\",[95,39.38]],[\"comment/559\",[]],[\"name/560\",[17,29.242]],[\"comment/560\",[]],[\"name/561\",[1,29.067]],[\"comment/561\",[]],[\"name/562\",[7,29.067]],[\"comment/562\",[]],[\"name/563\",[18,29.242]],[\"comment/563\",[]],[\"name/564\",[19,29.242]],[\"comment/564\",[]],[\"name/565\",[20,29.602]],[\"comment/565\",[]],[\"name/566\",[21,29.242]],[\"comment/566\",[]],[\"name/567\",[2,29.421]],[\"comment/567\",[]],[\"name/568\",[3,29.067]],[\"comment/568\",[]],[\"name/569\",[22,29.242]],[\"comment/569\",[]],[\"name/570\",[24,29.421]],[\"comment/570\",[]],[\"name/571\",[223,65.53]],[\"comment/571\",[]],[\"name/572\",[224,65.53]],[\"comment/572\",[]],[\"name/573\",[225,65.53]],[\"comment/573\",[]],[\"name/574\",[226,65.53]],[\"comment/574\",[]],[\"name/575\",[227,65.53]],[\"comment/575\",[]],[\"name/576\",[228,65.53]],[\"comment/576\",[]],[\"name/577\",[17,29.242]],[\"comment/577\",[]],[\"name/578\",[1,29.067]],[\"comment/578\",[]],[\"name/579\",[7,29.067]],[\"comment/579\",[]],[\"name/580\",[18,29.242]],[\"comment/580\",[]],[\"name/581\",[19,29.242]],[\"comment/581\",[]],[\"name/582\",[20,29.602]],[\"comment/582\",[]],[\"name/583\",[21,29.242]],[\"comment/583\",[]],[\"name/584\",[2,29.421]],[\"comment/584\",[]],[\"name/585\",[3,29.067]],[\"comment/585\",[]],[\"name/586\",[22,29.242]],[\"comment/586\",[]],[\"name/587\",[24,29.421]],[\"comment/587\",[]],[\"name/588\",[229,65.53]],[\"comment/588\",[]],[\"name/589\",[17,29.242]],[\"comment/589\",[]],[\"name/590\",[1,29.067]],[\"comment/590\",[]],[\"name/591\",[7,29.067]],[\"comment/591\",[]],[\"name/592\",[18,29.242]],[\"comment/592\",[]],[\"name/593\",[19,29.242]],[\"comment/593\",[]],[\"name/594\",[20,29.602]],[\"comment/594\",[]],[\"name/595\",[21,29.242]],[\"comment/595\",[]],[\"name/596\",[2,29.421]],[\"comment/596\",[]],[\"name/597\",[3,29.067]],[\"comment/597\",[]],[\"name/598\",[22,29.242]],[\"comment/598\",[]],[\"name/599\",[24,29.421]],[\"comment/599\",[]],[\"name/600\",[12,60.422]],[\"comment/600\",[]],[\"name/601\",[230,60.422]],[\"comment/601\",[]],[\"name/602\",[231,60.422]],[\"comment/602\",[]],[\"name/603\",[232,60.422]],[\"comment/603\",[]],[\"name/604\",[233,65.53]],[\"comment/604\",[]],[\"name/605\",[234,60.422]],[\"comment/605\",[]],[\"name/606\",[235,60.422]],[\"comment/606\",[]],[\"name/607\",[236,65.53]],[\"comment/607\",[]],[\"name/608\",[237,60.422]],[\"comment/608\",[]],[\"name/609\",[238,60.422]],[\"comment/609\",[]],[\"name/610\",[239,60.422]],[\"comment/610\",[]],[\"name/611\",[240,60.422]],[\"comment/611\",[]],[\"name/612\",[241,60.422]],[\"comment/612\",[]],[\"name/613\",[242,60.422]],[\"comment/613\",[]],[\"name/614\",[243,60.422]],[\"comment/614\",[]],[\"name/615\",[244,60.422]],[\"comment/615\",[]],[\"name/616\",[245,60.422]],[\"comment/616\",[]],[\"name/617\",[246,60.422]],[\"comment/617\",[]],[\"name/618\",[17,29.242]],[\"comment/618\",[]],[\"name/619\",[1,29.067]],[\"comment/619\",[]],[\"name/620\",[7,29.067]],[\"comment/620\",[]],[\"name/621\",[18,29.242]],[\"comment/621\",[]],[\"name/622\",[19,29.242]],[\"comment/622\",[]],[\"name/623\",[20,29.602]],[\"comment/623\",[]],[\"name/624\",[21,29.242]],[\"comment/624\",[]],[\"name/625\",[2,29.421]],[\"comment/625\",[]],[\"name/626\",[3,29.067]],[\"comment/626\",[]],[\"name/627\",[22,29.242]],[\"comment/627\",[]],[\"name/628\",[24,29.421]],[\"comment/628\",[]],[\"name/629\",[230,60.422]],[\"comment/629\",[]],[\"name/630\",[247,65.53]],[\"comment/630\",[]],[\"name/631\",[248,65.53]],[\"comment/631\",[]],[\"name/632\",[249,49.435]],[\"comment/632\",[]],[\"name/633\",[17,29.242]],[\"comment/633\",[]],[\"name/634\",[1,29.067]],[\"comment/634\",[]],[\"name/635\",[7,29.067]],[\"comment/635\",[]],[\"name/636\",[18,29.242]],[\"comment/636\",[]],[\"name/637\",[19,29.242]],[\"comment/637\",[]],[\"name/638\",[20,29.602]],[\"comment/638\",[]],[\"name/639\",[21,29.242]],[\"comment/639\",[]],[\"name/640\",[2,29.421]],[\"comment/640\",[]],[\"name/641\",[3,29.067]],[\"comment/641\",[]],[\"name/642\",[22,29.242]],[\"comment/642\",[]],[\"name/643\",[24,29.421]],[\"comment/643\",[]],[\"name/644\",[231,60.422]],[\"comment/644\",[]],[\"name/645\",[250,57.057]],[\"comment/645\",[]],[\"name/646\",[251,65.53]],[\"comment/646\",[]],[\"name/647\",[252,60.422]],[\"comment/647\",[]],[\"name/648\",[253,57.057]],[\"comment/648\",[]],[\"name/649\",[254,60.422]],[\"comment/649\",[]],[\"name/650\",[255,65.53]],[\"comment/650\",[]],[\"name/651\",[256,65.53]],[\"comment/651\",[]],[\"name/652\",[17,29.242]],[\"comment/652\",[]],[\"name/653\",[1,29.067]],[\"comment/653\",[]],[\"name/654\",[7,29.067]],[\"comment/654\",[]],[\"name/655\",[18,29.242]],[\"comment/655\",[]],[\"name/656\",[19,29.242]],[\"comment/656\",[]],[\"name/657\",[20,29.602]],[\"comment/657\",[]],[\"name/658\",[21,29.242]],[\"comment/658\",[]],[\"name/659\",[2,29.421]],[\"comment/659\",[]],[\"name/660\",[3,29.067]],[\"comment/660\",[]],[\"name/661\",[22,29.242]],[\"comment/661\",[]],[\"name/662\",[24,29.421]],[\"comment/662\",[]],[\"name/663\",[232,60.422]],[\"comment/663\",[]],[\"name/664\",[257,57.057]],[\"comment/664\",[]],[\"name/665\",[253,57.057]],[\"comment/665\",[]],[\"name/666\",[254,60.422]],[\"comment/666\",[]],[\"name/667\",[17,29.242]],[\"comment/667\",[]],[\"name/668\",[1,29.067]],[\"comment/668\",[]],[\"name/669\",[7,29.067]],[\"comment/669\",[]],[\"name/670\",[18,29.242]],[\"comment/670\",[]],[\"name/671\",[19,29.242]],[\"comment/671\",[]],[\"name/672\",[20,29.602]],[\"comment/672\",[]],[\"name/673\",[21,29.242]],[\"comment/673\",[]],[\"name/674\",[2,29.421]],[\"comment/674\",[]],[\"name/675\",[3,29.067]],[\"comment/675\",[]],[\"name/676\",[22,29.242]],[\"comment/676\",[]],[\"name/677\",[24,29.421]],[\"comment/677\",[]],[\"name/678\",[258,65.53]],[\"comment/678\",[]],[\"name/679\",[250,57.057]],[\"comment/679\",[]],[\"name/680\",[197,60.422]],[\"comment/680\",[]],[\"name/681\",[259,54.544]],[\"comment/681\",[]],[\"name/682\",[260,57.057]],[\"comment/682\",[]],[\"name/683\",[261,65.53]],[\"comment/683\",[]],[\"name/684\",[249,49.435]],[\"comment/684\",[]],[\"name/685\",[17,29.242]],[\"comment/685\",[]],[\"name/686\",[1,29.067]],[\"comment/686\",[]],[\"name/687\",[7,29.067]],[\"comment/687\",[]],[\"name/688\",[18,29.242]],[\"comment/688\",[]],[\"name/689\",[19,29.242]],[\"comment/689\",[]],[\"name/690\",[20,29.602]],[\"comment/690\",[]],[\"name/691\",[21,29.242]],[\"comment/691\",[]],[\"name/692\",[2,29.421]],[\"comment/692\",[]],[\"name/693\",[3,29.067]],[\"comment/693\",[]],[\"name/694\",[22,29.242]],[\"comment/694\",[]],[\"name/695\",[24,29.421]],[\"comment/695\",[]],[\"name/696\",[234,60.422]],[\"comment/696\",[]],[\"name/697\",[262,60.422]],[\"comment/697\",[]],[\"name/698\",[263,65.53]],[\"comment/698\",[]],[\"name/699\",[264,60.422]],[\"comment/699\",[]],[\"name/700\",[265,60.422]],[\"comment/700\",[]],[\"name/701\",[266,60.422]],[\"comment/701\",[]],[\"name/702\",[267,57.057]],[\"comment/702\",[]],[\"name/703\",[268,57.057]],[\"comment/703\",[]],[\"name/704\",[269,65.53]],[\"comment/704\",[]],[\"name/705\",[17,29.242]],[\"comment/705\",[]],[\"name/706\",[1,29.067]],[\"comment/706\",[]],[\"name/707\",[7,29.067]],[\"comment/707\",[]],[\"name/708\",[18,29.242]],[\"comment/708\",[]],[\"name/709\",[19,29.242]],[\"comment/709\",[]],[\"name/710\",[20,29.602]],[\"comment/710\",[]],[\"name/711\",[21,29.242]],[\"comment/711\",[]],[\"name/712\",[2,29.421]],[\"comment/712\",[]],[\"name/713\",[3,29.067]],[\"comment/713\",[]],[\"name/714\",[22,29.242]],[\"comment/714\",[]],[\"name/715\",[24,29.421]],[\"comment/715\",[]],[\"name/716\",[235,60.422]],[\"comment/716\",[]],[\"name/717\",[270,65.53]],[\"comment/717\",[]],[\"name/718\",[264,60.422]],[\"comment/718\",[]],[\"name/719\",[271,65.53]],[\"comment/719\",[]],[\"name/720\",[266,60.422]],[\"comment/720\",[]],[\"name/721\",[267,57.057]],[\"comment/721\",[]],[\"name/722\",[268,57.057]],[\"comment/722\",[]],[\"name/723\",[17,29.242]],[\"comment/723\",[]],[\"name/724\",[1,29.067]],[\"comment/724\",[]],[\"name/725\",[7,29.067]],[\"comment/725\",[]],[\"name/726\",[18,29.242]],[\"comment/726\",[]],[\"name/727\",[19,29.242]],[\"comment/727\",[]],[\"name/728\",[20,29.602]],[\"comment/728\",[]],[\"name/729\",[21,29.242]],[\"comment/729\",[]],[\"name/730\",[2,29.421]],[\"comment/730\",[]],[\"name/731\",[3,29.067]],[\"comment/731\",[]],[\"name/732\",[22,29.242]],[\"comment/732\",[]],[\"name/733\",[24,29.421]],[\"comment/733\",[]],[\"name/734\",[237,60.422]],[\"comment/734\",[]],[\"name/735\",[272,65.53]],[\"comment/735\",[]],[\"name/736\",[273,65.53]],[\"comment/736\",[]],[\"name/737\",[274,65.53]],[\"comment/737\",[]],[\"name/738\",[275,65.53]],[\"comment/738\",[]],[\"name/739\",[276,65.53]],[\"comment/739\",[]],[\"name/740\",[17,29.242]],[\"comment/740\",[]],[\"name/741\",[1,29.067]],[\"comment/741\",[]],[\"name/742\",[7,29.067]],[\"comment/742\",[]],[\"name/743\",[18,29.242]],[\"comment/743\",[]],[\"name/744\",[19,29.242]],[\"comment/744\",[]],[\"name/745\",[20,29.602]],[\"comment/745\",[]],[\"name/746\",[21,29.242]],[\"comment/746\",[]],[\"name/747\",[2,29.421]],[\"comment/747\",[]],[\"name/748\",[3,29.067]],[\"comment/748\",[]],[\"name/749\",[22,29.242]],[\"comment/749\",[]],[\"name/750\",[24,29.421]],[\"comment/750\",[]],[\"name/751\",[238,60.422]],[\"comment/751\",[]],[\"name/752\",[262,60.422]],[\"comment/752\",[]],[\"name/753\",[265,60.422]],[\"comment/753\",[]],[\"name/754\",[267,57.057]],[\"comment/754\",[]],[\"name/755\",[268,57.057]],[\"comment/755\",[]],[\"name/756\",[277,65.53]],[\"comment/756\",[]],[\"name/757\",[17,29.242]],[\"comment/757\",[]],[\"name/758\",[1,29.067]],[\"comment/758\",[]],[\"name/759\",[7,29.067]],[\"comment/759\",[]],[\"name/760\",[18,29.242]],[\"comment/760\",[]],[\"name/761\",[19,29.242]],[\"comment/761\",[]],[\"name/762\",[20,29.602]],[\"comment/762\",[]],[\"name/763\",[21,29.242]],[\"comment/763\",[]],[\"name/764\",[2,29.421]],[\"comment/764\",[]],[\"name/765\",[3,29.067]],[\"comment/765\",[]],[\"name/766\",[22,29.242]],[\"comment/766\",[]],[\"name/767\",[24,29.421]],[\"comment/767\",[]],[\"name/768\",[239,60.422]],[\"comment/768\",[]],[\"name/769\",[250,57.057]],[\"comment/769\",[]],[\"name/770\",[257,57.057]],[\"comment/770\",[]],[\"name/771\",[252,60.422]],[\"comment/771\",[]],[\"name/772\",[253,57.057]],[\"comment/772\",[]],[\"name/773\",[278,65.53]],[\"comment/773\",[]],[\"name/774\",[249,49.435]],[\"comment/774\",[]],[\"name/775\",[17,29.242]],[\"comment/775\",[]],[\"name/776\",[1,29.067]],[\"comment/776\",[]],[\"name/777\",[7,29.067]],[\"comment/777\",[]],[\"name/778\",[18,29.242]],[\"comment/778\",[]],[\"name/779\",[19,29.242]],[\"comment/779\",[]],[\"name/780\",[20,29.602]],[\"comment/780\",[]],[\"name/781\",[21,29.242]],[\"comment/781\",[]],[\"name/782\",[2,29.421]],[\"comment/782\",[]],[\"name/783\",[3,29.067]],[\"comment/783\",[]],[\"name/784\",[22,29.242]],[\"comment/784\",[]],[\"name/785\",[24,29.421]],[\"comment/785\",[]],[\"name/786\",[240,60.422]],[\"comment/786\",[]],[\"name/787\",[279,65.53]],[\"comment/787\",[]],[\"name/788\",[280,65.53]],[\"comment/788\",[]],[\"name/789\",[17,29.242]],[\"comment/789\",[]],[\"name/790\",[1,29.067]],[\"comment/790\",[]],[\"name/791\",[7,29.067]],[\"comment/791\",[]],[\"name/792\",[18,29.242]],[\"comment/792\",[]],[\"name/793\",[19,29.242]],[\"comment/793\",[]],[\"name/794\",[20,29.602]],[\"comment/794\",[]],[\"name/795\",[21,29.242]],[\"comment/795\",[]],[\"name/796\",[2,29.421]],[\"comment/796\",[]],[\"name/797\",[3,29.067]],[\"comment/797\",[]],[\"name/798\",[22,29.242]],[\"comment/798\",[]],[\"name/799\",[24,29.421]],[\"comment/799\",[]],[\"name/800\",[241,60.422]],[\"comment/800\",[]],[\"name/801\",[281,65.53]],[\"comment/801\",[]],[\"name/802\",[282,65.53]],[\"comment/802\",[]],[\"name/803\",[259,54.544]],[\"comment/803\",[]],[\"name/804\",[17,29.242]],[\"comment/804\",[]],[\"name/805\",[1,29.067]],[\"comment/805\",[]],[\"name/806\",[7,29.067]],[\"comment/806\",[]],[\"name/807\",[18,29.242]],[\"comment/807\",[]],[\"name/808\",[19,29.242]],[\"comment/808\",[]],[\"name/809\",[20,29.602]],[\"comment/809\",[]],[\"name/810\",[21,29.242]],[\"comment/810\",[]],[\"name/811\",[2,29.421]],[\"comment/811\",[]],[\"name/812\",[3,29.067]],[\"comment/812\",[]],[\"name/813\",[22,29.242]],[\"comment/813\",[]],[\"name/814\",[24,29.421]],[\"comment/814\",[]],[\"name/815\",[242,60.422]],[\"comment/815\",[]],[\"name/816\",[283,65.53]],[\"comment/816\",[]],[\"name/817\",[284,65.53]],[\"comment/817\",[]],[\"name/818\",[285,65.53]],[\"comment/818\",[]],[\"name/819\",[286,65.53]],[\"comment/819\",[]],[\"name/820\",[17,29.242]],[\"comment/820\",[]],[\"name/821\",[1,29.067]],[\"comment/821\",[]],[\"name/822\",[7,29.067]],[\"comment/822\",[]],[\"name/823\",[18,29.242]],[\"comment/823\",[]],[\"name/824\",[19,29.242]],[\"comment/824\",[]],[\"name/825\",[20,29.602]],[\"comment/825\",[]],[\"name/826\",[21,29.242]],[\"comment/826\",[]],[\"name/827\",[2,29.421]],[\"comment/827\",[]],[\"name/828\",[3,29.067]],[\"comment/828\",[]],[\"name/829\",[22,29.242]],[\"comment/829\",[]],[\"name/830\",[24,29.421]],[\"comment/830\",[]],[\"name/831\",[243,60.422]],[\"comment/831\",[]],[\"name/832\",[129,57.057]],[\"comment/832\",[]],[\"name/833\",[259,54.544]],[\"comment/833\",[]],[\"name/834\",[249,49.435]],[\"comment/834\",[]],[\"name/835\",[17,29.242]],[\"comment/835\",[]],[\"name/836\",[1,29.067]],[\"comment/836\",[]],[\"name/837\",[7,29.067]],[\"comment/837\",[]],[\"name/838\",[18,29.242]],[\"comment/838\",[]],[\"name/839\",[19,29.242]],[\"comment/839\",[]],[\"name/840\",[20,29.602]],[\"comment/840\",[]],[\"name/841\",[21,29.242]],[\"comment/841\",[]],[\"name/842\",[2,29.421]],[\"comment/842\",[]],[\"name/843\",[3,29.067]],[\"comment/843\",[]],[\"name/844\",[22,29.242]],[\"comment/844\",[]],[\"name/845\",[24,29.421]],[\"comment/845\",[]],[\"name/846\",[244,60.422]],[\"comment/846\",[]],[\"name/847\",[259,54.544]],[\"comment/847\",[]],[\"name/848\",[249,49.435]],[\"comment/848\",[]],[\"name/849\",[17,29.242]],[\"comment/849\",[]],[\"name/850\",[1,29.067]],[\"comment/850\",[]],[\"name/851\",[7,29.067]],[\"comment/851\",[]],[\"name/852\",[18,29.242]],[\"comment/852\",[]],[\"name/853\",[19,29.242]],[\"comment/853\",[]],[\"name/854\",[20,29.602]],[\"comment/854\",[]],[\"name/855\",[21,29.242]],[\"comment/855\",[]],[\"name/856\",[2,29.421]],[\"comment/856\",[]],[\"name/857\",[3,29.067]],[\"comment/857\",[]],[\"name/858\",[22,29.242]],[\"comment/858\",[]],[\"name/859\",[24,29.421]],[\"comment/859\",[]],[\"name/860\",[245,60.422]],[\"comment/860\",[]],[\"name/861\",[287,60.422]],[\"comment/861\",[]],[\"name/862\",[257,57.057]],[\"comment/862\",[]],[\"name/863\",[288,65.53]],[\"comment/863\",[]],[\"name/864\",[289,65.53]],[\"comment/864\",[]],[\"name/865\",[290,65.53]],[\"comment/865\",[]],[\"name/866\",[17,29.242]],[\"comment/866\",[]],[\"name/867\",[1,29.067]],[\"comment/867\",[]],[\"name/868\",[7,29.067]],[\"comment/868\",[]],[\"name/869\",[18,29.242]],[\"comment/869\",[]],[\"name/870\",[19,29.242]],[\"comment/870\",[]],[\"name/871\",[20,29.602]],[\"comment/871\",[]],[\"name/872\",[21,29.242]],[\"comment/872\",[]],[\"name/873\",[2,29.421]],[\"comment/873\",[]],[\"name/874\",[3,29.067]],[\"comment/874\",[]],[\"name/875\",[22,29.242]],[\"comment/875\",[]],[\"name/876\",[24,29.421]],[\"comment/876\",[]],[\"name/877\",[246,60.422]],[\"comment/877\",[]],[\"name/878\",[287,60.422]],[\"comment/878\",[]],[\"name/879\",[260,57.057]],[\"comment/879\",[]],[\"name/880\",[249,49.435]],[\"comment/880\",[]],[\"name/881\",[17,29.242]],[\"comment/881\",[]],[\"name/882\",[1,29.067]],[\"comment/882\",[]],[\"name/883\",[7,29.067]],[\"comment/883\",[]],[\"name/884\",[18,29.242]],[\"comment/884\",[]],[\"name/885\",[19,29.242]],[\"comment/885\",[]],[\"name/886\",[20,29.602]],[\"comment/886\",[]],[\"name/887\",[21,29.242]],[\"comment/887\",[]],[\"name/888\",[2,29.421]],[\"comment/888\",[]],[\"name/889\",[3,29.067]],[\"comment/889\",[]],[\"name/890\",[22,29.242]],[\"comment/890\",[]],[\"name/891\",[24,29.421]],[\"comment/891\",[]],[\"name/892\",[291,65.53]],[\"comment/892\",[]],[\"name/893\",[17,29.242]],[\"comment/893\",[]],[\"name/894\",[1,29.067]],[\"comment/894\",[]],[\"name/895\",[7,29.067]],[\"comment/895\",[]],[\"name/896\",[18,29.242]],[\"comment/896\",[]],[\"name/897\",[19,29.242]],[\"comment/897\",[]],[\"name/898\",[20,29.602]],[\"comment/898\",[]],[\"name/899\",[21,29.242]],[\"comment/899\",[]],[\"name/900\",[2,29.421]],[\"comment/900\",[]],[\"name/901\",[3,29.067]],[\"comment/901\",[]],[\"name/902\",[22,29.242]],[\"comment/902\",[]],[\"name/903\",[24,29.421]],[\"comment/903\",[]],[\"name/904\",[13,60.422]],[\"comment/904\",[]],[\"name/905\",[292,60.422]],[\"comment/905\",[]],[\"name/906\",[293,60.422]],[\"comment/906\",[]],[\"name/907\",[294,60.422]],[\"comment/907\",[]],[\"name/908\",[295,60.422]],[\"comment/908\",[]],[\"name/909\",[296,60.422]],[\"comment/909\",[]],[\"name/910\",[17,29.242]],[\"comment/910\",[]],[\"name/911\",[1,29.067]],[\"comment/911\",[]],[\"name/912\",[7,29.067]],[\"comment/912\",[]],[\"name/913\",[18,29.242]],[\"comment/913\",[]],[\"name/914\",[19,29.242]],[\"comment/914\",[]],[\"name/915\",[20,29.602]],[\"comment/915\",[]],[\"name/916\",[21,29.242]],[\"comment/916\",[]],[\"name/917\",[2,29.421]],[\"comment/917\",[]],[\"name/918\",[3,29.067]],[\"comment/918\",[]],[\"name/919\",[22,29.242]],[\"comment/919\",[]],[\"name/920\",[24,29.421]],[\"comment/920\",[]],[\"name/921\",[292,60.422]],[\"comment/921\",[]],[\"name/922\",[297,60.422]],[\"comment/922\",[]],[\"name/923\",[260,57.057]],[\"comment/923\",[]],[\"name/924\",[298,65.53]],[\"comment/924\",[]],[\"name/925\",[249,49.435]],[\"comment/925\",[]],[\"name/926\",[17,29.242]],[\"comment/926\",[]],[\"name/927\",[1,29.067]],[\"comment/927\",[]],[\"name/928\",[7,29.067]],[\"comment/928\",[]],[\"name/929\",[18,29.242]],[\"comment/929\",[]],[\"name/930\",[19,29.242]],[\"comment/930\",[]],[\"name/931\",[20,29.602]],[\"comment/931\",[]],[\"name/932\",[21,29.242]],[\"comment/932\",[]],[\"name/933\",[2,29.421]],[\"comment/933\",[]],[\"name/934\",[3,29.067]],[\"comment/934\",[]],[\"name/935\",[22,29.242]],[\"comment/935\",[]],[\"name/936\",[24,29.421]],[\"comment/936\",[]],[\"name/937\",[293,60.422]],[\"comment/937\",[]],[\"name/938\",[297,60.422]],[\"comment/938\",[]],[\"name/939\",[299,65.53]],[\"comment/939\",[]],[\"name/940\",[300,57.057]],[\"comment/940\",[]],[\"name/941\",[301,65.53]],[\"comment/941\",[]],[\"name/942\",[302,65.53]],[\"comment/942\",[]],[\"name/943\",[17,29.242]],[\"comment/943\",[]],[\"name/944\",[1,29.067]],[\"comment/944\",[]],[\"name/945\",[7,29.067]],[\"comment/945\",[]],[\"name/946\",[18,29.242]],[\"comment/946\",[]],[\"name/947\",[19,29.242]],[\"comment/947\",[]],[\"name/948\",[20,29.602]],[\"comment/948\",[]],[\"name/949\",[21,29.242]],[\"comment/949\",[]],[\"name/950\",[2,29.421]],[\"comment/950\",[]],[\"name/951\",[3,29.067]],[\"comment/951\",[]],[\"name/952\",[22,29.242]],[\"comment/952\",[]],[\"name/953\",[24,29.421]],[\"comment/953\",[]],[\"name/954\",[294,60.422]],[\"comment/954\",[]],[\"name/955\",[303,65.53]],[\"comment/955\",[]],[\"name/956\",[300,57.057]],[\"comment/956\",[]],[\"name/957\",[304,60.422]],[\"comment/957\",[]],[\"name/958\",[305,60.422]],[\"comment/958\",[]],[\"name/959\",[17,29.242]],[\"comment/959\",[]],[\"name/960\",[1,29.067]],[\"comment/960\",[]],[\"name/961\",[7,29.067]],[\"comment/961\",[]],[\"name/962\",[18,29.242]],[\"comment/962\",[]],[\"name/963\",[19,29.242]],[\"comment/963\",[]],[\"name/964\",[20,29.602]],[\"comment/964\",[]],[\"name/965\",[21,29.242]],[\"comment/965\",[]],[\"name/966\",[2,29.421]],[\"comment/966\",[]],[\"name/967\",[3,29.067]],[\"comment/967\",[]],[\"name/968\",[22,29.242]],[\"comment/968\",[]],[\"name/969\",[24,29.421]],[\"comment/969\",[]],[\"name/970\",[295,60.422]],[\"comment/970\",[]],[\"name/971\",[306,65.53]],[\"comment/971\",[]],[\"name/972\",[300,57.057]],[\"comment/972\",[]],[\"name/973\",[304,60.422]],[\"comment/973\",[]],[\"name/974\",[305,60.422]],[\"comment/974\",[]],[\"name/975\",[17,29.242]],[\"comment/975\",[]],[\"name/976\",[1,29.067]],[\"comment/976\",[]],[\"name/977\",[7,29.067]],[\"comment/977\",[]],[\"name/978\",[18,29.242]],[\"comment/978\",[]],[\"name/979\",[19,29.242]],[\"comment/979\",[]],[\"name/980\",[20,29.602]],[\"comment/980\",[]],[\"name/981\",[21,29.242]],[\"comment/981\",[]],[\"name/982\",[2,29.421]],[\"comment/982\",[]],[\"name/983\",[3,29.067]],[\"comment/983\",[]],[\"name/984\",[22,29.242]],[\"comment/984\",[]],[\"name/985\",[24,29.421]],[\"comment/985\",[]],[\"name/986\",[296,60.422]],[\"comment/986\",[]],[\"name/987\",[307,65.53]],[\"comment/987\",[]],[\"name/988\",[308,65.53]],[\"comment/988\",[]],[\"name/989\",[309,65.53]],[\"comment/989\",[]],[\"name/990\",[17,29.242]],[\"comment/990\",[]],[\"name/991\",[1,29.067]],[\"comment/991\",[]],[\"name/992\",[7,29.067]],[\"comment/992\",[]],[\"name/993\",[18,29.242]],[\"comment/993\",[]],[\"name/994\",[19,29.242]],[\"comment/994\",[]],[\"name/995\",[20,29.602]],[\"comment/995\",[]],[\"name/996\",[21,29.242]],[\"comment/996\",[]],[\"name/997\",[2,29.421]],[\"comment/997\",[]],[\"name/998\",[3,29.067]],[\"comment/998\",[]],[\"name/999\",[22,29.242]],[\"comment/999\",[]],[\"name/1000\",[24,29.421]],[\"comment/1000\",[]],[\"name/1001\",[15,60.422]],[\"comment/1001\",[]],[\"name/1002\",[310,60.422]],[\"comment/1002\",[]],[\"name/1003\",[311,65.53]],[\"comment/1003\",[]],[\"name/1004\",[312,65.53]],[\"comment/1004\",[]],[\"name/1005\",[313,65.53]],[\"comment/1005\",[]],[\"name/1006\",[314,65.53]],[\"comment/1006\",[]],[\"name/1007\",[315,65.53]],[\"comment/1007\",[]],[\"name/1008\",[316,65.53]],[\"comment/1008\",[]],[\"name/1009\",[317,65.53]],[\"comment/1009\",[]],[\"name/1010\",[318,65.53]],[\"comment/1010\",[]],[\"name/1011\",[319,65.53]],[\"comment/1011\",[]],[\"name/1012\",[17,29.242]],[\"comment/1012\",[]],[\"name/1013\",[1,29.067]],[\"comment/1013\",[]],[\"name/1014\",[7,29.067]],[\"comment/1014\",[]],[\"name/1015\",[18,29.242]],[\"comment/1015\",[]],[\"name/1016\",[19,29.242]],[\"comment/1016\",[]],[\"name/1017\",[20,29.602]],[\"comment/1017\",[]],[\"name/1018\",[21,29.242]],[\"comment/1018\",[]],[\"name/1019\",[2,29.421]],[\"comment/1019\",[]],[\"name/1020\",[3,29.067]],[\"comment/1020\",[]],[\"name/1021\",[22,29.242]],[\"comment/1021\",[]],[\"name/1022\",[24,29.421]],[\"comment/1022\",[]],[\"name/1023\",[310,60.422]],[\"comment/1023\",[]],[\"name/1024\",[320,65.53]],[\"comment/1024\",[]],[\"name/1025\",[321,65.53]],[\"comment/1025\",[]],[\"name/1026\",[14,60.422]],[\"comment/1026\",[]],[\"name/1027\",[115,57.057]],[\"comment/1027\",[]],[\"name/1028\",[322,65.53]],[\"comment/1028\",[]],[\"name/1029\",[323,65.53]],[\"comment/1029\",[]],[\"name/1030\",[324,65.53]],[\"comment/1030\",[]],[\"name/1031\",[325,65.53]],[\"comment/1031\",[]],[\"name/1032\",[17,29.242]],[\"comment/1032\",[]],[\"name/1033\",[1,29.067]],[\"comment/1033\",[]],[\"name/1034\",[7,29.067]],[\"comment/1034\",[]],[\"name/1035\",[18,29.242]],[\"comment/1035\",[]],[\"name/1036\",[19,29.242]],[\"comment/1036\",[]],[\"name/1037\",[20,29.602]],[\"comment/1037\",[]],[\"name/1038\",[21,29.242]],[\"comment/1038\",[]],[\"name/1039\",[2,29.421]],[\"comment/1039\",[]],[\"name/1040\",[3,29.067]],[\"comment/1040\",[]],[\"name/1041\",[22,29.242]],[\"comment/1041\",[]],[\"name/1042\",[24,29.421]],[\"comment/1042\",[]],[\"name/1043\",[326,65.53]],[\"comment/1043\",[]],[\"name/1044\",[327,65.53]],[\"comment/1044\",[]],[\"name/1045\",[328,65.53]],[\"comment/1045\",[]],[\"name/1046\",[329,65.53]],[\"comment/1046\",[]],[\"name/1047\",[330,65.53]],[\"comment/1047\",[]],[\"name/1048\",[331,65.53]],[\"comment/1048\",[]],[\"name/1049\",[332,65.53]],[\"comment/1049\",[]],[\"name/1050\",[333,65.53]],[\"comment/1050\",[]]],\"invertedIndex\":[[\"__type\",{\"_index\":312,\"name\":{\"1004\":{}},\"comment\":{}}],[\"accent\",{\"_index\":153,\"name\":{\"258\":{}},\"comment\":{}}],[\"addcolor\",{\"_index\":117,\"name\":{\"173\":{}},\"comment\":{}}],[\"adddependency\",{\"_index\":18,\"name\":{\"20\":{},\"31\":{},\"45\":{},\"56\":{},\"131\":{},\"163\":{},\"189\":{},\"205\":{},\"218\":{},\"239\":{},\"262\":{},\"286\":{},\"303\":{},\"322\":{},\"351\":{},\"365\":{},\"383\":{},\"397\":{},\"412\":{},\"427\":{},\"446\":{},\"461\":{},\"475\":{},\"489\":{},\"512\":{},\"527\":{},\"549\":{},\"563\":{},\"580\":{},\"592\":{},\"621\":{},\"636\":{},\"655\":{},\"670\":{},\"688\":{},\"708\":{},\"726\":{},\"743\":{},\"760\":{},\"778\":{},\"792\":{},\"807\":{},\"823\":{},\"838\":{},\"852\":{},\"869\":{},\"884\":{},\"896\":{},\"913\":{},\"929\":{},\"946\":{},\"962\":{},\"978\":{},\"993\":{},\"1015\":{},\"1035\":{}},\"comment\":{}}],[\"adddesignsystem\",{\"_index\":6,\"name\":{\"6\":{}},\"comment\":{}}],[\"addfocusblur\",{\"_index\":208,\"name\":{\"456\":{}},\"comment\":{}}],[\"addpropsvar\",{\"_index\":321,\"name\":{\"1025\":{}},\"comment\":{}}],[\"addpropvar\",{\"_index\":320,\"name\":{\"1024\":{}},\"comment\":{}}],[\"all\",{\"_index\":205,\"name\":{\"440\":{}},\"comment\":{}}],[\"animationsettings\",{\"_index\":114,\"name\":{\"158\":{},\"544\":{}},\"comment\":{}}],[\"atom\",{\"_index\":94,\"name\":{\"126\":{}},\"comment\":{}}],[\"atoms\",{\"_index\":11,\"name\":{\"11\":{},\"139\":{}},\"comment\":{}}],[\"availablecolorblindthemes\",{\"_index\":222,\"name\":{\"558\":{}},\"comment\":{}}],[\"availablecolors\",{\"_index\":297,\"name\":{\"922\":{},\"938\":{}},\"comment\":{}}],[\"avatars\",{\"_index\":230,\"name\":{\"601\":{},\"629\":{}},\"comment\":{}}],[\"b\",{\"_index\":51,\"name\":{\"83\":{}},\"comment\":{}}],[\"barheight\",{\"_index\":289,\"name\":{\"864\":{}},\"comment\":{}}],[\"barshadow\",{\"_index\":290,\"name\":{\"865\":{}},\"comment\":{}}],[\"baseblurradius\",{\"_index\":212,\"name\":{\"499\":{}},\"comment\":{}}],[\"baseborderradius\",{\"_index\":200,\"name\":{\"422\":{}},\"comment\":{}}],[\"baseborderwidth\",{\"_index\":199,\"name\":{\"421\":{}},\"comment\":{}}],[\"basecoloropacity\",{\"_index\":214,\"name\":{\"501\":{}},\"comment\":{}}],[\"basefontsize\",{\"_index\":159,\"name\":{\"276\":{}},\"comment\":{}}],[\"basespreadradius\",{\"_index\":213,\"name\":{\"500\":{}},\"comment\":{}}],[\"bevelsettings\",{\"_index\":112,\"name\":{\"156\":{},\"520\":{}},\"comment\":{}}],[\"bevelsettingsprops\",{\"_index\":219,\"name\":{\"535\":{}},\"comment\":{}}],[\"black\",{\"_index\":31,\"name\":{\"63\":{}},\"comment\":{}}],[\"blurradius\",{\"_index\":192,\"name\":{\"375\":{},\"504\":{},\"539\":{}},\"comment\":{}}],[\"body\",{\"_index\":302,\"name\":{\"942\":{}},\"comment\":{}}],[\"body1\",{\"_index\":169,\"name\":{\"312\":{}},\"comment\":{}}],[\"body1bold\",{\"_index\":170,\"name\":{\"313\":{}},\"comment\":{}}],[\"body2\",{\"_index\":171,\"name\":{\"314\":{}},\"comment\":{}}],[\"body2bold\",{\"_index\":172,\"name\":{\"315\":{}},\"comment\":{}}],[\"body3\",{\"_index\":173,\"name\":{\"316\":{}},\"comment\":{}}],[\"body3bold\",{\"_index\":174,\"name\":{\"317\":{}},\"comment\":{}}],[\"bodystyles\",{\"_index\":100,\"name\":{\"144\":{},\"311\":{}},\"comment\":{}}],[\"borderradius\",{\"_index\":259,\"name\":{\"681\":{},\"803\":{},\"833\":{},\"847\":{}},\"comment\":{}}],[\"bordersettings\",{\"_index\":107,\"name\":{\"151\":{},\"420\":{}},\"comment\":{}}],[\"builddmshade\",{\"_index\":84,\"name\":{\"116\":{}},\"comment\":{}}],[\"builddmshades\",{\"_index\":81,\"name\":{\"113\":{}},\"comment\":{}}],[\"buildlmshade\",{\"_index\":86,\"name\":{\"118\":{}},\"comment\":{}}],[\"buildlmshades\",{\"_index\":76,\"name\":{\"108\":{}},\"comment\":{}}],[\"buildshade\",{\"_index\":85,\"name\":{\"117\":{}},\"comment\":{}}],[\"buildshades\",{\"_index\":72,\"name\":{\"104\":{}},\"comment\":{}}],[\"button\",{\"_index\":150,\"name\":{\"255\":{}},\"comment\":{}}],[\"buttonshadow\",{\"_index\":255,\"name\":{\"650\":{}},\"comment\":{}}],[\"buttontext\",{\"_index\":254,\"name\":{\"649\":{},\"666\":{}},\"comment\":{}}],[\"calltoaction\",{\"_index\":187,\"name\":{\"343\":{}},\"comment\":{}}],[\"calltoactionsmall\",{\"_index\":188,\"name\":{\"344\":{}},\"comment\":{}}],[\"cancel\",{\"_index\":26,\"name\":{\"40\":{}},\"comment\":{}}],[\"caption\",{\"_index\":177,\"name\":{\"333\":{}},\"comment\":{}}],[\"captionbold\",{\"_index\":178,\"name\":{\"334\":{}},\"comment\":{}}],[\"cards\",{\"_index\":258,\"name\":{\"678\":{}},\"comment\":{}}],[\"centerdisplay\",{\"_index\":269,\"name\":{\"704\":{}},\"comment\":{}}],[\"chartbar\",{\"_index\":236,\"name\":{\"607\":{}},\"comment\":{}}],[\"chartcolors\",{\"_index\":106,\"name\":{\"150\":{}},\"comment\":{}}],[\"chartdonut\",{\"_index\":234,\"name\":{\"605\":{},\"696\":{}},\"comment\":{}}],[\"chartline\",{\"_index\":237,\"name\":{\"608\":{},\"734\":{}},\"comment\":{}}],[\"chartlinesdisplay\",{\"_index\":275,\"name\":{\"738\":{}},\"comment\":{}}],[\"chartpie\",{\"_index\":235,\"name\":{\"606\":{},\"716\":{}},\"comment\":{}}],[\"chartprogress\",{\"_index\":238,\"name\":{\"609\":{},\"751\":{}},\"comment\":{}}],[\"chips\",{\"_index\":239,\"name\":{\"610\":{},\"768\":{}},\"comment\":{}}],[\"clone\",{\"_index\":92,\"name\":{\"124\":{}},\"comment\":{}}],[\"code\",{\"_index\":15,\"name\":{\"15\":{},\"1001\":{}},\"comment\":{}}],[\"color\",{\"_index\":129,\"name\":{\"197\":{},\"374\":{},\"832\":{}},\"comment\":{}}],[\"colorblind\",{\"_index\":115,\"name\":{\"159\":{},\"557\":{},\"1027\":{}},\"comment\":{}}],[\"colormode\",{\"_index\":132,\"name\":{\"213\":{}},\"comment\":{}}],[\"coloropacity\",{\"_index\":194,\"name\":{\"377\":{},\"506\":{}},\"comment\":{}}],[\"colorpalette\",{\"_index\":96,\"name\":{\"140\":{},\"171\":{}},\"comment\":{}}],[\"colortheme\",{\"_index\":142,\"name\":{\"247\":{}},\"comment\":{}}],[\"colorthemes\",{\"_index\":97,\"name\":{\"141\":{},\"226\":{}},\"comment\":{}}],[\"containerdisplay\",{\"_index\":266,\"name\":{\"701\":{},\"720\":{}},\"comment\":{}}],[\"containerpadding\",{\"_index\":267,\"name\":{\"702\":{},\"721\":{},\"754\":{}},\"comment\":{}}],[\"containershadow\",{\"_index\":268,\"name\":{\"703\":{},\"722\":{},\"755\":{}},\"comment\":{}}],[\"contentgap\",{\"_index\":261,\"name\":{\"683\":{}},\"comment\":{}}],[\"copy\",{\"_index\":16,\"name\":{\"16\":{}},\"comment\":{}}],[\"copyrightverticalpadding\",{\"_index\":309,\"name\":{\"989\":{}},\"comment\":{}}],[\"coreshades\",{\"_index\":43,\"name\":{\"75\":{}},\"comment\":{}}],[\"create\",{\"_index\":5,\"name\":{\"5\":{}},\"comment\":{}}],[\"createtheme\",{\"_index\":135,\"name\":{\"228\":{}},\"comment\":{}}],[\"cssgenerator\",{\"_index\":310,\"name\":{\"1002\":{},\"1023\":{}},\"comment\":{}}],[\"cutoutthickness\",{\"_index\":262,\"name\":{\"697\":{},\"752\":{}},\"comment\":{}}],[\"danger\",{\"_index\":204,\"name\":{\"439\":{}},\"comment\":{}}],[\"dark\",{\"_index\":131,\"name\":{\"201\":{}},\"comment\":{}}],[\"dark_blue\",{\"_index\":41,\"name\":{\"73\":{}},\"comment\":{}}],[\"darkmodebackground\",{\"_index\":147,\"name\":{\"252\":{}},\"comment\":{}}],[\"darkshadowopacity\",{\"_index\":221,\"name\":{\"542\":{}},\"comment\":{}}],[\"datatables\",{\"_index\":292,\"name\":{\"905\":{},\"921\":{}},\"comment\":{}}],[\"defaultcolorname\",{\"_index\":116,\"name\":{\"172\":{}},\"comment\":{}}],[\"defaulttheme\",{\"_index\":134,\"name\":{\"227\":{}},\"comment\":{}}],[\"delete\",{\"_index\":330,\"name\":{\"1047\":{}},\"comment\":{}}],[\"deletedesignsystem\",{\"_index\":8,\"name\":{\"8\":{}},\"comment\":{}}],[\"designsystem\",{\"_index\":10,\"name\":{\"10\":{}},\"comment\":{}}],[\"devicetarget\",{\"_index\":325,\"name\":{\"1031\":{}},\"comment\":{}}],[\"displayandheaderstyles\",{\"_index\":99,\"name\":{\"143\":{},\"294\":{}},\"comment\":{}}],[\"displaystyles\",{\"_index\":167,\"name\":{\"297\":{}},\"comment\":{}}],[\"dropdowns\",{\"_index\":241,\"name\":{\"612\":{},\"800\":{}},\"comment\":{}}],[\"dyslexia\",{\"_index\":322,\"name\":{\"1028\":{}},\"comment\":{}}],[\"elevationsettings\",{\"_index\":111,\"name\":{\"155\":{},\"497\":{}},\"comment\":{}}],[\"extralargeborder\",{\"_index\":248,\"name\":{\"631\":{}},\"comment\":{}}],[\"finddmshade\",{\"_index\":77,\"name\":{\"109\":{}},\"comment\":{}}],[\"findlmshade\",{\"_index\":74,\"name\":{\"106\":{}},\"comment\":{}}],[\"fixed\",{\"_index\":303,\"name\":{\"955\":{}},\"comment\":{}}],[\"focuscolor\",{\"_index\":207,\"name\":{\"455\":{}},\"comment\":{}}],[\"focusstates\",{\"_index\":108,\"name\":{\"152\":{},\"454\":{}},\"comment\":{}}],[\"fontfamily\",{\"_index\":224,\"name\":{\"572\":{}},\"comment\":{}}],[\"fontsize\",{\"_index\":225,\"name\":{\"573\":{}},\"comment\":{}}],[\"fontssettings\",{\"_index\":98,\"name\":{\"142\":{},\"273\":{}},\"comment\":{}}],[\"fontweight\",{\"_index\":226,\"name\":{\"574\":{}},\"comment\":{}}],[\"fontweights\",{\"_index\":160,\"name\":{\"277\":{}},\"comment\":{}}],[\"footerandcopyright\",{\"_index\":296,\"name\":{\"909\":{},\"986\":{}},\"comment\":{}}],[\"footerbackground\",{\"_index\":307,\"name\":{\"987\":{}},\"comment\":{}}],[\"footerverticalpadding\",{\"_index\":308,\"name\":{\"988\":{}},\"comment\":{}}],[\"from\",{\"_index\":155,\"name\":{\"271\":{}},\"comment\":{}}],[\"fromhex\",{\"_index\":44,\"name\":{\"76\":{}},\"comment\":{}}],[\"fromrgb\",{\"_index\":45,\"name\":{\"77\":{}},\"comment\":{}}],[\"fromrgbarray\",{\"_index\":46,\"name\":{\"78\":{}},\"comment\":{}}],[\"g\",{\"_index\":50,\"name\":{\"82\":{}},\"comment\":{}}],[\"generalimageborderradius\",{\"_index\":285,\"name\":{\"818\":{}},\"comment\":{}}],[\"get\",{\"_index\":328,\"name\":{\"1045\":{}},\"comment\":{}}],[\"getcolor\",{\"_index\":121,\"name\":{\"177\":{}},\"comment\":{}}],[\"getcolorindex\",{\"_index\":128,\"name\":{\"184\":{}},\"comment\":{}}],[\"getcolornames\",{\"_index\":120,\"name\":{\"176\":{}},\"comment\":{}}],[\"getcolors\",{\"_index\":124,\"name\":{\"180\":{}},\"comment\":{}}],[\"getcolorshades\",{\"_index\":125,\"name\":{\"181\":{}},\"comment\":{}}],[\"getcontrast\",{\"_index\":88,\"name\":{\"120\":{}},\"comment\":{}}],[\"getcontrastratio\",{\"_index\":87,\"name\":{\"119\":{}},\"comment\":{}}],[\"getcontrasttowhiteorblack\",{\"_index\":89,\"name\":{\"121\":{}},\"comment\":{}}],[\"getcoreshade\",{\"_index\":42,\"name\":{\"74\":{}},\"comment\":{}}],[\"getcorrespondingdarkmodeshade\",{\"_index\":79,\"name\":{\"111\":{}},\"comment\":{}}],[\"getcssvargroup\",{\"_index\":314,\"name\":{\"1006\":{}},\"comment\":{}}],[\"getcssvargroupkeys\",{\"_index\":315,\"name\":{\"1007\":{}},\"comment\":{}}],[\"getcssvars\",{\"_index\":311,\"name\":{\"1003\":{}},\"comment\":{}}],[\"getdarkcolorshades\",{\"_index\":127,\"name\":{\"183\":{}},\"comment\":{}}],[\"getdefaultcolor\",{\"_index\":122,\"name\":{\"178\":{}},\"comment\":{}}],[\"getdefaultcolorname\",{\"_index\":123,\"name\":{\"179\":{}},\"comment\":{}}],[\"getdefaulttheme\",{\"_index\":139,\"name\":{\"232\":{}},\"comment\":{}}],[\"getdefaultthemename\",{\"_index\":140,\"name\":{\"233\":{}},\"comment\":{}}],[\"getdesignsystem\",{\"_index\":7,\"name\":{\"7\":{},\"19\":{},\"30\":{},\"44\":{},\"55\":{},\"130\":{},\"162\":{},\"188\":{},\"204\":{},\"217\":{},\"238\":{},\"261\":{},\"285\":{},\"302\":{},\"321\":{},\"350\":{},\"364\":{},\"382\":{},\"396\":{},\"411\":{},\"426\":{},\"445\":{},\"460\":{},\"474\":{},\"488\":{},\"511\":{},\"526\":{},\"548\":{},\"562\":{},\"579\":{},\"591\":{},\"620\":{},\"635\":{},\"654\":{},\"669\":{},\"687\":{},\"707\":{},\"725\":{},\"742\":{},\"759\":{},\"777\":{},\"791\":{},\"806\":{},\"822\":{},\"837\":{},\"851\":{},\"868\":{},\"883\":{},\"895\":{},\"912\":{},\"928\":{},\"945\":{},\"961\":{},\"977\":{},\"992\":{},\"1014\":{},\"1034\":{}},\"comment\":{}}],[\"getdmshade\",{\"_index\":78,\"name\":{\"110\":{}},\"comment\":{}}],[\"gethalfshade\",{\"_index\":62,\"name\":{\"94\":{}},\"comment\":{}}],[\"gethexorrgba\",{\"_index\":91,\"name\":{\"123\":{}},\"comment\":{}}],[\"getjson\",{\"_index\":319,\"name\":{\"1011\":{}},\"comment\":{}}],[\"getjsonbase\",{\"_index\":316,\"name\":{\"1008\":{}},\"comment\":{}}],[\"getjsondm\",{\"_index\":318,\"name\":{\"1010\":{}},\"comment\":{}}],[\"getjsonlm\",{\"_index\":317,\"name\":{\"1009\":{}},\"comment\":{}}],[\"getlightcolorshades\",{\"_index\":126,\"name\":{\"182\":{}},\"comment\":{}}],[\"getlighteranddarkershades\",{\"_index\":82,\"name\":{\"114\":{}},\"comment\":{}}],[\"getlightershades\",{\"_index\":83,\"name\":{\"115\":{}},\"comment\":{}}],[\"getlightmodeshade\",{\"_index\":65,\"name\":{\"97\":{}},\"comment\":{}}],[\"getlightness\",{\"_index\":69,\"name\":{\"101\":{}},\"comment\":{}}],[\"getlmshade\",{\"_index\":75,\"name\":{\"107\":{}},\"comment\":{}}],[\"getluminance\",{\"_index\":67,\"name\":{\"99\":{}},\"comment\":{}}],[\"getmode\",{\"_index\":58,\"name\":{\"90\":{}},\"comment\":{}}],[\"getonshade2\",{\"_index\":66,\"name\":{\"98\":{}},\"comment\":{}}],[\"getpartialshade\",{\"_index\":64,\"name\":{\"96\":{}},\"comment\":{}}],[\"getperceivedlightness\",{\"_index\":70,\"name\":{\"102\":{}},\"comment\":{}}],[\"getquartershade\",{\"_index\":63,\"name\":{\"95\":{}},\"comment\":{}}],[\"getsaturation\",{\"_index\":71,\"name\":{\"103\":{}},\"comment\":{}}],[\"getshade\",{\"_index\":73,\"name\":{\"105\":{}},\"comment\":{}}],[\"getshadeoronshadebasedoncontrast\",{\"_index\":68,\"name\":{\"100\":{}},\"comment\":{}}],[\"getshadesorderedbynearness\",{\"_index\":93,\"name\":{\"125\":{}},\"comment\":{}}],[\"gettheme\",{\"_index\":137,\"name\":{\"230\":{}},\"comment\":{}}],[\"getthemenames\",{\"_index\":136,\"name\":{\"229\":{}},\"comment\":{}}],[\"getthemes\",{\"_index\":138,\"name\":{\"231\":{}},\"comment\":{}}],[\"getuninitializedrequiredproperties\",{\"_index\":21,\"name\":{\"23\":{},\"34\":{},\"47\":{},\"58\":{},\"134\":{},\"166\":{},\"192\":{},\"208\":{},\"221\":{},\"242\":{},\"265\":{},\"289\":{},\"306\":{},\"325\":{},\"354\":{},\"368\":{},\"386\":{},\"400\":{},\"415\":{},\"430\":{},\"449\":{},\"464\":{},\"478\":{},\"492\":{},\"515\":{},\"530\":{},\"552\":{},\"566\":{},\"583\":{},\"595\":{},\"624\":{},\"639\":{},\"658\":{},\"673\":{},\"691\":{},\"711\":{},\"729\":{},\"746\":{},\"763\":{},\"781\":{},\"795\":{},\"810\":{},\"826\":{},\"841\":{},\"855\":{},\"872\":{},\"887\":{},\"899\":{},\"916\":{},\"932\":{},\"949\":{},\"965\":{},\"981\":{},\"996\":{},\"1018\":{},\"1038\":{}},\"comment\":{}}],[\"glowsettings\",{\"_index\":113,\"name\":{\"157\":{},\"373\":{}},\"comment\":{}}],[\"gradient1\",{\"_index\":148,\"name\":{\"253\":{}},\"comment\":{}}],[\"gradient2\",{\"_index\":149,\"name\":{\"254\":{}},\"comment\":{}}],[\"gradientcolors\",{\"_index\":154,\"name\":{\"270\":{}},\"comment\":{}}],[\"gradientheadertext\",{\"_index\":152,\"name\":{\"257\":{}},\"comment\":{}}],[\"gray\",{\"_index\":38,\"name\":{\"70\":{}},\"comment\":{}}],[\"grid\",{\"_index\":196,\"name\":{\"392\":{}},\"comment\":{}}],[\"gridsettings\",{\"_index\":103,\"name\":{\"147\":{},\"391\":{}},\"comment\":{}}],[\"half_black\",{\"_index\":33,\"name\":{\"65\":{}},\"comment\":{}}],[\"half_white\",{\"_index\":36,\"name\":{\"68\":{}},\"comment\":{}}],[\"half_white_dm\",{\"_index\":40,\"name\":{\"72\":{}},\"comment\":{}}],[\"handleborderradius\",{\"_index\":287,\"name\":{\"861\":{},\"878\":{}},\"comment\":{}}],[\"handleshadow\",{\"_index\":288,\"name\":{\"863\":{}},\"comment\":{}}],[\"hasmode\",{\"_index\":57,\"name\":{\"89\":{}},\"comment\":{}}],[\"headerlineheight\",{\"_index\":162,\"name\":{\"279\":{}},\"comment\":{}}],[\"headerstyles\",{\"_index\":168,\"name\":{\"298\":{}},\"comment\":{}}],[\"headertext\",{\"_index\":298,\"name\":{\"924\":{}},\"comment\":{}}],[\"headingdisplayfontweight\",{\"_index\":165,\"name\":{\"295\":{}},\"comment\":{}}],[\"height\",{\"_index\":251,\"name\":{\"646\":{}},\"comment\":{}}],[\"hero\",{\"_index\":293,\"name\":{\"906\":{},\"937\":{}},\"comment\":{}}],[\"hex\",{\"_index\":47,\"name\":{\"79\":{},\"199\":{}},\"comment\":{}}],[\"horizontalpadding\",{\"_index\":253,\"name\":{\"648\":{},\"665\":{},\"772\":{}},\"comment\":{}}],[\"horizontalshadowlength\",{\"_index\":215,\"name\":{\"502\":{},\"537\":{}},\"comment\":{}}],[\"horizontaltabpadding\",{\"_index\":304,\"name\":{\"957\":{},\"973\":{}},\"comment\":{}}],[\"hotlinks\",{\"_index\":109,\"name\":{\"153\":{},\"469\":{}},\"comment\":{}}],[\"icon\",{\"_index\":151,\"name\":{\"256\":{}},\"comment\":{}}],[\"id\",{\"_index\":52,\"name\":{\"84\":{}},\"comment\":{}}],[\"images\",{\"_index\":242,\"name\":{\"613\":{},\"815\":{}},\"comment\":{}}],[\"imageshadow\",{\"_index\":286,\"name\":{\"819\":{}},\"comment\":{}}],[\"index\",{\"_index\":53,\"name\":{\"85\":{},\"198\":{}},\"comment\":{}}],[\"info\",{\"_index\":201,\"name\":{\"436\":{}},\"comment\":{}}],[\"inode\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"inputbackground\",{\"_index\":110,\"name\":{\"154\":{},\"483\":{}},\"comment\":{}}],[\"inverse\",{\"_index\":218,\"name\":{\"522\":{}},\"comment\":{}}],[\"iscore\",{\"_index\":60,\"name\":{\"92\":{}},\"comment\":{}}],[\"isenabled\",{\"_index\":19,\"name\":{\"21\":{},\"32\":{},\"46\":{},\"57\":{},\"132\":{},\"164\":{},\"190\":{},\"206\":{},\"219\":{},\"240\":{},\"263\":{},\"287\":{},\"304\":{},\"323\":{},\"352\":{},\"366\":{},\"384\":{},\"398\":{},\"413\":{},\"428\":{},\"447\":{},\"462\":{},\"476\":{},\"490\":{},\"513\":{},\"528\":{},\"550\":{},\"564\":{},\"581\":{},\"593\":{},\"622\":{},\"637\":{},\"656\":{},\"671\":{},\"689\":{},\"709\":{},\"727\":{},\"744\":{},\"761\":{},\"779\":{},\"793\":{},\"808\":{},\"824\":{},\"839\":{},\"853\":{},\"870\":{},\"885\":{},\"897\":{},\"914\":{},\"930\":{},\"947\":{},\"963\":{},\"979\":{},\"994\":{},\"1016\":{},\"1036\":{}},\"comment\":{}}],[\"isinitialized\",{\"_index\":20,\"name\":{\"22\":{},\"33\":{},\"133\":{},\"165\":{},\"191\":{},\"207\":{},\"220\":{},\"241\":{},\"264\":{},\"288\":{},\"305\":{},\"324\":{},\"353\":{},\"367\":{},\"385\":{},\"399\":{},\"414\":{},\"429\":{},\"448\":{},\"463\":{},\"477\":{},\"491\":{},\"514\":{},\"529\":{},\"551\":{},\"565\":{},\"582\":{},\"594\":{},\"623\":{},\"638\":{},\"657\":{},\"672\":{},\"690\":{},\"710\":{},\"728\":{},\"745\":{},\"762\":{},\"780\":{},\"794\":{},\"809\":{},\"825\":{},\"840\":{},\"854\":{},\"871\":{},\"886\":{},\"898\":{},\"915\":{},\"931\":{},\"948\":{},\"964\":{},\"980\":{},\"995\":{},\"1017\":{},\"1037\":{}},\"comment\":{}}],[\"key\",{\"_index\":1,\"name\":{\"1\":{},\"18\":{},\"29\":{},\"43\":{},\"54\":{},\"129\":{},\"161\":{},\"187\":{},\"203\":{},\"216\":{},\"237\":{},\"260\":{},\"284\":{},\"301\":{},\"320\":{},\"349\":{},\"363\":{},\"381\":{},\"395\":{},\"410\":{},\"425\":{},\"444\":{},\"459\":{},\"473\":{},\"487\":{},\"510\":{},\"525\":{},\"547\":{},\"561\":{},\"578\":{},\"590\":{},\"619\":{},\"634\":{},\"653\":{},\"668\":{},\"686\":{},\"706\":{},\"724\":{},\"741\":{},\"758\":{},\"776\":{},\"790\":{},\"805\":{},\"821\":{},\"836\":{},\"850\":{},\"867\":{},\"882\":{},\"894\":{},\"911\":{},\"927\":{},\"944\":{},\"960\":{},\"976\":{},\"991\":{},\"1013\":{},\"1033\":{}},\"comment\":{}}],[\"label1\",{\"_index\":182,\"name\":{\"338\":{}},\"comment\":{}}],[\"label1allcaps\",{\"_index\":183,\"name\":{\"339\":{}},\"comment\":{}}],[\"label2\",{\"_index\":184,\"name\":{\"340\":{}},\"comment\":{}}],[\"label2allcaps\",{\"_index\":185,\"name\":{\"341\":{}},\"comment\":{}}],[\"labelsmall\",{\"_index\":186,\"name\":{\"342\":{}},\"comment\":{}}],[\"layers\",{\"_index\":14,\"name\":{\"14\":{},\"1026\":{}},\"comment\":{}}],[\"letterspacing\",{\"_index\":228,\"name\":{\"576\":{}},\"comment\":{}}],[\"light\",{\"_index\":130,\"name\":{\"200\":{}},\"comment\":{}}],[\"lightglowopacity\",{\"_index\":220,\"name\":{\"541\":{}},\"comment\":{}}],[\"lightmodebackground\",{\"_index\":146,\"name\":{\"251\":{}},\"comment\":{}}],[\"linebackgroundcolor\",{\"_index\":272,\"name\":{\"735\":{}},\"comment\":{}}],[\"lineheight\",{\"_index\":227,\"name\":{\"575\":{}},\"comment\":{}}],[\"lineshadow\",{\"_index\":274,\"name\":{\"737\":{}},\"comment\":{}}],[\"linewidth\",{\"_index\":273,\"name\":{\"736\":{}},\"comment\":{}}],[\"listdesignsystemnames\",{\"_index\":9,\"name\":{\"9\":{}},\"comment\":{}}],[\"listenersubscription\",{\"_index\":25,\"name\":{\"39\":{}},\"comment\":{}}],[\"listimageborderradius\",{\"_index\":284,\"name\":{\"817\":{}},\"comment\":{}}],[\"listimageheight\",{\"_index\":283,\"name\":{\"816\":{}},\"comment\":{}}],[\"listkeys\",{\"_index\":331,\"name\":{\"1048\":{}},\"comment\":{}}],[\"listmetadata\",{\"_index\":332,\"name\":{\"1049\":{}},\"comment\":{}}],[\"mediumborder\",{\"_index\":247,\"name\":{\"630\":{}},\"comment\":{}}],[\"meetscontrastrequirements\",{\"_index\":80,\"name\":{\"112\":{}},\"comment\":{}}],[\"memstorage\",{\"_index\":333,\"name\":{\"1050\":{}},\"comment\":{}}],[\"menufocusstate\",{\"_index\":281,\"name\":{\"801\":{}},\"comment\":{}}],[\"menushadow\",{\"_index\":282,\"name\":{\"802\":{}},\"comment\":{}}],[\"minheight\",{\"_index\":197,\"name\":{\"406\":{},\"680\":{}},\"comment\":{}}],[\"minimumtarget\",{\"_index\":104,\"name\":{\"148\":{},\"405\":{}},\"comment\":{}}],[\"minwidth\",{\"_index\":250,\"name\":{\"645\":{},\"679\":{},\"769\":{}},\"comment\":{}}],[\"mix\",{\"_index\":90,\"name\":{\"122\":{}},\"comment\":{}}],[\"mobileminheight\",{\"_index\":198,\"name\":{\"407\":{}},\"comment\":{}}],[\"modal\",{\"_index\":243,\"name\":{\"614\":{},\"831\":{}},\"comment\":{}}],[\"molecule\",{\"_index\":229,\"name\":{\"588\":{}},\"comment\":{}}],[\"molecules\",{\"_index\":12,\"name\":{\"12\":{},\"600\":{}},\"comment\":{}}],[\"motionsensitivity\",{\"_index\":323,\"name\":{\"1029\":{}},\"comment\":{}}],[\"name\",{\"_index\":17,\"name\":{\"17\":{},\"28\":{},\"42\":{},\"53\":{},\"128\":{},\"160\":{},\"186\":{},\"202\":{},\"214\":{},\"236\":{},\"259\":{},\"283\":{},\"300\":{},\"319\":{},\"348\":{},\"362\":{},\"380\":{},\"394\":{},\"409\":{},\"424\":{},\"443\":{},\"458\":{},\"472\":{},\"486\":{},\"509\":{},\"524\":{},\"546\":{},\"560\":{},\"577\":{},\"589\":{},\"618\":{},\"633\":{},\"652\":{},\"667\":{},\"685\":{},\"705\":{},\"723\":{},\"740\":{},\"757\":{},\"775\":{},\"789\":{},\"804\":{},\"820\":{},\"835\":{},\"849\":{},\"866\":{},\"881\":{},\"893\":{},\"910\":{},\"926\":{},\"943\":{},\"959\":{},\"975\":{},\"990\":{},\"1012\":{},\"1032\":{}},\"comment\":{}}],[\"navtext\",{\"_index\":305,\"name\":{\"958\":{},\"974\":{}},\"comment\":{}}],[\"near_black\",{\"_index\":32,\"name\":{\"64\":{}},\"comment\":{}}],[\"node\",{\"_index\":23,\"name\":{\"27\":{}},\"comment\":{}}],[\"off_black\",{\"_index\":34,\"name\":{\"66\":{}},\"comment\":{}}],[\"off_white\",{\"_index\":37,\"name\":{\"69\":{}},\"comment\":{}}],[\"onhex\",{\"_index\":55,\"name\":{\"87\":{}},\"comment\":{}}],[\"opacity\",{\"_index\":54,\"name\":{\"86\":{}},\"comment\":{}}],[\"organism\",{\"_index\":291,\"name\":{\"892\":{}},\"comment\":{}}],[\"organisms\",{\"_index\":13,\"name\":{\"13\":{},\"904\":{}},\"comment\":{}}],[\"overlaycolor\",{\"_index\":210,\"name\":{\"484\":{}},\"comment\":{}}],[\"overline\",{\"_index\":179,\"name\":{\"335\":{}},\"comment\":{}}],[\"overlineextralarge\",{\"_index\":181,\"name\":{\"337\":{}},\"comment\":{}}],[\"overlinelarge\",{\"_index\":180,\"name\":{\"336\":{}},\"comment\":{}}],[\"padding\",{\"_index\":260,\"name\":{\"682\":{},\"879\":{},\"923\":{}},\"comment\":{}}],[\"paragraphpadding\",{\"_index\":280,\"name\":{\"788\":{}},\"comment\":{}}],[\"percentagechange\",{\"_index\":195,\"name\":{\"378\":{},\"507\":{},\"543\":{}},\"comment\":{}}],[\"percentchangeinheaderdisplaysizes\",{\"_index\":166,\"name\":{\"296\":{}},\"comment\":{}}],[\"popovers\",{\"_index\":244,\"name\":{\"615\":{},\"846\":{}},\"comment\":{}}],[\"primary\",{\"_index\":143,\"name\":{\"248\":{}},\"comment\":{}}],[\"primaryfont\",{\"_index\":157,\"name\":{\"274\":{}},\"comment\":{}}],[\"primarynav\",{\"_index\":294,\"name\":{\"907\":{},\"954\":{}},\"comment\":{}}],[\"progressshadow\",{\"_index\":271,\"name\":{\"719\":{}},\"comment\":{}}],[\"properties\",{\"_index\":324,\"name\":{\"1030\":{}},\"comment\":{}}],[\"property\",{\"_index\":27,\"name\":{\"41\":{}},\"comment\":{}}],[\"propertygrouplistener\",{\"_index\":28,\"name\":{\"51\":{}},\"comment\":{}}],[\"propertyrange\",{\"_index\":29,\"name\":{\"52\":{}},\"comment\":{}}],[\"r\",{\"_index\":49,\"name\":{\"81\":{}},\"comment\":{}}],[\"radius\",{\"_index\":252,\"name\":{\"647\":{},\"771\":{}},\"comment\":{}}],[\"ready\",{\"_index\":206,\"name\":{\"441\":{}},\"comment\":{}}],[\"removealllisteners\",{\"_index\":22,\"name\":{\"26\":{},\"37\":{},\"49\":{},\"60\":{},\"137\":{},\"169\":{},\"195\":{},\"211\":{},\"224\":{},\"245\":{},\"268\":{},\"292\":{},\"309\":{},\"328\":{},\"357\":{},\"371\":{},\"389\":{},\"403\":{},\"418\":{},\"433\":{},\"452\":{},\"467\":{},\"481\":{},\"495\":{},\"518\":{},\"533\":{},\"555\":{},\"569\":{},\"586\":{},\"598\":{},\"627\":{},\"642\":{},\"661\":{},\"676\":{},\"694\":{},\"714\":{},\"732\":{},\"749\":{},\"766\":{},\"784\":{},\"798\":{},\"813\":{},\"829\":{},\"844\":{},\"858\":{},\"875\":{},\"890\":{},\"902\":{},\"919\":{},\"935\":{},\"952\":{},\"968\":{},\"984\":{},\"999\":{},\"1021\":{},\"1041\":{}},\"comment\":{}}],[\"removecolor\",{\"_index\":118,\"name\":{\"174\":{}},\"comment\":{}}],[\"removelistener\",{\"_index\":3,\"name\":{\"3\":{},\"25\":{},\"36\":{},\"48\":{},\"59\":{},\"136\":{},\"168\":{},\"194\":{},\"210\":{},\"223\":{},\"244\":{},\"267\":{},\"291\":{},\"308\":{},\"327\":{},\"356\":{},\"370\":{},\"388\":{},\"402\":{},\"417\":{},\"432\":{},\"451\":{},\"466\":{},\"480\":{},\"494\":{},\"517\":{},\"532\":{},\"554\":{},\"568\":{},\"585\":{},\"597\":{},\"626\":{},\"641\":{},\"660\":{},\"675\":{},\"693\":{},\"713\":{},\"731\":{},\"748\":{},\"765\":{},\"783\":{},\"797\":{},\"812\":{},\"828\":{},\"843\":{},\"857\":{},\"874\":{},\"889\":{},\"901\":{},\"918\":{},\"934\":{},\"951\":{},\"967\":{},\"983\":{},\"998\":{},\"1020\":{},\"1040\":{}},\"comment\":{}}],[\"required\",{\"_index\":95,\"name\":{\"127\":{},\"185\":{},\"235\":{},\"282\":{},\"299\":{},\"318\":{},\"347\":{},\"361\":{},\"379\":{},\"393\":{},\"408\":{},\"423\":{},\"442\":{},\"457\":{},\"471\":{},\"485\":{},\"508\":{},\"523\":{},\"545\":{},\"559\":{}},\"comment\":{}}],[\"rgbarray\",{\"_index\":48,\"name\":{\"80\":{}},\"comment\":{}}],[\"secondary\",{\"_index\":144,\"name\":{\"249\":{}},\"comment\":{}}],[\"secondaryborder\",{\"_index\":256,\"name\":{\"651\":{}},\"comment\":{}}],[\"secondaryfont\",{\"_index\":158,\"name\":{\"275\":{}},\"comment\":{}}],[\"secondaryfontweight\",{\"_index\":164,\"name\":{\"281\":{}},\"comment\":{}}],[\"secondarynav\",{\"_index\":295,\"name\":{\"908\":{},\"970\":{}},\"comment\":{}}],[\"sectionpadding\",{\"_index\":279,\"name\":{\"787\":{}},\"comment\":{}}],[\"segmentborderradius\",{\"_index\":263,\"name\":{\"698\":{}},\"comment\":{}}],[\"segmentradius\",{\"_index\":270,\"name\":{\"717\":{}},\"comment\":{}}],[\"segmentshadow\",{\"_index\":265,\"name\":{\"700\":{},\"753\":{}},\"comment\":{}}],[\"set\",{\"_index\":329,\"name\":{\"1046\":{}},\"comment\":{}}],[\"setcolorlistener\",{\"_index\":119,\"name\":{\"175\":{}},\"comment\":{}}],[\"setcssvarlistener\",{\"_index\":313,\"name\":{\"1005\":{}},\"comment\":{}}],[\"setdefaulttheme\",{\"_index\":141,\"name\":{\"234\":{}},\"comment\":{}}],[\"sethex\",{\"_index\":56,\"name\":{\"88\":{}},\"comment\":{}}],[\"setid\",{\"_index\":61,\"name\":{\"93\":{}},\"comment\":{}}],[\"setlistener\",{\"_index\":2,\"name\":{\"2\":{},\"24\":{},\"35\":{},\"135\":{},\"167\":{},\"193\":{},\"209\":{},\"222\":{},\"243\":{},\"266\":{},\"290\":{},\"307\":{},\"326\":{},\"355\":{},\"369\":{},\"387\":{},\"401\":{},\"416\":{},\"431\":{},\"450\":{},\"465\":{},\"479\":{},\"493\":{},\"516\":{},\"531\":{},\"553\":{},\"567\":{},\"584\":{},\"596\":{},\"625\":{},\"640\":{},\"659\":{},\"674\":{},\"692\":{},\"712\":{},\"730\":{},\"747\":{},\"764\":{},\"782\":{},\"796\":{},\"811\":{},\"827\":{},\"842\":{},\"856\":{},\"873\":{},\"888\":{},\"900\":{},\"917\":{},\"933\":{},\"950\":{},\"966\":{},\"982\":{},\"997\":{},\"1019\":{},\"1039\":{}},\"comment\":{}}],[\"setmode\",{\"_index\":59,\"name\":{\"91\":{}},\"comment\":{}}],[\"shade\",{\"_index\":30,\"name\":{\"62\":{}},\"comment\":{}}],[\"shades\",{\"_index\":133,\"name\":{\"215\":{}},\"comment\":{}}],[\"shadow\",{\"_index\":249,\"name\":{\"632\":{},\"684\":{},\"774\":{},\"834\":{},\"848\":{},\"880\":{},\"925\":{}},\"comment\":{}}],[\"shadowcolor\",{\"_index\":211,\"name\":{\"498\":{}},\"comment\":{}}],[\"sliders\",{\"_index\":245,\"name\":{\"616\":{},\"860\":{}},\"comment\":{}}],[\"small\",{\"_index\":189,\"name\":{\"345\":{}},\"comment\":{}}],[\"smallbuttons\",{\"_index\":232,\"name\":{\"603\":{},\"663\":{}},\"comment\":{}}],[\"smalllineheight\",{\"_index\":163,\"name\":{\"280\":{}},\"comment\":{}}],[\"smallsemibold\",{\"_index\":190,\"name\":{\"346\":{}},\"comment\":{}}],[\"smalltextstyles\",{\"_index\":101,\"name\":{\"145\":{},\"330\":{}},\"comment\":{}}],[\"spacebetweensegments\",{\"_index\":264,\"name\":{\"699\":{},\"718\":{}},\"comment\":{}}],[\"spacing\",{\"_index\":240,\"name\":{\"611\":{},\"786\":{}},\"comment\":{}}],[\"spreadradius\",{\"_index\":193,\"name\":{\"376\":{},\"505\":{},\"540\":{}},\"comment\":{}}],[\"standard\",{\"_index\":217,\"name\":{\"521\":{},\"536\":{}},\"comment\":{}}],[\"standardbuttons\",{\"_index\":231,\"name\":{\"602\":{},\"644\":{}},\"comment\":{}}],[\"standardcards\",{\"_index\":233,\"name\":{\"604\":{}},\"comment\":{}}],[\"standardlineheight\",{\"_index\":161,\"name\":{\"278\":{}},\"comment\":{}}],[\"startingposition\",{\"_index\":277,\"name\":{\"756\":{}},\"comment\":{}}],[\"stat\",{\"_index\":191,\"name\":{\"360\":{}},\"comment\":{}}],[\"statesettings\",{\"_index\":105,\"name\":{\"149\":{},\"435\":{}},\"comment\":{}}],[\"statstyles\",{\"_index\":102,\"name\":{\"146\":{},\"359\":{}},\"comment\":{}}],[\"sticky\",{\"_index\":306,\"name\":{\"971\":{}},\"comment\":{}}],[\"storage\",{\"_index\":327,\"name\":{\"1044\":{}},\"comment\":{}}],[\"storageelement\",{\"_index\":326,\"name\":{\"1043\":{}},\"comment\":{}}],[\"store\",{\"_index\":24,\"name\":{\"38\":{},\"50\":{},\"61\":{},\"138\":{},\"170\":{},\"196\":{},\"212\":{},\"225\":{},\"246\":{},\"269\":{},\"293\":{},\"310\":{},\"329\":{},\"358\":{},\"372\":{},\"390\":{},\"404\":{},\"419\":{},\"434\":{},\"453\":{},\"468\":{},\"482\":{},\"496\":{},\"519\":{},\"534\":{},\"556\":{},\"570\":{},\"587\":{},\"599\":{},\"628\":{},\"643\":{},\"662\":{},\"677\":{},\"695\":{},\"715\":{},\"733\":{},\"750\":{},\"767\":{},\"785\":{},\"799\":{},\"814\":{},\"830\":{},\"845\":{},\"859\":{},\"876\":{},\"891\":{},\"903\":{},\"920\":{},\"936\":{},\"953\":{},\"969\":{},\"985\":{},\"1000\":{},\"1022\":{},\"1042\":{}},\"comment\":{}}],[\"subtitle1\",{\"_index\":175,\"name\":{\"331\":{}},\"comment\":{}}],[\"subtitle2\",{\"_index\":176,\"name\":{\"332\":{}},\"comment\":{}}],[\"success\",{\"_index\":202,\"name\":{\"437\":{}},\"comment\":{}}],[\"tertiary\",{\"_index\":145,\"name\":{\"250\":{}},\"comment\":{}}],[\"text\",{\"_index\":278,\"name\":{\"773\":{}},\"comment\":{}}],[\"themebuilder\",{\"_index\":4,\"name\":{\"4\":{}},\"comment\":{}}],[\"title\",{\"_index\":301,\"name\":{\"941\":{}},\"comment\":{}}],[\"to\",{\"_index\":156,\"name\":{\"272\":{}},\"comment\":{}}],[\"toasts\",{\"_index\":246,\"name\":{\"617\":{},\"877\":{}},\"comment\":{}}],[\"typographystyling\",{\"_index\":223,\"name\":{\"571\":{}},\"comment\":{}}],[\"underlinehotlinksinlightmode\",{\"_index\":209,\"name\":{\"470\":{}},\"comment\":{}}],[\"verticalgap\",{\"_index\":299,\"name\":{\"939\":{}},\"comment\":{}}],[\"verticalpadding\",{\"_index\":300,\"name\":{\"940\":{},\"956\":{},\"972\":{}},\"comment\":{}}],[\"verticalshadowlength\",{\"_index\":216,\"name\":{\"503\":{},\"538\":{}},\"comment\":{}}],[\"visibleheight\",{\"_index\":257,\"name\":{\"664\":{},\"770\":{},\"862\":{}},\"comment\":{}}],[\"warning\",{\"_index\":203,\"name\":{\"438\":{}},\"comment\":{}}],[\"white\",{\"_index\":35,\"name\":{\"67\":{}},\"comment\":{}}],[\"white_dm\",{\"_index\":39,\"name\":{\"71\":{}},\"comment\":{}}],[\"ylabelsdisplay\",{\"_index\":276,\"name\":{\"739\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file +window.searchData = JSON.parse("{\"kinds\":{\"128\":\"Class\",\"256\":\"Interface\",\"1024\":\"Property\",\"2048\":\"Method\",\"65536\":\"Type literal\"},\"rows\":[{\"kind\":256,\"name\":\"INode\",\"url\":\"interfaces/INode.html\",\"classes\":\"tsd-kind-interface\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"interfaces/INode.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"INode\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"interfaces/INode.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"INode\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"interfaces/INode.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"INode\"},{\"kind\":128,\"name\":\"ThemeBuilder\",\"url\":\"classes/ThemeBuilder.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":2048,\"name\":\"create\",\"url\":\"classes/ThemeBuilder.html#create\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"addDesignSystem\",\"url\":\"classes/ThemeBuilder.html#addDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ThemeBuilder.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"deleteDesignSystem\",\"url\":\"classes/ThemeBuilder.html#deleteDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":2048,\"name\":\"listDesignSystemNames\",\"url\":\"classes/ThemeBuilder.html#listDesignSystemNames\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ThemeBuilder\"},{\"kind\":128,\"name\":\"DesignSystem\",\"url\":\"classes/DesignSystem.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"atoms\",\"url\":\"classes/DesignSystem.html#atoms\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"molecules\",\"url\":\"classes/DesignSystem.html#molecules\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"organisms\",\"url\":\"classes/DesignSystem.html#organisms\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"layers\",\"url\":\"classes/DesignSystem.html#layers\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"code\",\"url\":\"classes/DesignSystem.html#code\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"shadeBuilderCfg\",\"url\":\"classes/DesignSystem.html#shadeBuilderCfg\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"metadata\",\"url\":\"classes/DesignSystem.html#metadata\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"copy\",\"url\":\"classes/DesignSystem.html#copy\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/DesignSystem.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/DesignSystem.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/DesignSystem.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/DesignSystem.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/DesignSystem.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/DesignSystem.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/DesignSystem.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/DesignSystem.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/DesignSystem.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/DesignSystem.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DesignSystem\"},{\"kind\":128,\"name\":\"Node\",\"url\":\"classes/Node.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Node.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Node.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Node.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Node.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Node.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Node.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Node.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Node.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Node.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Node.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Node.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Node\"},{\"kind\":128,\"name\":\"ListenerSubscription\",\"url\":\"classes/ListenerSubscription.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":2048,\"name\":\"cancel\",\"url\":\"classes/ListenerSubscription.html#cancel\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ListenerSubscription\"},{\"kind\":128,\"name\":\"Property\",\"url\":\"classes/Property.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Property.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Property.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Property.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Property.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Property.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Property.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Property.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Property.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Property.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Property\"},{\"kind\":128,\"name\":\"PropertyGroupListener\",\"url\":\"classes/PropertyGroupListener.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":128,\"name\":\"PropertyRange\",\"url\":\"classes/PropertyRange.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/PropertyRange.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/PropertyRange.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/PropertyRange.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/PropertyRange.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/PropertyRange.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/PropertyRange.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/PropertyRange.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/PropertyRange.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/PropertyRange.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PropertyRange\"},{\"kind\":128,\"name\":\"Shade\",\"url\":\"classes/Shade.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"FULL_BLACK\",\"url\":\"classes/Shade.html#FULL_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"BLACK\",\"url\":\"classes/Shade.html#BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"NEAR_BLACK\",\"url\":\"classes/Shade.html#NEAR_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"HALF_BLACK\",\"url\":\"classes/Shade.html#HALF_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"OFF_BLACK\",\"url\":\"classes/Shade.html#OFF_BLACK\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"WHITE\",\"url\":\"classes/Shade.html#WHITE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"HALF_WHITE\",\"url\":\"classes/Shade.html#HALF_WHITE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"OFF_WHITE\",\"url\":\"classes/Shade.html#OFF_WHITE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"GRAY\",\"url\":\"classes/Shade.html#GRAY\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"DARK_TEXT\",\"url\":\"classes/Shade.html#DARK_TEXT\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"WHITE_DM\",\"url\":\"classes/Shade.html#WHITE_DM\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"HALF_WHITE_DM\",\"url\":\"classes/Shade.html#HALF_WHITE_DM\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"DARK_BLUE\",\"url\":\"classes/Shade.html#DARK_BLUE\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getCoreShade\",\"url\":\"classes/Shade.html#getCoreShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"coreShades\",\"url\":\"classes/Shade.html#coreShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"fromHex\",\"url\":\"classes/Shade.html#fromHex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"fromRGB\",\"url\":\"classes/Shade.html#fromRGB\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"fromRGBArray\",\"url\":\"classes/Shade.html#fromRGBArray\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"hex\",\"url\":\"classes/Shade.html#hex\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"rgbArray\",\"url\":\"classes/Shade.html#rgbArray\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"R\",\"url\":\"classes/Shade.html#R\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"G\",\"url\":\"classes/Shade.html#G\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"B\",\"url\":\"classes/Shade.html#B\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"classes/Shade.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"index\",\"url\":\"classes/Shade.html#index\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"opacity\",\"url\":\"classes/Shade.html#opacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"onHex\",\"url\":\"classes/Shade.html#onHex\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Shade.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"coreShadeName\",\"url\":\"classes/Shade.html#coreShadeName\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"luminance\",\"url\":\"classes/Shade.html#luminance\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"lightness\",\"url\":\"classes/Shade.html#lightness\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"perceivedLightness\",\"url\":\"classes/Shade.html#perceivedLightness\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"saturation\",\"url\":\"classes/Shade.html#saturation\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"classes/Shade.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"mode\",\"url\":\"classes/Shade.html#mode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":1024,\"name\":\"builder\",\"url\":\"classes/Shade.html#builder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"setHex\",\"url\":\"classes/Shade.html#setHex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"hasMode\",\"url\":\"classes/Shade.html#hasMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getMode\",\"url\":\"classes/Shade.html#getMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"setMode\",\"url\":\"classes/Shade.html#setMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"isCore\",\"url\":\"classes/Shade.html#isCore\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"setId\",\"url\":\"classes/Shade.html#setId\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getHalfShade\",\"url\":\"classes/Shade.html#getHalfShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getQuarterShade\",\"url\":\"classes/Shade.html#getQuarterShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getPartialShade\",\"url\":\"classes/Shade.html#getPartialShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLightModeShade\",\"url\":\"classes/Shade.html#getLightModeShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLuminance\",\"url\":\"classes/Shade.html#getLuminance\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getShadeOrOnShadeBasedOnContrast\",\"url\":\"classes/Shade.html#getShadeOrOnShadeBasedOnContrast\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLightness\",\"url\":\"classes/Shade.html#getLightness\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getPerceivedLightness\",\"url\":\"classes/Shade.html#getPerceivedLightness\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getSaturation\",\"url\":\"classes/Shade.html#getSaturation\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLMShade\",\"url\":\"classes/Shade.html#getLMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getDMShade\",\"url\":\"classes/Shade.html#getDMShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getCorrespondingDarkModeShade\",\"url\":\"classes/Shade.html#getCorrespondingDarkModeShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"meetsContrastRequirements\",\"url\":\"classes/Shade.html#meetsContrastRequirements\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getLighterShades\",\"url\":\"classes/Shade.html#getLighterShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrastRatio\",\"url\":\"classes/Shade.html#getContrastRatio\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrast\",\"url\":\"classes/Shade.html#getContrast\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrastToWhiteOrBlack\",\"url\":\"classes/Shade.html#getContrastToWhiteOrBlack\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getContrastShade\",\"url\":\"classes/Shade.html#getContrastShade\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"mix\",\"url\":\"classes/Shade.html#mix\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getHexOrRGBA\",\"url\":\"classes/Shade.html#getHexOrRGBA\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"clone\",\"url\":\"classes/Shade.html#clone\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":2048,\"name\":\"getShadesOrderedByNearness\",\"url\":\"classes/Shade.html#getShadesOrderedByNearness\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Shade\"},{\"kind\":128,\"name\":\"Atom\",\"url\":\"classes/Atom.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/Atom.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atom\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Atom.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Atom.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Atom.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Atom.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Atom.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Atom.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Atom.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Atom.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Atom.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Atom.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Atom.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atom\"},{\"kind\":128,\"name\":\"Atoms\",\"url\":\"classes/Atoms.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"colorPalette\",\"url\":\"classes/Atoms.html#colorPalette\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"colorThemes\",\"url\":\"classes/Atoms.html#colorThemes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"fontsSettings\",\"url\":\"classes/Atoms.html#fontsSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"displayAndHeaderStyles\",\"url\":\"classes/Atoms.html#displayAndHeaderStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"bodyStyles\",\"url\":\"classes/Atoms.html#bodyStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"smallTextStyles\",\"url\":\"classes/Atoms.html#smallTextStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"statStyles\",\"url\":\"classes/Atoms.html#statStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"gridSettings\",\"url\":\"classes/Atoms.html#gridSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"minimumTarget\",\"url\":\"classes/Atoms.html#minimumTarget\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"stateSettings\",\"url\":\"classes/Atoms.html#stateSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"chartColors\",\"url\":\"classes/Atoms.html#chartColors\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"borderSettings\",\"url\":\"classes/Atoms.html#borderSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"focusStates\",\"url\":\"classes/Atoms.html#focusStates\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"hotlinks\",\"url\":\"classes/Atoms.html#hotlinks\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"inputBackground\",\"url\":\"classes/Atoms.html#inputBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"elevationSettings\",\"url\":\"classes/Atoms.html#elevationSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"bevelSettings\",\"url\":\"classes/Atoms.html#bevelSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"glowSettings\",\"url\":\"classes/Atoms.html#glowSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"animationSettings\",\"url\":\"classes/Atoms.html#animationSettings\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"colorBlind\",\"url\":\"classes/Atoms.html#colorBlind\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Atoms.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Atoms.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Atoms.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Atoms.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Atoms.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Atoms.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Atoms.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Atoms.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Atoms.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Atoms.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Atoms.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Atoms\"},{\"kind\":128,\"name\":\"ColorPalette\",\"url\":\"classes/ColorPalette.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"defaultColorName\",\"url\":\"classes/ColorPalette.html#defaultColorName\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"addColor\",\"url\":\"classes/ColorPalette.html#addColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"removeColor\",\"url\":\"classes/ColorPalette.html#removeColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"setColorListener\",\"url\":\"classes/ColorPalette.html#setColorListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColorNames\",\"url\":\"classes/ColorPalette.html#getColorNames\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColor\",\"url\":\"classes/ColorPalette.html#getColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDefaultColor\",\"url\":\"classes/ColorPalette.html#getDefaultColor\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDefaultColorName\",\"url\":\"classes/ColorPalette.html#getDefaultColorName\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColors\",\"url\":\"classes/ColorPalette.html#getColors\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColorShades\",\"url\":\"classes/ColorPalette.html#getColorShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getLightColorShades\",\"url\":\"classes/ColorPalette.html#getLightColorShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDarkColorShades\",\"url\":\"classes/ColorPalette.html#getDarkColorShades\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getColorIndex\",\"url\":\"classes/ColorPalette.html#getColorIndex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorPalette\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ColorPalette.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorPalette.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorPalette.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorPalette.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorPalette.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorPalette.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorPalette.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorPalette.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorPalette.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorPalette.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorPalette.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorPalette.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorPalette\"},{\"kind\":128,\"name\":\"Color\",\"url\":\"classes/Color.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"index\",\"url\":\"classes/Color.html#index\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"hex\",\"url\":\"classes/Color.html#hex\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"light\",\"url\":\"classes/Color.html#light\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"dark\",\"url\":\"classes/Color.html#dark\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"shadeBuilderCfg\",\"url\":\"classes/Color.html#shadeBuilderCfg\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Color.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Color.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Color.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Color.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Color.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Color.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Color.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Color.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Color.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Color.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Color.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Color\"},{\"kind\":128,\"name\":\"ColorMode\",\"url\":\"classes/ColorMode.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorMode.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorMode\"},{\"kind\":1024,\"name\":\"shades\",\"url\":\"classes/ColorMode.html#shades\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorMode\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorMode.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorMode.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorMode.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorMode.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorMode.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorMode.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorMode.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorMode.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorMode.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorMode.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorMode\"},{\"kind\":128,\"name\":\"ColorThemes\",\"url\":\"classes/ColorThemes.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"defaultTheme\",\"url\":\"classes/ColorThemes.html#defaultTheme\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"createTheme\",\"url\":\"classes/ColorThemes.html#createTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getThemeNames\",\"url\":\"classes/ColorThemes.html#getThemeNames\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getTheme\",\"url\":\"classes/ColorThemes.html#getTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getThemes\",\"url\":\"classes/ColorThemes.html#getThemes\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getDefaultTheme\",\"url\":\"classes/ColorThemes.html#getDefaultTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getDefaultThemeName\",\"url\":\"classes/ColorThemes.html#getDefaultThemeName\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"setDefaultTheme\",\"url\":\"classes/ColorThemes.html#setDefaultTheme\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"ColorThemes\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ColorThemes.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorThemes.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorThemes.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorThemes.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorThemes.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorThemes.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorThemes.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorThemes.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorThemes.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorThemes.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorThemes.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorThemes.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorThemes\"},{\"kind\":128,\"name\":\"ColorTheme\",\"url\":\"classes/ColorTheme.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"primary\",\"url\":\"classes/ColorTheme.html#primary\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"secondary\",\"url\":\"classes/ColorTheme.html#secondary\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"tertiary\",\"url\":\"classes/ColorTheme.html#tertiary\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"lightModeBackground\",\"url\":\"classes/ColorTheme.html#lightModeBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"darkModeBackground\",\"url\":\"classes/ColorTheme.html#darkModeBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"gradient1\",\"url\":\"classes/ColorTheme.html#gradient1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"gradient2\",\"url\":\"classes/ColorTheme.html#gradient2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"button\",\"url\":\"classes/ColorTheme.html#button\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"icon\",\"url\":\"classes/ColorTheme.html#icon\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"gradientHeaderText\",\"url\":\"classes/ColorTheme.html#gradientHeaderText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"accent\",\"url\":\"classes/ColorTheme.html#accent\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorTheme.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorTheme.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorTheme.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorTheme.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorTheme.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorTheme.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorTheme.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorTheme.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorTheme.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorTheme.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorTheme.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorTheme\"},{\"kind\":128,\"name\":\"GradientColors\",\"url\":\"classes/GradientColors.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"from\",\"url\":\"classes/GradientColors.html#from\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GradientColors\"},{\"kind\":1024,\"name\":\"to\",\"url\":\"classes/GradientColors.html#to\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GradientColors\"},{\"kind\":128,\"name\":\"FontsSettings\",\"url\":\"classes/FontsSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"primaryFont\",\"url\":\"classes/FontsSettings.html#primaryFont\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"secondaryFont\",\"url\":\"classes/FontsSettings.html#secondaryFont\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"baseFontSize\",\"url\":\"classes/FontsSettings.html#baseFontSize\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"fontWeights\",\"url\":\"classes/FontsSettings.html#fontWeights\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"standardLineHeight\",\"url\":\"classes/FontsSettings.html#standardLineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"headerLineHeight\",\"url\":\"classes/FontsSettings.html#headerLineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"smallLineHeight\",\"url\":\"classes/FontsSettings.html#smallLineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"secondaryFontWeight\",\"url\":\"classes/FontsSettings.html#secondaryFontWeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/FontsSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/FontsSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/FontsSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/FontsSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/FontsSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/FontsSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/FontsSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/FontsSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/FontsSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/FontsSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/FontsSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/FontsSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FontsSettings\"},{\"kind\":128,\"name\":\"DisplayAndHeaderStyles\",\"url\":\"classes/DisplayAndHeaderStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"headingDisplayFontWeight\",\"url\":\"classes/DisplayAndHeaderStyles.html#headingDisplayFontWeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"percentChangeInHeaderDisplaySizes\",\"url\":\"classes/DisplayAndHeaderStyles.html#percentChangeInHeaderDisplaySizes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"displayStyles\",\"url\":\"classes/DisplayAndHeaderStyles.html#displayStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"headerStyles\",\"url\":\"classes/DisplayAndHeaderStyles.html#headerStyles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/DisplayAndHeaderStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/DisplayAndHeaderStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/DisplayAndHeaderStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/DisplayAndHeaderStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/DisplayAndHeaderStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/DisplayAndHeaderStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/DisplayAndHeaderStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/DisplayAndHeaderStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/DisplayAndHeaderStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/DisplayAndHeaderStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/DisplayAndHeaderStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/DisplayAndHeaderStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DisplayAndHeaderStyles\"},{\"kind\":128,\"name\":\"BodyStyles\",\"url\":\"classes/BodyStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"body1\",\"url\":\"classes/BodyStyles.html#body1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body1Bold\",\"url\":\"classes/BodyStyles.html#body1Bold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body2\",\"url\":\"classes/BodyStyles.html#body2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body2Bold\",\"url\":\"classes/BodyStyles.html#body2Bold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body3\",\"url\":\"classes/BodyStyles.html#body3\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"body3Bold\",\"url\":\"classes/BodyStyles.html#body3Bold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/BodyStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/BodyStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/BodyStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/BodyStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/BodyStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/BodyStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/BodyStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/BodyStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/BodyStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/BodyStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/BodyStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/BodyStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BodyStyles\"},{\"kind\":128,\"name\":\"SmallTextStyles\",\"url\":\"classes/SmallTextStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"subtitle1\",\"url\":\"classes/SmallTextStyles.html#subtitle1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"subtitle2\",\"url\":\"classes/SmallTextStyles.html#subtitle2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"caption\",\"url\":\"classes/SmallTextStyles.html#caption\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"captionBold\",\"url\":\"classes/SmallTextStyles.html#captionBold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"overline\",\"url\":\"classes/SmallTextStyles.html#overline\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"overlineLarge\",\"url\":\"classes/SmallTextStyles.html#overlineLarge\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"overlineExtraLarge\",\"url\":\"classes/SmallTextStyles.html#overlineExtraLarge\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label1\",\"url\":\"classes/SmallTextStyles.html#label1\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label1AllCaps\",\"url\":\"classes/SmallTextStyles.html#label1AllCaps\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label2\",\"url\":\"classes/SmallTextStyles.html#label2\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"label2AllCaps\",\"url\":\"classes/SmallTextStyles.html#label2AllCaps\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"labelSmall\",\"url\":\"classes/SmallTextStyles.html#labelSmall\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"callToAction\",\"url\":\"classes/SmallTextStyles.html#callToAction\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"callToActionSmall\",\"url\":\"classes/SmallTextStyles.html#callToActionSmall\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"small\",\"url\":\"classes/SmallTextStyles.html#small\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"smallSemibold\",\"url\":\"classes/SmallTextStyles.html#smallSemibold\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/SmallTextStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/SmallTextStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/SmallTextStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/SmallTextStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/SmallTextStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/SmallTextStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/SmallTextStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/SmallTextStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/SmallTextStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/SmallTextStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/SmallTextStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/SmallTextStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallTextStyles\"},{\"kind\":128,\"name\":\"StatStyles\",\"url\":\"classes/StatStyles.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"stat\",\"url\":\"classes/StatStyles.html#stat\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StatStyles\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/StatStyles.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/StatStyles.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/StatStyles.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/StatStyles.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/StatStyles.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/StatStyles.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/StatStyles.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/StatStyles.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/StatStyles.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/StatStyles.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/StatStyles.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/StatStyles.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StatStyles\"},{\"kind\":128,\"name\":\"GlowSettings\",\"url\":\"classes/GlowSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"color\",\"url\":\"classes/GlowSettings.html#color\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"blurRadius\",\"url\":\"classes/GlowSettings.html#blurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"spreadRadius\",\"url\":\"classes/GlowSettings.html#spreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"colorOpacity\",\"url\":\"classes/GlowSettings.html#colorOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"percentageChange\",\"url\":\"classes/GlowSettings.html#percentageChange\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/GlowSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/GlowSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/GlowSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/GlowSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/GlowSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/GlowSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/GlowSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/GlowSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/GlowSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/GlowSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/GlowSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/GlowSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GlowSettings\"},{\"kind\":128,\"name\":\"GridSettings\",\"url\":\"classes/GridSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"grid\",\"url\":\"classes/GridSettings.html#grid\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"GridSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/GridSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/GridSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/GridSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/GridSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/GridSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/GridSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/GridSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/GridSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/GridSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/GridSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/GridSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/GridSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"GridSettings\"},{\"kind\":128,\"name\":\"MinimumTarget\",\"url\":\"classes/MinimumTarget.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minHeight\",\"url\":\"classes/MinimumTarget.html#minHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"mobileMinHeight\",\"url\":\"classes/MinimumTarget.html#mobileMinHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/MinimumTarget.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/MinimumTarget.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/MinimumTarget.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/MinimumTarget.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/MinimumTarget.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/MinimumTarget.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/MinimumTarget.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/MinimumTarget.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/MinimumTarget.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/MinimumTarget.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/MinimumTarget.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/MinimumTarget.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"MinimumTarget\"},{\"kind\":128,\"name\":\"BorderSettings\",\"url\":\"classes/BorderSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"baseBorderWidth\",\"url\":\"classes/BorderSettings.html#baseBorderWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"baseBorderRadius\",\"url\":\"classes/BorderSettings.html#baseBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/BorderSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/BorderSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/BorderSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/BorderSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/BorderSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/BorderSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/BorderSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/BorderSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/BorderSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/BorderSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/BorderSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/BorderSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BorderSettings\"},{\"kind\":128,\"name\":\"StateSettings\",\"url\":\"classes/StateSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"info\",\"url\":\"classes/StateSettings.html#info\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"success\",\"url\":\"classes/StateSettings.html#success\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"warning\",\"url\":\"classes/StateSettings.html#warning\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"danger\",\"url\":\"classes/StateSettings.html#danger\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"all\",\"url\":\"classes/StateSettings.html#all\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"ready\",\"url\":\"classes/StateSettings.html#ready\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/StateSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/StateSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/StateSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/StateSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/StateSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/StateSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/StateSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/StateSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/StateSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/StateSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/StateSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/StateSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StateSettings\"},{\"kind\":128,\"name\":\"FocusStates\",\"url\":\"classes/FocusStates.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"focusColor\",\"url\":\"classes/FocusStates.html#focusColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"addFocusBlur\",\"url\":\"classes/FocusStates.html#addFocusBlur\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/FocusStates.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/FocusStates.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/FocusStates.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/FocusStates.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/FocusStates.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/FocusStates.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/FocusStates.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/FocusStates.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/FocusStates.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/FocusStates.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/FocusStates.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/FocusStates.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FocusStates\"},{\"kind\":128,\"name\":\"Hotlinks\",\"url\":\"classes/Hotlinks.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"underlineHotlinksInLightMode\",\"url\":\"classes/Hotlinks.html#underlineHotlinksInLightMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hotlinks\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/Hotlinks.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Hotlinks.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Hotlinks.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Hotlinks.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Hotlinks.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Hotlinks.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Hotlinks.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Hotlinks.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Hotlinks.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Hotlinks.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Hotlinks.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Hotlinks.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hotlinks\"},{\"kind\":128,\"name\":\"InputBackground\",\"url\":\"classes/InputBackground.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"overlayColor\",\"url\":\"classes/InputBackground.html#overlayColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"InputBackground\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/InputBackground.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/InputBackground.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/InputBackground.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/InputBackground.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/InputBackground.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/InputBackground.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/InputBackground.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/InputBackground.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/InputBackground.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/InputBackground.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/InputBackground.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/InputBackground.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"InputBackground\"},{\"kind\":128,\"name\":\"ElevationSettings\",\"url\":\"classes/ElevationSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"shadowColor\",\"url\":\"classes/ElevationSettings.html#shadowColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"baseBlurRadius\",\"url\":\"classes/ElevationSettings.html#baseBlurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"baseSpreadRadius\",\"url\":\"classes/ElevationSettings.html#baseSpreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"baseColorOpacity\",\"url\":\"classes/ElevationSettings.html#baseColorOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"horizontalShadowLength\",\"url\":\"classes/ElevationSettings.html#horizontalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"verticalShadowLength\",\"url\":\"classes/ElevationSettings.html#verticalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"blurRadius\",\"url\":\"classes/ElevationSettings.html#blurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"spreadRadius\",\"url\":\"classes/ElevationSettings.html#spreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"colorOpacity\",\"url\":\"classes/ElevationSettings.html#colorOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"percentageChange\",\"url\":\"classes/ElevationSettings.html#percentageChange\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ElevationSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ElevationSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ElevationSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ElevationSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ElevationSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ElevationSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ElevationSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ElevationSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ElevationSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ElevationSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ElevationSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ElevationSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ElevationSettings\"},{\"kind\":128,\"name\":\"BevelSettings\",\"url\":\"classes/BevelSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"standard\",\"url\":\"classes/BevelSettings.html#standard\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"inverse\",\"url\":\"classes/BevelSettings.html#inverse\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/BevelSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/BevelSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/BevelSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/BevelSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/BevelSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/BevelSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/BevelSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/BevelSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/BevelSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/BevelSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/BevelSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/BevelSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"BevelSettings\"},{\"kind\":128,\"name\":\"BevelSettingsProps\",\"url\":\"classes/BevelSettingsProps.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"standard\",\"url\":\"classes/BevelSettingsProps.html#standard\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"horizontalShadowLength\",\"url\":\"classes/BevelSettingsProps.html#horizontalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"verticalShadowLength\",\"url\":\"classes/BevelSettingsProps.html#verticalShadowLength\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"blurRadius\",\"url\":\"classes/BevelSettingsProps.html#blurRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"spreadRadius\",\"url\":\"classes/BevelSettingsProps.html#spreadRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"lightGlowOpacity\",\"url\":\"classes/BevelSettingsProps.html#lightGlowOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"darkShadowOpacity\",\"url\":\"classes/BevelSettingsProps.html#darkShadowOpacity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":1024,\"name\":\"percentageChange\",\"url\":\"classes/BevelSettingsProps.html#percentageChange\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"BevelSettingsProps\"},{\"kind\":128,\"name\":\"AnimationSettings\",\"url\":\"classes/AnimationSettings.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/AnimationSettings.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/AnimationSettings.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/AnimationSettings.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/AnimationSettings.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/AnimationSettings.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/AnimationSettings.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/AnimationSettings.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/AnimationSettings.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/AnimationSettings.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/AnimationSettings.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/AnimationSettings.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/AnimationSettings.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"AnimationSettings\"},{\"kind\":128,\"name\":\"ColorBlind\",\"url\":\"classes/ColorBlind.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"availableColorblindThemes\",\"url\":\"classes/ColorBlind.html#availableColorblindThemes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ColorBlind\"},{\"kind\":1024,\"name\":\"required\",\"url\":\"classes/ColorBlind.html#required\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ColorBlind.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ColorBlind.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ColorBlind.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ColorBlind.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ColorBlind.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ColorBlind.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ColorBlind.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ColorBlind.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ColorBlind.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ColorBlind.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ColorBlind.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ColorBlind\"},{\"kind\":128,\"name\":\"TypographyStyling\",\"url\":\"classes/TypographyStyling.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"fontFamily\",\"url\":\"classes/TypographyStyling.html#fontFamily\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"fontSize\",\"url\":\"classes/TypographyStyling.html#fontSize\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"fontWeight\",\"url\":\"classes/TypographyStyling.html#fontWeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"lineHeight\",\"url\":\"classes/TypographyStyling.html#lineHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"letterSpacing\",\"url\":\"classes/TypographyStyling.html#letterSpacing\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/TypographyStyling.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/TypographyStyling.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/TypographyStyling.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/TypographyStyling.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/TypographyStyling.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/TypographyStyling.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/TypographyStyling.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/TypographyStyling.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/TypographyStyling.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/TypographyStyling.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/TypographyStyling.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"TypographyStyling\"},{\"kind\":128,\"name\":\"Molecule\",\"url\":\"classes/Molecule.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Molecule.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Molecule.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Molecule.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Molecule.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Molecule.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Molecule.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Molecule.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Molecule.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Molecule.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Molecule.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Molecule.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecule\"},{\"kind\":128,\"name\":\"Molecules\",\"url\":\"classes/Molecules.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"avatars\",\"url\":\"classes/Molecules.html#avatars\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"standardButtons\",\"url\":\"classes/Molecules.html#standardButtons\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"smallButtons\",\"url\":\"classes/Molecules.html#smallButtons\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"standardCards\",\"url\":\"classes/Molecules.html#standardCards\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartDonut\",\"url\":\"classes/Molecules.html#chartDonut\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartPie\",\"url\":\"classes/Molecules.html#chartPie\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartBar\",\"url\":\"classes/Molecules.html#chartBar\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartLine\",\"url\":\"classes/Molecules.html#chartLine\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chartProgress\",\"url\":\"classes/Molecules.html#chartProgress\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"chips\",\"url\":\"classes/Molecules.html#chips\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"spacing\",\"url\":\"classes/Molecules.html#spacing\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"dropdowns\",\"url\":\"classes/Molecules.html#dropdowns\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"images\",\"url\":\"classes/Molecules.html#images\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"modal\",\"url\":\"classes/Molecules.html#modal\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"popovers\",\"url\":\"classes/Molecules.html#popovers\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"sliders\",\"url\":\"classes/Molecules.html#sliders\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"toasts\",\"url\":\"classes/Molecules.html#toasts\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Molecules.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Molecules.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Molecules.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Molecules.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Molecules.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Molecules.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Molecules.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Molecules.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Molecules.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Molecules.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Molecules.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Molecules\"},{\"kind\":128,\"name\":\"Avatars\",\"url\":\"classes/Avatars.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"mediumBorder\",\"url\":\"classes/Avatars.html#mediumBorder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"extraLargeBorder\",\"url\":\"classes/Avatars.html#extraLargeBorder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Avatars.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Avatars.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Avatars.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Avatars.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Avatars.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Avatars.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Avatars.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Avatars.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Avatars.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Avatars.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Avatars.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Avatars.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Avatars\"},{\"kind\":128,\"name\":\"StandardButtons\",\"url\":\"classes/StandardButtons.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minWidth\",\"url\":\"classes/StandardButtons.html#minWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"height\",\"url\":\"classes/StandardButtons.html#height\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"radius\",\"url\":\"classes/StandardButtons.html#radius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"horizontalPadding\",\"url\":\"classes/StandardButtons.html#horizontalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"buttonText\",\"url\":\"classes/StandardButtons.html#buttonText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"buttonShadow\",\"url\":\"classes/StandardButtons.html#buttonShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"secondaryBorder\",\"url\":\"classes/StandardButtons.html#secondaryBorder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/StandardButtons.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/StandardButtons.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/StandardButtons.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/StandardButtons.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/StandardButtons.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/StandardButtons.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/StandardButtons.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/StandardButtons.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/StandardButtons.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/StandardButtons.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/StandardButtons.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"StandardButtons\"},{\"kind\":128,\"name\":\"SmallButtons\",\"url\":\"classes/SmallButtons.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"visibleHeight\",\"url\":\"classes/SmallButtons.html#visibleHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"horizontalPadding\",\"url\":\"classes/SmallButtons.html#horizontalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"buttonText\",\"url\":\"classes/SmallButtons.html#buttonText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/SmallButtons.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/SmallButtons.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/SmallButtons.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/SmallButtons.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/SmallButtons.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/SmallButtons.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/SmallButtons.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/SmallButtons.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/SmallButtons.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/SmallButtons.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/SmallButtons.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SmallButtons\"},{\"kind\":128,\"name\":\"Cards\",\"url\":\"classes/Cards.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minWidth\",\"url\":\"classes/Cards.html#minWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"minHeight\",\"url\":\"classes/Cards.html#minHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Cards.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"padding\",\"url\":\"classes/Cards.html#padding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"contentGap\",\"url\":\"classes/Cards.html#contentGap\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Cards.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Cards.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Cards.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Cards.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Cards.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Cards.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Cards.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Cards.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Cards.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Cards.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Cards.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Cards.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Cards\"},{\"kind\":128,\"name\":\"ChartDonut\",\"url\":\"classes/ChartDonut.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"cutoutThickness\",\"url\":\"classes/ChartDonut.html#cutoutThickness\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"segmentBorderRadius\",\"url\":\"classes/ChartDonut.html#segmentBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"spaceBetweenSegments\",\"url\":\"classes/ChartDonut.html#spaceBetweenSegments\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"segmentShadow\",\"url\":\"classes/ChartDonut.html#segmentShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"containerDisplay\",\"url\":\"classes/ChartDonut.html#containerDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"containerPadding\",\"url\":\"classes/ChartDonut.html#containerPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"containerShadow\",\"url\":\"classes/ChartDonut.html#containerShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"centerDisplay\",\"url\":\"classes/ChartDonut.html#centerDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartDonut.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartDonut.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartDonut.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartDonut.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartDonut.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartDonut.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartDonut.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartDonut.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartDonut.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartDonut.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartDonut.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartDonut\"},{\"kind\":128,\"name\":\"ChartPie\",\"url\":\"classes/ChartPie.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"segmentRadius\",\"url\":\"classes/ChartPie.html#segmentRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"spaceBetweenSegments\",\"url\":\"classes/ChartPie.html#spaceBetweenSegments\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"progressShadow\",\"url\":\"classes/ChartPie.html#progressShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"containerDisplay\",\"url\":\"classes/ChartPie.html#containerDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"containerPadding\",\"url\":\"classes/ChartPie.html#containerPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"containerShadow\",\"url\":\"classes/ChartPie.html#containerShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartPie.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartPie.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartPie.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartPie.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartPie.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartPie.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartPie.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartPie.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartPie.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartPie.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartPie.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartPie\"},{\"kind\":128,\"name\":\"ChartLine\",\"url\":\"classes/ChartLine.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"lineBackgroundColor\",\"url\":\"classes/ChartLine.html#lineBackgroundColor\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"lineWidth\",\"url\":\"classes/ChartLine.html#lineWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"lineShadow\",\"url\":\"classes/ChartLine.html#lineShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"chartLinesDisplay\",\"url\":\"classes/ChartLine.html#chartLinesDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"yLabelsDisplay\",\"url\":\"classes/ChartLine.html#yLabelsDisplay\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartLine.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartLine.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartLine.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartLine.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartLine.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartLine.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartLine.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartLine.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartLine.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartLine.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartLine.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartLine\"},{\"kind\":128,\"name\":\"ChartProgress\",\"url\":\"classes/ChartProgress.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"cutoutThickness\",\"url\":\"classes/ChartProgress.html#cutoutThickness\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"segmentShadow\",\"url\":\"classes/ChartProgress.html#segmentShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"containerPadding\",\"url\":\"classes/ChartProgress.html#containerPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"containerShadow\",\"url\":\"classes/ChartProgress.html#containerShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"startingPosition\",\"url\":\"classes/ChartProgress.html#startingPosition\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/ChartProgress.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/ChartProgress.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/ChartProgress.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/ChartProgress.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/ChartProgress.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/ChartProgress.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/ChartProgress.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/ChartProgress.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/ChartProgress.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/ChartProgress.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/ChartProgress.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"ChartProgress\"},{\"kind\":128,\"name\":\"Chips\",\"url\":\"classes/Chips.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"minWidth\",\"url\":\"classes/Chips.html#minWidth\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"visibleHeight\",\"url\":\"classes/Chips.html#visibleHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"radius\",\"url\":\"classes/Chips.html#radius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"horizontalPadding\",\"url\":\"classes/Chips.html#horizontalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"text\",\"url\":\"classes/Chips.html#text\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Chips.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Chips.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Chips.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Chips.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Chips.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Chips.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Chips.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Chips.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Chips.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Chips.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Chips.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Chips.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Chips\"},{\"kind\":128,\"name\":\"Spacing\",\"url\":\"classes/Spacing.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"sectionPadding\",\"url\":\"classes/Spacing.html#sectionPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Spacing\"},{\"kind\":1024,\"name\":\"paragraphPadding\",\"url\":\"classes/Spacing.html#paragraphPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Spacing\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Spacing.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Spacing.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Spacing.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Spacing.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Spacing.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Spacing.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Spacing.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Spacing.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Spacing.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Spacing.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Spacing.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Spacing\"},{\"kind\":128,\"name\":\"Dropdowns\",\"url\":\"classes/Dropdowns.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"menuFocusState\",\"url\":\"classes/Dropdowns.html#menuFocusState\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"menuShadow\",\"url\":\"classes/Dropdowns.html#menuShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Dropdowns.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Dropdowns.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Dropdowns.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Dropdowns.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Dropdowns.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Dropdowns.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Dropdowns.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Dropdowns.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Dropdowns.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Dropdowns.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Dropdowns.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Dropdowns.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Dropdowns\"},{\"kind\":128,\"name\":\"Images\",\"url\":\"classes/Images.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"listImageHeight\",\"url\":\"classes/Images.html#listImageHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"listImageBorderRadius\",\"url\":\"classes/Images.html#listImageBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"generalImageBorderRadius\",\"url\":\"classes/Images.html#generalImageBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"imageShadow\",\"url\":\"classes/Images.html#imageShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Images.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Images.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Images.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Images.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Images.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Images.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Images.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Images.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Images.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Images.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Images.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Images\"},{\"kind\":128,\"name\":\"Modal\",\"url\":\"classes/Modal.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"color\",\"url\":\"classes/Modal.html#color\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Modal.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Modal.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Modal.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Modal.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Modal.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Modal.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Modal.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Modal.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Modal.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Modal.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Modal.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Modal.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Modal.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Modal\"},{\"kind\":128,\"name\":\"Popovers\",\"url\":\"classes/Popovers.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"borderRadius\",\"url\":\"classes/Popovers.html#borderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Popovers\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Popovers.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Popovers\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Popovers.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Popovers.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Popovers.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Popovers.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Popovers.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Popovers.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Popovers.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Popovers.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Popovers.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Popovers.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Popovers.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Popovers\"},{\"kind\":128,\"name\":\"Sliders\",\"url\":\"classes/Sliders.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"handleBorderRadius\",\"url\":\"classes/Sliders.html#handleBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"visibleHeight\",\"url\":\"classes/Sliders.html#visibleHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"handleShadow\",\"url\":\"classes/Sliders.html#handleShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"barHeight\",\"url\":\"classes/Sliders.html#barHeight\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"barShadow\",\"url\":\"classes/Sliders.html#barShadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Sliders.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Sliders.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Sliders.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Sliders.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Sliders.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Sliders.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Sliders.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Sliders.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Sliders.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Sliders.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Sliders.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Sliders\"},{\"kind\":128,\"name\":\"Toasts\",\"url\":\"classes/Toasts.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"handleBorderRadius\",\"url\":\"classes/Toasts.html#handleBorderRadius\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"padding\",\"url\":\"classes/Toasts.html#padding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/Toasts.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Toasts.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Toasts.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Toasts.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Toasts.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Toasts.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Toasts.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Toasts.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Toasts.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Toasts.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Toasts.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Toasts.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Toasts\"},{\"kind\":128,\"name\":\"Organism\",\"url\":\"classes/Organism.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Organism.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Organism.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Organism.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Organism.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Organism.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Organism.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Organism.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Organism.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Organism.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Organism.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Organism.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organism\"},{\"kind\":128,\"name\":\"Organisms\",\"url\":\"classes/Organisms.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"dataTables\",\"url\":\"classes/Organisms.html#dataTables\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"hero\",\"url\":\"classes/Organisms.html#hero\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"primaryNav\",\"url\":\"classes/Organisms.html#primaryNav\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"secondaryNav\",\"url\":\"classes/Organisms.html#secondaryNav\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"footerAndCopyright\",\"url\":\"classes/Organisms.html#footerAndCopyright\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Organisms.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Organisms.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Organisms.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Organisms.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Organisms.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Organisms.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Organisms.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Organisms.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Organisms.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Organisms.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Organisms.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Organisms\"},{\"kind\":128,\"name\":\"DataTables\",\"url\":\"classes/DataTables.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"availableColors\",\"url\":\"classes/DataTables.html#availableColors\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"padding\",\"url\":\"classes/DataTables.html#padding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"headerText\",\"url\":\"classes/DataTables.html#headerText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"shadow\",\"url\":\"classes/DataTables.html#shadow\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/DataTables.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/DataTables.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/DataTables.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/DataTables.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/DataTables.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/DataTables.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/DataTables.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/DataTables.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/DataTables.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/DataTables.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/DataTables.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"DataTables\"},{\"kind\":128,\"name\":\"Hero\",\"url\":\"classes/Hero.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"availableColors\",\"url\":\"classes/Hero.html#availableColors\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"verticalGap\",\"url\":\"classes/Hero.html#verticalGap\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"verticalPadding\",\"url\":\"classes/Hero.html#verticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"title\",\"url\":\"classes/Hero.html#title\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"body\",\"url\":\"classes/Hero.html#body\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Hero.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Hero.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Hero.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Hero.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Hero.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Hero.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Hero.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Hero.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Hero.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Hero.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Hero.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Hero\"},{\"kind\":128,\"name\":\"PrimaryNav\",\"url\":\"classes/PrimaryNav.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"fixed\",\"url\":\"classes/PrimaryNav.html#fixed\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"verticalPadding\",\"url\":\"classes/PrimaryNav.html#verticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"horizontalTabPadding\",\"url\":\"classes/PrimaryNav.html#horizontalTabPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"navText\",\"url\":\"classes/PrimaryNav.html#navText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/PrimaryNav.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/PrimaryNav.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/PrimaryNav.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/PrimaryNav.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/PrimaryNav.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/PrimaryNav.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/PrimaryNav.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/PrimaryNav.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/PrimaryNav.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/PrimaryNav.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/PrimaryNav.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"PrimaryNav\"},{\"kind\":128,\"name\":\"SecondaryNav\",\"url\":\"classes/SecondaryNav.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"sticky\",\"url\":\"classes/SecondaryNav.html#sticky\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"verticalPadding\",\"url\":\"classes/SecondaryNav.html#verticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"horizontalTabPadding\",\"url\":\"classes/SecondaryNav.html#horizontalTabPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"navText\",\"url\":\"classes/SecondaryNav.html#navText\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/SecondaryNav.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/SecondaryNav.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/SecondaryNav.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/SecondaryNav.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/SecondaryNav.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/SecondaryNav.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/SecondaryNav.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/SecondaryNav.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/SecondaryNav.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/SecondaryNav.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/SecondaryNav.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"SecondaryNav\"},{\"kind\":128,\"name\":\"FooterAndCopyright\",\"url\":\"classes/FooterAndCopyright.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"footerBackground\",\"url\":\"classes/FooterAndCopyright.html#footerBackground\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"footerVerticalPadding\",\"url\":\"classes/FooterAndCopyright.html#footerVerticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"copyrightVerticalPadding\",\"url\":\"classes/FooterAndCopyright.html#copyrightVerticalPadding\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/FooterAndCopyright.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/FooterAndCopyright.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/FooterAndCopyright.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/FooterAndCopyright.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/FooterAndCopyright.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/FooterAndCopyright.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/FooterAndCopyright.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/FooterAndCopyright.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/FooterAndCopyright.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/FooterAndCopyright.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/FooterAndCopyright.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"FooterAndCopyright\"},{\"kind\":128,\"name\":\"Code\",\"url\":\"classes/Code.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"cssGenerator\",\"url\":\"classes/Code.html#cssGenerator\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getCSSVars\",\"url\":\"classes/Code.html#getCSSVars\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/Code.html#getCSSVars.getCSSVars-1.__type\",\"classes\":\"tsd-kind-type-literal\",\"parent\":\"Code.getCSSVars.getCSSVars\"},{\"kind\":2048,\"name\":\"setCSSVarListener\",\"url\":\"classes/Code.html#setCSSVarListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getCSSVarGroup\",\"url\":\"classes/Code.html#getCSSVarGroup\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getCSSVarGroupKeys\",\"url\":\"classes/Code.html#getCSSVarGroupKeys\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSONBase\",\"url\":\"classes/Code.html#getJSONBase\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSONLM\",\"url\":\"classes/Code.html#getJSONLM\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSONDM\",\"url\":\"classes/Code.html#getJSONDM\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getJSON\",\"url\":\"classes/Code.html#getJSON\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"Code\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Code.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Code.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Code.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Code.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Code.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Code.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Code.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Code.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Code.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Code.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Code.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Code\"},{\"kind\":128,\"name\":\"CSSGenerator\",\"url\":\"classes/CSSGenerator.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":2048,\"name\":\"addPropVar\",\"url\":\"classes/CSSGenerator.html#addPropVar\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"CSSGenerator\"},{\"kind\":2048,\"name\":\"addPropsVar\",\"url\":\"classes/CSSGenerator.html#addPropsVar\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"CSSGenerator\"},{\"kind\":128,\"name\":\"Layers\",\"url\":\"classes/Layers.html\",\"classes\":\"tsd-kind-class\"},{\"kind\":1024,\"name\":\"colorBlind\",\"url\":\"classes/Layers.html#colorBlind\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"dyslexia\",\"url\":\"classes/Layers.html#dyslexia\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"motionSensitivity\",\"url\":\"classes/Layers.html#motionSensitivity\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"properties\",\"url\":\"classes/Layers.html#properties\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"deviceTarget\",\"url\":\"classes/Layers.html#deviceTarget\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"name\",\"url\":\"classes/Layers.html#name\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":1024,\"name\":\"key\",\"url\":\"classes/Layers.html#key\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"getDesignSystem\",\"url\":\"classes/Layers.html#getDesignSystem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"addDependency\",\"url\":\"classes/Layers.html#addDependency\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"isEnabled\",\"url\":\"classes/Layers.html#isEnabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"isInitialized\",\"url\":\"classes/Layers.html#isInitialized\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"getUninitializedRequiredProperties\",\"url\":\"classes/Layers.html#getUninitializedRequiredProperties\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"setListener\",\"url\":\"classes/Layers.html#setListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"removeListener\",\"url\":\"classes/Layers.html#removeListener\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"removeAllListeners\",\"url\":\"classes/Layers.html#removeAllListeners\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":2048,\"name\":\"store\",\"url\":\"classes/Layers.html#store\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-inherited\",\"parent\":\"Layers\"},{\"kind\":256,\"name\":\"StorageElement\",\"url\":\"interfaces/StorageElement.html\",\"classes\":\"tsd-kind-interface\"},{\"kind\":256,\"name\":\"Storage\",\"url\":\"interfaces/Storage.html\",\"classes\":\"tsd-kind-interface\"},{\"kind\":2048,\"name\":\"get\",\"url\":\"interfaces/Storage.html#get\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"set\",\"url\":\"interfaces/Storage.html#set\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"delete\",\"url\":\"interfaces/Storage.html#delete\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"listKeys\",\"url\":\"interfaces/Storage.html#listKeys\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":2048,\"name\":\"listMetadata\",\"url\":\"interfaces/Storage.html#listMetadata\",\"classes\":\"tsd-kind-method tsd-parent-kind-interface\",\"parent\":\"Storage\"},{\"kind\":128,\"name\":\"MemStorage\",\"url\":\"classes/MemStorage.html\",\"classes\":\"tsd-kind-class\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,65.568]],[\"comment/0\",[]],[\"name/1\",[1,28.932]],[\"comment/1\",[]],[\"name/2\",[2,29.459]],[\"comment/2\",[]],[\"name/3\",[3,29.105]],[\"comment/3\",[]],[\"name/4\",[4,65.568]],[\"comment/4\",[]],[\"name/5\",[5,65.568]],[\"comment/5\",[]],[\"name/6\",[6,65.568]],[\"comment/6\",[]],[\"name/7\",[7,29.105]],[\"comment/7\",[]],[\"name/8\",[8,65.568]],[\"comment/8\",[]],[\"name/9\",[9,65.568]],[\"comment/9\",[]],[\"name/10\",[10,65.568]],[\"comment/10\",[]],[\"name/11\",[11,60.46]],[\"comment/11\",[]],[\"name/12\",[12,60.46]],[\"comment/12\",[]],[\"name/13\",[13,60.46]],[\"comment/13\",[]],[\"name/14\",[14,60.46]],[\"comment/14\",[]],[\"name/15\",[15,60.46]],[\"comment/15\",[]],[\"name/16\",[16,60.46]],[\"comment/16\",[]],[\"name/17\",[17,65.568]],[\"comment/17\",[]],[\"name/18\",[18,65.568]],[\"comment/18\",[]],[\"name/19\",[19,29.28]],[\"comment/19\",[]],[\"name/20\",[1,28.932]],[\"comment/20\",[]],[\"name/21\",[7,29.105]],[\"comment/21\",[]],[\"name/22\",[20,29.28]],[\"comment/22\",[]],[\"name/23\",[21,29.28]],[\"comment/23\",[]],[\"name/24\",[22,29.64]],[\"comment/24\",[]],[\"name/25\",[23,29.28]],[\"comment/25\",[]],[\"name/26\",[2,29.459]],[\"comment/26\",[]],[\"name/27\",[3,29.105]],[\"comment/27\",[]],[\"name/28\",[24,29.28]],[\"comment/28\",[]],[\"name/29\",[25,65.568]],[\"comment/29\",[]],[\"name/30\",[19,29.28]],[\"comment/30\",[]],[\"name/31\",[1,28.932]],[\"comment/31\",[]],[\"name/32\",[7,29.105]],[\"comment/32\",[]],[\"name/33\",[20,29.28]],[\"comment/33\",[]],[\"name/34\",[21,29.28]],[\"comment/34\",[]],[\"name/35\",[22,29.64]],[\"comment/35\",[]],[\"name/36\",[23,29.28]],[\"comment/36\",[]],[\"name/37\",[2,29.459]],[\"comment/37\",[]],[\"name/38\",[3,29.105]],[\"comment/38\",[]],[\"name/39\",[24,29.28]],[\"comment/39\",[]],[\"name/40\",[26,29.459]],[\"comment/40\",[]],[\"name/41\",[27,65.568]],[\"comment/41\",[]],[\"name/42\",[28,65.568]],[\"comment/42\",[]],[\"name/43\",[29,65.568]],[\"comment/43\",[]],[\"name/44\",[19,29.28]],[\"comment/44\",[]],[\"name/45\",[1,28.932]],[\"comment/45\",[]],[\"name/46\",[7,29.105]],[\"comment/46\",[]],[\"name/47\",[20,29.28]],[\"comment/47\",[]],[\"name/48\",[21,29.28]],[\"comment/48\",[]],[\"name/49\",[23,29.28]],[\"comment/49\",[]],[\"name/50\",[3,29.105]],[\"comment/50\",[]],[\"name/51\",[24,29.28]],[\"comment/51\",[]],[\"name/52\",[26,29.459]],[\"comment/52\",[]],[\"name/53\",[30,65.568]],[\"comment/53\",[]],[\"name/54\",[31,65.568]],[\"comment/54\",[]],[\"name/55\",[19,29.28]],[\"comment/55\",[]],[\"name/56\",[1,28.932]],[\"comment/56\",[]],[\"name/57\",[7,29.105]],[\"comment/57\",[]],[\"name/58\",[20,29.28]],[\"comment/58\",[]],[\"name/59\",[21,29.28]],[\"comment/59\",[]],[\"name/60\",[23,29.28]],[\"comment/60\",[]],[\"name/61\",[3,29.105]],[\"comment/61\",[]],[\"name/62\",[24,29.28]],[\"comment/62\",[]],[\"name/63\",[26,29.459]],[\"comment/63\",[]],[\"name/64\",[32,65.568]],[\"comment/64\",[]],[\"name/65\",[33,65.568]],[\"comment/65\",[]],[\"name/66\",[34,65.568]],[\"comment/66\",[]],[\"name/67\",[35,65.568]],[\"comment/67\",[]],[\"name/68\",[36,65.568]],[\"comment/68\",[]],[\"name/69\",[37,65.568]],[\"comment/69\",[]],[\"name/70\",[38,65.568]],[\"comment/70\",[]],[\"name/71\",[39,65.568]],[\"comment/71\",[]],[\"name/72\",[40,65.568]],[\"comment/72\",[]],[\"name/73\",[41,65.568]],[\"comment/73\",[]],[\"name/74\",[42,65.568]],[\"comment/74\",[]],[\"name/75\",[43,65.568]],[\"comment/75\",[]],[\"name/76\",[44,65.568]],[\"comment/76\",[]],[\"name/77\",[45,65.568]],[\"comment/77\",[]],[\"name/78\",[46,65.568]],[\"comment/78\",[]],[\"name/79\",[47,65.568]],[\"comment/79\",[]],[\"name/80\",[48,65.568]],[\"comment/80\",[]],[\"name/81\",[49,65.568]],[\"comment/81\",[]],[\"name/82\",[50,65.568]],[\"comment/82\",[]],[\"name/83\",[51,60.46]],[\"comment/83\",[]],[\"name/84\",[52,65.568]],[\"comment/84\",[]],[\"name/85\",[53,65.568]],[\"comment/85\",[]],[\"name/86\",[54,65.568]],[\"comment/86\",[]],[\"name/87\",[55,65.568]],[\"comment/87\",[]],[\"name/88\",[56,65.568]],[\"comment/88\",[]],[\"name/89\",[57,60.46]],[\"comment/89\",[]],[\"name/90\",[58,65.568]],[\"comment/90\",[]],[\"name/91\",[59,65.568]],[\"comment/91\",[]],[\"name/92\",[1,28.932]],[\"comment/92\",[]],[\"name/93\",[60,65.568]],[\"comment/93\",[]],[\"name/94\",[61,65.568]],[\"comment/94\",[]],[\"name/95\",[62,65.568]],[\"comment/95\",[]],[\"name/96\",[63,65.568]],[\"comment/96\",[]],[\"name/97\",[64,65.568]],[\"comment/97\",[]],[\"name/98\",[65,65.568]],[\"comment/98\",[]],[\"name/99\",[66,65.568]],[\"comment/99\",[]],[\"name/100\",[67,65.568]],[\"comment/100\",[]],[\"name/101\",[68,65.568]],[\"comment/101\",[]],[\"name/102\",[69,65.568]],[\"comment/102\",[]],[\"name/103\",[70,65.568]],[\"comment/103\",[]],[\"name/104\",[71,65.568]],[\"comment/104\",[]],[\"name/105\",[72,65.568]],[\"comment/105\",[]],[\"name/106\",[73,65.568]],[\"comment/106\",[]],[\"name/107\",[74,65.568]],[\"comment/107\",[]],[\"name/108\",[75,65.568]],[\"comment/108\",[]],[\"name/109\",[76,65.568]],[\"comment/109\",[]],[\"name/110\",[77,65.568]],[\"comment/110\",[]],[\"name/111\",[78,65.568]],[\"comment/111\",[]],[\"name/112\",[79,65.568]],[\"comment/112\",[]],[\"name/113\",[80,65.568]],[\"comment/113\",[]],[\"name/114\",[81,65.568]],[\"comment/114\",[]],[\"name/115\",[82,65.568]],[\"comment/115\",[]],[\"name/116\",[83,65.568]],[\"comment/116\",[]],[\"name/117\",[84,65.568]],[\"comment/117\",[]],[\"name/118\",[85,65.568]],[\"comment/118\",[]],[\"name/119\",[86,65.568]],[\"comment/119\",[]],[\"name/120\",[87,65.568]],[\"comment/120\",[]],[\"name/121\",[88,65.568]],[\"comment/121\",[]],[\"name/122\",[89,65.568]],[\"comment/122\",[]],[\"name/123\",[90,65.568]],[\"comment/123\",[]],[\"name/124\",[91,65.568]],[\"comment/124\",[]],[\"name/125\",[92,65.568]],[\"comment/125\",[]],[\"name/126\",[93,65.568]],[\"comment/126\",[]],[\"name/127\",[94,65.568]],[\"comment/127\",[]],[\"name/128\",[95,65.568]],[\"comment/128\",[]],[\"name/129\",[96,65.568]],[\"comment/129\",[]],[\"name/130\",[97,39.418]],[\"comment/130\",[]],[\"name/131\",[19,29.28]],[\"comment/131\",[]],[\"name/132\",[1,28.932]],[\"comment/132\",[]],[\"name/133\",[7,29.105]],[\"comment/133\",[]],[\"name/134\",[20,29.28]],[\"comment/134\",[]],[\"name/135\",[21,29.28]],[\"comment/135\",[]],[\"name/136\",[22,29.64]],[\"comment/136\",[]],[\"name/137\",[23,29.28]],[\"comment/137\",[]],[\"name/138\",[2,29.459]],[\"comment/138\",[]],[\"name/139\",[3,29.105]],[\"comment/139\",[]],[\"name/140\",[24,29.28]],[\"comment/140\",[]],[\"name/141\",[26,29.459]],[\"comment/141\",[]],[\"name/142\",[11,60.46]],[\"comment/142\",[]],[\"name/143\",[98,60.46]],[\"comment/143\",[]],[\"name/144\",[99,60.46]],[\"comment/144\",[]],[\"name/145\",[100,60.46]],[\"comment/145\",[]],[\"name/146\",[101,60.46]],[\"comment/146\",[]],[\"name/147\",[102,60.46]],[\"comment/147\",[]],[\"name/148\",[103,60.46]],[\"comment/148\",[]],[\"name/149\",[104,60.46]],[\"comment/149\",[]],[\"name/150\",[105,60.46]],[\"comment/150\",[]],[\"name/151\",[106,60.46]],[\"comment/151\",[]],[\"name/152\",[107,60.46]],[\"comment/152\",[]],[\"name/153\",[108,65.568]],[\"comment/153\",[]],[\"name/154\",[109,60.46]],[\"comment/154\",[]],[\"name/155\",[110,60.46]],[\"comment/155\",[]],[\"name/156\",[111,60.46]],[\"comment/156\",[]],[\"name/157\",[112,60.46]],[\"comment/157\",[]],[\"name/158\",[113,60.46]],[\"comment/158\",[]],[\"name/159\",[114,60.46]],[\"comment/159\",[]],[\"name/160\",[115,60.46]],[\"comment/160\",[]],[\"name/161\",[116,60.46]],[\"comment/161\",[]],[\"name/162\",[117,57.095]],[\"comment/162\",[]],[\"name/163\",[19,29.28]],[\"comment/163\",[]],[\"name/164\",[1,28.932]],[\"comment/164\",[]],[\"name/165\",[7,29.105]],[\"comment/165\",[]],[\"name/166\",[20,29.28]],[\"comment/166\",[]],[\"name/167\",[21,29.28]],[\"comment/167\",[]],[\"name/168\",[22,29.64]],[\"comment/168\",[]],[\"name/169\",[23,29.28]],[\"comment/169\",[]],[\"name/170\",[2,29.459]],[\"comment/170\",[]],[\"name/171\",[3,29.105]],[\"comment/171\",[]],[\"name/172\",[24,29.28]],[\"comment/172\",[]],[\"name/173\",[26,29.459]],[\"comment/173\",[]],[\"name/174\",[98,60.46]],[\"comment/174\",[]],[\"name/175\",[118,65.568]],[\"comment/175\",[]],[\"name/176\",[119,65.568]],[\"comment/176\",[]],[\"name/177\",[120,65.568]],[\"comment/177\",[]],[\"name/178\",[121,65.568]],[\"comment/178\",[]],[\"name/179\",[122,65.568]],[\"comment/179\",[]],[\"name/180\",[123,65.568]],[\"comment/180\",[]],[\"name/181\",[124,65.568]],[\"comment/181\",[]],[\"name/182\",[125,65.568]],[\"comment/182\",[]],[\"name/183\",[126,65.568]],[\"comment/183\",[]],[\"name/184\",[127,65.568]],[\"comment/184\",[]],[\"name/185\",[128,65.568]],[\"comment/185\",[]],[\"name/186\",[129,65.568]],[\"comment/186\",[]],[\"name/187\",[130,65.568]],[\"comment/187\",[]],[\"name/188\",[97,39.418]],[\"comment/188\",[]],[\"name/189\",[19,29.28]],[\"comment/189\",[]],[\"name/190\",[1,28.932]],[\"comment/190\",[]],[\"name/191\",[7,29.105]],[\"comment/191\",[]],[\"name/192\",[20,29.28]],[\"comment/192\",[]],[\"name/193\",[21,29.28]],[\"comment/193\",[]],[\"name/194\",[22,29.64]],[\"comment/194\",[]],[\"name/195\",[23,29.28]],[\"comment/195\",[]],[\"name/196\",[2,29.459]],[\"comment/196\",[]],[\"name/197\",[3,29.105]],[\"comment/197\",[]],[\"name/198\",[24,29.28]],[\"comment/198\",[]],[\"name/199\",[26,29.459]],[\"comment/199\",[]],[\"name/200\",[131,57.095]],[\"comment/200\",[]],[\"name/201\",[57,60.46]],[\"comment/201\",[]],[\"name/202\",[51,60.46]],[\"comment/202\",[]],[\"name/203\",[132,65.568]],[\"comment/203\",[]],[\"name/204\",[133,65.568]],[\"comment/204\",[]],[\"name/205\",[16,60.46]],[\"comment/205\",[]],[\"name/206\",[19,29.28]],[\"comment/206\",[]],[\"name/207\",[1,28.932]],[\"comment/207\",[]],[\"name/208\",[7,29.105]],[\"comment/208\",[]],[\"name/209\",[20,29.28]],[\"comment/209\",[]],[\"name/210\",[21,29.28]],[\"comment/210\",[]],[\"name/211\",[22,29.64]],[\"comment/211\",[]],[\"name/212\",[23,29.28]],[\"comment/212\",[]],[\"name/213\",[2,29.459]],[\"comment/213\",[]],[\"name/214\",[3,29.105]],[\"comment/214\",[]],[\"name/215\",[24,29.28]],[\"comment/215\",[]],[\"name/216\",[26,29.459]],[\"comment/216\",[]],[\"name/217\",[134,65.568]],[\"comment/217\",[]],[\"name/218\",[19,29.28]],[\"comment/218\",[]],[\"name/219\",[135,65.568]],[\"comment/219\",[]],[\"name/220\",[1,28.932]],[\"comment/220\",[]],[\"name/221\",[7,29.105]],[\"comment/221\",[]],[\"name/222\",[20,29.28]],[\"comment/222\",[]],[\"name/223\",[21,29.28]],[\"comment/223\",[]],[\"name/224\",[22,29.64]],[\"comment/224\",[]],[\"name/225\",[23,29.28]],[\"comment/225\",[]],[\"name/226\",[2,29.459]],[\"comment/226\",[]],[\"name/227\",[3,29.105]],[\"comment/227\",[]],[\"name/228\",[24,29.28]],[\"comment/228\",[]],[\"name/229\",[26,29.459]],[\"comment/229\",[]],[\"name/230\",[99,60.46]],[\"comment/230\",[]],[\"name/231\",[136,65.568]],[\"comment/231\",[]],[\"name/232\",[137,65.568]],[\"comment/232\",[]],[\"name/233\",[138,65.568]],[\"comment/233\",[]],[\"name/234\",[139,65.568]],[\"comment/234\",[]],[\"name/235\",[140,65.568]],[\"comment/235\",[]],[\"name/236\",[141,65.568]],[\"comment/236\",[]],[\"name/237\",[142,65.568]],[\"comment/237\",[]],[\"name/238\",[143,65.568]],[\"comment/238\",[]],[\"name/239\",[97,39.418]],[\"comment/239\",[]],[\"name/240\",[19,29.28]],[\"comment/240\",[]],[\"name/241\",[1,28.932]],[\"comment/241\",[]],[\"name/242\",[7,29.105]],[\"comment/242\",[]],[\"name/243\",[20,29.28]],[\"comment/243\",[]],[\"name/244\",[21,29.28]],[\"comment/244\",[]],[\"name/245\",[22,29.64]],[\"comment/245\",[]],[\"name/246\",[23,29.28]],[\"comment/246\",[]],[\"name/247\",[2,29.459]],[\"comment/247\",[]],[\"name/248\",[3,29.105]],[\"comment/248\",[]],[\"name/249\",[24,29.28]],[\"comment/249\",[]],[\"name/250\",[26,29.459]],[\"comment/250\",[]],[\"name/251\",[144,65.568]],[\"comment/251\",[]],[\"name/252\",[145,65.568]],[\"comment/252\",[]],[\"name/253\",[146,65.568]],[\"comment/253\",[]],[\"name/254\",[147,65.568]],[\"comment/254\",[]],[\"name/255\",[148,65.568]],[\"comment/255\",[]],[\"name/256\",[149,65.568]],[\"comment/256\",[]],[\"name/257\",[150,65.568]],[\"comment/257\",[]],[\"name/258\",[151,65.568]],[\"comment/258\",[]],[\"name/259\",[152,65.568]],[\"comment/259\",[]],[\"name/260\",[153,65.568]],[\"comment/260\",[]],[\"name/261\",[154,65.568]],[\"comment/261\",[]],[\"name/262\",[155,65.568]],[\"comment/262\",[]],[\"name/263\",[19,29.28]],[\"comment/263\",[]],[\"name/264\",[1,28.932]],[\"comment/264\",[]],[\"name/265\",[7,29.105]],[\"comment/265\",[]],[\"name/266\",[20,29.28]],[\"comment/266\",[]],[\"name/267\",[21,29.28]],[\"comment/267\",[]],[\"name/268\",[22,29.64]],[\"comment/268\",[]],[\"name/269\",[23,29.28]],[\"comment/269\",[]],[\"name/270\",[2,29.459]],[\"comment/270\",[]],[\"name/271\",[3,29.105]],[\"comment/271\",[]],[\"name/272\",[24,29.28]],[\"comment/272\",[]],[\"name/273\",[26,29.459]],[\"comment/273\",[]],[\"name/274\",[156,65.568]],[\"comment/274\",[]],[\"name/275\",[157,65.568]],[\"comment/275\",[]],[\"name/276\",[158,65.568]],[\"comment/276\",[]],[\"name/277\",[100,60.46]],[\"comment/277\",[]],[\"name/278\",[159,65.568]],[\"comment/278\",[]],[\"name/279\",[160,65.568]],[\"comment/279\",[]],[\"name/280\",[161,65.568]],[\"comment/280\",[]],[\"name/281\",[162,65.568]],[\"comment/281\",[]],[\"name/282\",[163,65.568]],[\"comment/282\",[]],[\"name/283\",[164,65.568]],[\"comment/283\",[]],[\"name/284\",[165,65.568]],[\"comment/284\",[]],[\"name/285\",[166,65.568]],[\"comment/285\",[]],[\"name/286\",[97,39.418]],[\"comment/286\",[]],[\"name/287\",[19,29.28]],[\"comment/287\",[]],[\"name/288\",[1,28.932]],[\"comment/288\",[]],[\"name/289\",[7,29.105]],[\"comment/289\",[]],[\"name/290\",[20,29.28]],[\"comment/290\",[]],[\"name/291\",[21,29.28]],[\"comment/291\",[]],[\"name/292\",[22,29.64]],[\"comment/292\",[]],[\"name/293\",[23,29.28]],[\"comment/293\",[]],[\"name/294\",[2,29.459]],[\"comment/294\",[]],[\"name/295\",[3,29.105]],[\"comment/295\",[]],[\"name/296\",[24,29.28]],[\"comment/296\",[]],[\"name/297\",[26,29.459]],[\"comment/297\",[]],[\"name/298\",[101,60.46]],[\"comment/298\",[]],[\"name/299\",[167,65.568]],[\"comment/299\",[]],[\"name/300\",[168,65.568]],[\"comment/300\",[]],[\"name/301\",[169,65.568]],[\"comment/301\",[]],[\"name/302\",[170,65.568]],[\"comment/302\",[]],[\"name/303\",[97,39.418]],[\"comment/303\",[]],[\"name/304\",[19,29.28]],[\"comment/304\",[]],[\"name/305\",[1,28.932]],[\"comment/305\",[]],[\"name/306\",[7,29.105]],[\"comment/306\",[]],[\"name/307\",[20,29.28]],[\"comment/307\",[]],[\"name/308\",[21,29.28]],[\"comment/308\",[]],[\"name/309\",[22,29.64]],[\"comment/309\",[]],[\"name/310\",[23,29.28]],[\"comment/310\",[]],[\"name/311\",[2,29.459]],[\"comment/311\",[]],[\"name/312\",[3,29.105]],[\"comment/312\",[]],[\"name/313\",[24,29.28]],[\"comment/313\",[]],[\"name/314\",[26,29.459]],[\"comment/314\",[]],[\"name/315\",[102,60.46]],[\"comment/315\",[]],[\"name/316\",[171,65.568]],[\"comment/316\",[]],[\"name/317\",[172,65.568]],[\"comment/317\",[]],[\"name/318\",[173,65.568]],[\"comment/318\",[]],[\"name/319\",[174,65.568]],[\"comment/319\",[]],[\"name/320\",[175,65.568]],[\"comment/320\",[]],[\"name/321\",[176,65.568]],[\"comment/321\",[]],[\"name/322\",[97,39.418]],[\"comment/322\",[]],[\"name/323\",[19,29.28]],[\"comment/323\",[]],[\"name/324\",[1,28.932]],[\"comment/324\",[]],[\"name/325\",[7,29.105]],[\"comment/325\",[]],[\"name/326\",[20,29.28]],[\"comment/326\",[]],[\"name/327\",[21,29.28]],[\"comment/327\",[]],[\"name/328\",[22,29.64]],[\"comment/328\",[]],[\"name/329\",[23,29.28]],[\"comment/329\",[]],[\"name/330\",[2,29.459]],[\"comment/330\",[]],[\"name/331\",[3,29.105]],[\"comment/331\",[]],[\"name/332\",[24,29.28]],[\"comment/332\",[]],[\"name/333\",[26,29.459]],[\"comment/333\",[]],[\"name/334\",[103,60.46]],[\"comment/334\",[]],[\"name/335\",[177,65.568]],[\"comment/335\",[]],[\"name/336\",[178,65.568]],[\"comment/336\",[]],[\"name/337\",[179,65.568]],[\"comment/337\",[]],[\"name/338\",[180,65.568]],[\"comment/338\",[]],[\"name/339\",[181,65.568]],[\"comment/339\",[]],[\"name/340\",[182,65.568]],[\"comment/340\",[]],[\"name/341\",[183,65.568]],[\"comment/341\",[]],[\"name/342\",[184,65.568]],[\"comment/342\",[]],[\"name/343\",[185,65.568]],[\"comment/343\",[]],[\"name/344\",[186,65.568]],[\"comment/344\",[]],[\"name/345\",[187,65.568]],[\"comment/345\",[]],[\"name/346\",[188,65.568]],[\"comment/346\",[]],[\"name/347\",[189,65.568]],[\"comment/347\",[]],[\"name/348\",[190,65.568]],[\"comment/348\",[]],[\"name/349\",[191,65.568]],[\"comment/349\",[]],[\"name/350\",[192,65.568]],[\"comment/350\",[]],[\"name/351\",[97,39.418]],[\"comment/351\",[]],[\"name/352\",[19,29.28]],[\"comment/352\",[]],[\"name/353\",[1,28.932]],[\"comment/353\",[]],[\"name/354\",[7,29.105]],[\"comment/354\",[]],[\"name/355\",[20,29.28]],[\"comment/355\",[]],[\"name/356\",[21,29.28]],[\"comment/356\",[]],[\"name/357\",[22,29.64]],[\"comment/357\",[]],[\"name/358\",[23,29.28]],[\"comment/358\",[]],[\"name/359\",[2,29.459]],[\"comment/359\",[]],[\"name/360\",[3,29.105]],[\"comment/360\",[]],[\"name/361\",[24,29.28]],[\"comment/361\",[]],[\"name/362\",[26,29.459]],[\"comment/362\",[]],[\"name/363\",[104,60.46]],[\"comment/363\",[]],[\"name/364\",[193,65.568]],[\"comment/364\",[]],[\"name/365\",[97,39.418]],[\"comment/365\",[]],[\"name/366\",[19,29.28]],[\"comment/366\",[]],[\"name/367\",[1,28.932]],[\"comment/367\",[]],[\"name/368\",[7,29.105]],[\"comment/368\",[]],[\"name/369\",[20,29.28]],[\"comment/369\",[]],[\"name/370\",[21,29.28]],[\"comment/370\",[]],[\"name/371\",[22,29.64]],[\"comment/371\",[]],[\"name/372\",[23,29.28]],[\"comment/372\",[]],[\"name/373\",[2,29.459]],[\"comment/373\",[]],[\"name/374\",[3,29.105]],[\"comment/374\",[]],[\"name/375\",[24,29.28]],[\"comment/375\",[]],[\"name/376\",[26,29.459]],[\"comment/376\",[]],[\"name/377\",[115,60.46]],[\"comment/377\",[]],[\"name/378\",[131,57.095]],[\"comment/378\",[]],[\"name/379\",[194,57.095]],[\"comment/379\",[]],[\"name/380\",[195,57.095]],[\"comment/380\",[]],[\"name/381\",[196,60.46]],[\"comment/381\",[]],[\"name/382\",[197,57.095]],[\"comment/382\",[]],[\"name/383\",[97,39.418]],[\"comment/383\",[]],[\"name/384\",[19,29.28]],[\"comment/384\",[]],[\"name/385\",[1,28.932]],[\"comment/385\",[]],[\"name/386\",[7,29.105]],[\"comment/386\",[]],[\"name/387\",[20,29.28]],[\"comment/387\",[]],[\"name/388\",[21,29.28]],[\"comment/388\",[]],[\"name/389\",[22,29.64]],[\"comment/389\",[]],[\"name/390\",[23,29.28]],[\"comment/390\",[]],[\"name/391\",[2,29.459]],[\"comment/391\",[]],[\"name/392\",[3,29.105]],[\"comment/392\",[]],[\"name/393\",[24,29.28]],[\"comment/393\",[]],[\"name/394\",[26,29.459]],[\"comment/394\",[]],[\"name/395\",[105,60.46]],[\"comment/395\",[]],[\"name/396\",[198,65.568]],[\"comment/396\",[]],[\"name/397\",[97,39.418]],[\"comment/397\",[]],[\"name/398\",[19,29.28]],[\"comment/398\",[]],[\"name/399\",[1,28.932]],[\"comment/399\",[]],[\"name/400\",[7,29.105]],[\"comment/400\",[]],[\"name/401\",[20,29.28]],[\"comment/401\",[]],[\"name/402\",[21,29.28]],[\"comment/402\",[]],[\"name/403\",[22,29.64]],[\"comment/403\",[]],[\"name/404\",[23,29.28]],[\"comment/404\",[]],[\"name/405\",[2,29.459]],[\"comment/405\",[]],[\"name/406\",[3,29.105]],[\"comment/406\",[]],[\"name/407\",[24,29.28]],[\"comment/407\",[]],[\"name/408\",[26,29.459]],[\"comment/408\",[]],[\"name/409\",[106,60.46]],[\"comment/409\",[]],[\"name/410\",[199,60.46]],[\"comment/410\",[]],[\"name/411\",[200,65.568]],[\"comment/411\",[]],[\"name/412\",[97,39.418]],[\"comment/412\",[]],[\"name/413\",[19,29.28]],[\"comment/413\",[]],[\"name/414\",[1,28.932]],[\"comment/414\",[]],[\"name/415\",[7,29.105]],[\"comment/415\",[]],[\"name/416\",[20,29.28]],[\"comment/416\",[]],[\"name/417\",[21,29.28]],[\"comment/417\",[]],[\"name/418\",[22,29.64]],[\"comment/418\",[]],[\"name/419\",[23,29.28]],[\"comment/419\",[]],[\"name/420\",[2,29.459]],[\"comment/420\",[]],[\"name/421\",[3,29.105]],[\"comment/421\",[]],[\"name/422\",[24,29.28]],[\"comment/422\",[]],[\"name/423\",[26,29.459]],[\"comment/423\",[]],[\"name/424\",[109,60.46]],[\"comment/424\",[]],[\"name/425\",[201,65.568]],[\"comment/425\",[]],[\"name/426\",[202,65.568]],[\"comment/426\",[]],[\"name/427\",[97,39.418]],[\"comment/427\",[]],[\"name/428\",[19,29.28]],[\"comment/428\",[]],[\"name/429\",[1,28.932]],[\"comment/429\",[]],[\"name/430\",[7,29.105]],[\"comment/430\",[]],[\"name/431\",[20,29.28]],[\"comment/431\",[]],[\"name/432\",[21,29.28]],[\"comment/432\",[]],[\"name/433\",[22,29.64]],[\"comment/433\",[]],[\"name/434\",[23,29.28]],[\"comment/434\",[]],[\"name/435\",[2,29.459]],[\"comment/435\",[]],[\"name/436\",[3,29.105]],[\"comment/436\",[]],[\"name/437\",[24,29.28]],[\"comment/437\",[]],[\"name/438\",[26,29.459]],[\"comment/438\",[]],[\"name/439\",[107,60.46]],[\"comment/439\",[]],[\"name/440\",[203,65.568]],[\"comment/440\",[]],[\"name/441\",[204,65.568]],[\"comment/441\",[]],[\"name/442\",[205,65.568]],[\"comment/442\",[]],[\"name/443\",[206,65.568]],[\"comment/443\",[]],[\"name/444\",[207,65.568]],[\"comment/444\",[]],[\"name/445\",[208,65.568]],[\"comment/445\",[]],[\"name/446\",[97,39.418]],[\"comment/446\",[]],[\"name/447\",[19,29.28]],[\"comment/447\",[]],[\"name/448\",[1,28.932]],[\"comment/448\",[]],[\"name/449\",[7,29.105]],[\"comment/449\",[]],[\"name/450\",[20,29.28]],[\"comment/450\",[]],[\"name/451\",[21,29.28]],[\"comment/451\",[]],[\"name/452\",[22,29.64]],[\"comment/452\",[]],[\"name/453\",[23,29.28]],[\"comment/453\",[]],[\"name/454\",[2,29.459]],[\"comment/454\",[]],[\"name/455\",[3,29.105]],[\"comment/455\",[]],[\"name/456\",[24,29.28]],[\"comment/456\",[]],[\"name/457\",[26,29.459]],[\"comment/457\",[]],[\"name/458\",[110,60.46]],[\"comment/458\",[]],[\"name/459\",[209,65.568]],[\"comment/459\",[]],[\"name/460\",[210,65.568]],[\"comment/460\",[]],[\"name/461\",[97,39.418]],[\"comment/461\",[]],[\"name/462\",[19,29.28]],[\"comment/462\",[]],[\"name/463\",[1,28.932]],[\"comment/463\",[]],[\"name/464\",[7,29.105]],[\"comment/464\",[]],[\"name/465\",[20,29.28]],[\"comment/465\",[]],[\"name/466\",[21,29.28]],[\"comment/466\",[]],[\"name/467\",[22,29.64]],[\"comment/467\",[]],[\"name/468\",[23,29.28]],[\"comment/468\",[]],[\"name/469\",[2,29.459]],[\"comment/469\",[]],[\"name/470\",[3,29.105]],[\"comment/470\",[]],[\"name/471\",[24,29.28]],[\"comment/471\",[]],[\"name/472\",[26,29.459]],[\"comment/472\",[]],[\"name/473\",[111,60.46]],[\"comment/473\",[]],[\"name/474\",[211,65.568]],[\"comment/474\",[]],[\"name/475\",[97,39.418]],[\"comment/475\",[]],[\"name/476\",[19,29.28]],[\"comment/476\",[]],[\"name/477\",[1,28.932]],[\"comment/477\",[]],[\"name/478\",[7,29.105]],[\"comment/478\",[]],[\"name/479\",[20,29.28]],[\"comment/479\",[]],[\"name/480\",[21,29.28]],[\"comment/480\",[]],[\"name/481\",[22,29.64]],[\"comment/481\",[]],[\"name/482\",[23,29.28]],[\"comment/482\",[]],[\"name/483\",[2,29.459]],[\"comment/483\",[]],[\"name/484\",[3,29.105]],[\"comment/484\",[]],[\"name/485\",[24,29.28]],[\"comment/485\",[]],[\"name/486\",[26,29.459]],[\"comment/486\",[]],[\"name/487\",[112,60.46]],[\"comment/487\",[]],[\"name/488\",[212,65.568]],[\"comment/488\",[]],[\"name/489\",[97,39.418]],[\"comment/489\",[]],[\"name/490\",[19,29.28]],[\"comment/490\",[]],[\"name/491\",[1,28.932]],[\"comment/491\",[]],[\"name/492\",[7,29.105]],[\"comment/492\",[]],[\"name/493\",[20,29.28]],[\"comment/493\",[]],[\"name/494\",[21,29.28]],[\"comment/494\",[]],[\"name/495\",[22,29.64]],[\"comment/495\",[]],[\"name/496\",[23,29.28]],[\"comment/496\",[]],[\"name/497\",[2,29.459]],[\"comment/497\",[]],[\"name/498\",[3,29.105]],[\"comment/498\",[]],[\"name/499\",[24,29.28]],[\"comment/499\",[]],[\"name/500\",[26,29.459]],[\"comment/500\",[]],[\"name/501\",[113,60.46]],[\"comment/501\",[]],[\"name/502\",[213,65.568]],[\"comment/502\",[]],[\"name/503\",[214,65.568]],[\"comment/503\",[]],[\"name/504\",[215,65.568]],[\"comment/504\",[]],[\"name/505\",[216,65.568]],[\"comment/505\",[]],[\"name/506\",[217,60.46]],[\"comment/506\",[]],[\"name/507\",[218,60.46]],[\"comment/507\",[]],[\"name/508\",[194,57.095]],[\"comment/508\",[]],[\"name/509\",[195,57.095]],[\"comment/509\",[]],[\"name/510\",[196,60.46]],[\"comment/510\",[]],[\"name/511\",[197,57.095]],[\"comment/511\",[]],[\"name/512\",[97,39.418]],[\"comment/512\",[]],[\"name/513\",[19,29.28]],[\"comment/513\",[]],[\"name/514\",[1,28.932]],[\"comment/514\",[]],[\"name/515\",[7,29.105]],[\"comment/515\",[]],[\"name/516\",[20,29.28]],[\"comment/516\",[]],[\"name/517\",[21,29.28]],[\"comment/517\",[]],[\"name/518\",[22,29.64]],[\"comment/518\",[]],[\"name/519\",[23,29.28]],[\"comment/519\",[]],[\"name/520\",[2,29.459]],[\"comment/520\",[]],[\"name/521\",[3,29.105]],[\"comment/521\",[]],[\"name/522\",[24,29.28]],[\"comment/522\",[]],[\"name/523\",[26,29.459]],[\"comment/523\",[]],[\"name/524\",[114,60.46]],[\"comment/524\",[]],[\"name/525\",[219,60.46]],[\"comment/525\",[]],[\"name/526\",[220,65.568]],[\"comment/526\",[]],[\"name/527\",[97,39.418]],[\"comment/527\",[]],[\"name/528\",[19,29.28]],[\"comment/528\",[]],[\"name/529\",[1,28.932]],[\"comment/529\",[]],[\"name/530\",[7,29.105]],[\"comment/530\",[]],[\"name/531\",[20,29.28]],[\"comment/531\",[]],[\"name/532\",[21,29.28]],[\"comment/532\",[]],[\"name/533\",[22,29.64]],[\"comment/533\",[]],[\"name/534\",[23,29.28]],[\"comment/534\",[]],[\"name/535\",[2,29.459]],[\"comment/535\",[]],[\"name/536\",[3,29.105]],[\"comment/536\",[]],[\"name/537\",[24,29.28]],[\"comment/537\",[]],[\"name/538\",[26,29.459]],[\"comment/538\",[]],[\"name/539\",[221,65.568]],[\"comment/539\",[]],[\"name/540\",[219,60.46]],[\"comment/540\",[]],[\"name/541\",[217,60.46]],[\"comment/541\",[]],[\"name/542\",[218,60.46]],[\"comment/542\",[]],[\"name/543\",[194,57.095]],[\"comment/543\",[]],[\"name/544\",[195,57.095]],[\"comment/544\",[]],[\"name/545\",[222,65.568]],[\"comment/545\",[]],[\"name/546\",[223,65.568]],[\"comment/546\",[]],[\"name/547\",[197,57.095]],[\"comment/547\",[]],[\"name/548\",[116,60.46]],[\"comment/548\",[]],[\"name/549\",[97,39.418]],[\"comment/549\",[]],[\"name/550\",[19,29.28]],[\"comment/550\",[]],[\"name/551\",[1,28.932]],[\"comment/551\",[]],[\"name/552\",[7,29.105]],[\"comment/552\",[]],[\"name/553\",[20,29.28]],[\"comment/553\",[]],[\"name/554\",[21,29.28]],[\"comment/554\",[]],[\"name/555\",[22,29.64]],[\"comment/555\",[]],[\"name/556\",[23,29.28]],[\"comment/556\",[]],[\"name/557\",[2,29.459]],[\"comment/557\",[]],[\"name/558\",[3,29.105]],[\"comment/558\",[]],[\"name/559\",[24,29.28]],[\"comment/559\",[]],[\"name/560\",[26,29.459]],[\"comment/560\",[]],[\"name/561\",[117,57.095]],[\"comment/561\",[]],[\"name/562\",[224,65.568]],[\"comment/562\",[]],[\"name/563\",[97,39.418]],[\"comment/563\",[]],[\"name/564\",[19,29.28]],[\"comment/564\",[]],[\"name/565\",[1,28.932]],[\"comment/565\",[]],[\"name/566\",[7,29.105]],[\"comment/566\",[]],[\"name/567\",[20,29.28]],[\"comment/567\",[]],[\"name/568\",[21,29.28]],[\"comment/568\",[]],[\"name/569\",[22,29.64]],[\"comment/569\",[]],[\"name/570\",[23,29.28]],[\"comment/570\",[]],[\"name/571\",[2,29.459]],[\"comment/571\",[]],[\"name/572\",[3,29.105]],[\"comment/572\",[]],[\"name/573\",[24,29.28]],[\"comment/573\",[]],[\"name/574\",[26,29.459]],[\"comment/574\",[]],[\"name/575\",[225,65.568]],[\"comment/575\",[]],[\"name/576\",[226,65.568]],[\"comment/576\",[]],[\"name/577\",[227,65.568]],[\"comment/577\",[]],[\"name/578\",[228,65.568]],[\"comment/578\",[]],[\"name/579\",[229,65.568]],[\"comment/579\",[]],[\"name/580\",[230,65.568]],[\"comment/580\",[]],[\"name/581\",[19,29.28]],[\"comment/581\",[]],[\"name/582\",[1,28.932]],[\"comment/582\",[]],[\"name/583\",[7,29.105]],[\"comment/583\",[]],[\"name/584\",[20,29.28]],[\"comment/584\",[]],[\"name/585\",[21,29.28]],[\"comment/585\",[]],[\"name/586\",[22,29.64]],[\"comment/586\",[]],[\"name/587\",[23,29.28]],[\"comment/587\",[]],[\"name/588\",[2,29.459]],[\"comment/588\",[]],[\"name/589\",[3,29.105]],[\"comment/589\",[]],[\"name/590\",[24,29.28]],[\"comment/590\",[]],[\"name/591\",[26,29.459]],[\"comment/591\",[]],[\"name/592\",[231,65.568]],[\"comment/592\",[]],[\"name/593\",[19,29.28]],[\"comment/593\",[]],[\"name/594\",[1,28.932]],[\"comment/594\",[]],[\"name/595\",[7,29.105]],[\"comment/595\",[]],[\"name/596\",[20,29.28]],[\"comment/596\",[]],[\"name/597\",[21,29.28]],[\"comment/597\",[]],[\"name/598\",[22,29.64]],[\"comment/598\",[]],[\"name/599\",[23,29.28]],[\"comment/599\",[]],[\"name/600\",[2,29.459]],[\"comment/600\",[]],[\"name/601\",[3,29.105]],[\"comment/601\",[]],[\"name/602\",[24,29.28]],[\"comment/602\",[]],[\"name/603\",[26,29.459]],[\"comment/603\",[]],[\"name/604\",[12,60.46]],[\"comment/604\",[]],[\"name/605\",[232,60.46]],[\"comment/605\",[]],[\"name/606\",[233,60.46]],[\"comment/606\",[]],[\"name/607\",[234,60.46]],[\"comment/607\",[]],[\"name/608\",[235,65.568]],[\"comment/608\",[]],[\"name/609\",[236,60.46]],[\"comment/609\",[]],[\"name/610\",[237,60.46]],[\"comment/610\",[]],[\"name/611\",[238,65.568]],[\"comment/611\",[]],[\"name/612\",[239,60.46]],[\"comment/612\",[]],[\"name/613\",[240,60.46]],[\"comment/613\",[]],[\"name/614\",[241,60.46]],[\"comment/614\",[]],[\"name/615\",[242,60.46]],[\"comment/615\",[]],[\"name/616\",[243,60.46]],[\"comment/616\",[]],[\"name/617\",[244,60.46]],[\"comment/617\",[]],[\"name/618\",[245,60.46]],[\"comment/618\",[]],[\"name/619\",[246,60.46]],[\"comment/619\",[]],[\"name/620\",[247,60.46]],[\"comment/620\",[]],[\"name/621\",[248,60.46]],[\"comment/621\",[]],[\"name/622\",[19,29.28]],[\"comment/622\",[]],[\"name/623\",[1,28.932]],[\"comment/623\",[]],[\"name/624\",[7,29.105]],[\"comment/624\",[]],[\"name/625\",[20,29.28]],[\"comment/625\",[]],[\"name/626\",[21,29.28]],[\"comment/626\",[]],[\"name/627\",[22,29.64]],[\"comment/627\",[]],[\"name/628\",[23,29.28]],[\"comment/628\",[]],[\"name/629\",[2,29.459]],[\"comment/629\",[]],[\"name/630\",[3,29.105]],[\"comment/630\",[]],[\"name/631\",[24,29.28]],[\"comment/631\",[]],[\"name/632\",[26,29.459]],[\"comment/632\",[]],[\"name/633\",[232,60.46]],[\"comment/633\",[]],[\"name/634\",[249,65.568]],[\"comment/634\",[]],[\"name/635\",[250,65.568]],[\"comment/635\",[]],[\"name/636\",[251,49.473]],[\"comment/636\",[]],[\"name/637\",[19,29.28]],[\"comment/637\",[]],[\"name/638\",[1,28.932]],[\"comment/638\",[]],[\"name/639\",[7,29.105]],[\"comment/639\",[]],[\"name/640\",[20,29.28]],[\"comment/640\",[]],[\"name/641\",[21,29.28]],[\"comment/641\",[]],[\"name/642\",[22,29.64]],[\"comment/642\",[]],[\"name/643\",[23,29.28]],[\"comment/643\",[]],[\"name/644\",[2,29.459]],[\"comment/644\",[]],[\"name/645\",[3,29.105]],[\"comment/645\",[]],[\"name/646\",[24,29.28]],[\"comment/646\",[]],[\"name/647\",[26,29.459]],[\"comment/647\",[]],[\"name/648\",[233,60.46]],[\"comment/648\",[]],[\"name/649\",[252,57.095]],[\"comment/649\",[]],[\"name/650\",[253,65.568]],[\"comment/650\",[]],[\"name/651\",[254,60.46]],[\"comment/651\",[]],[\"name/652\",[255,57.095]],[\"comment/652\",[]],[\"name/653\",[256,60.46]],[\"comment/653\",[]],[\"name/654\",[257,65.568]],[\"comment/654\",[]],[\"name/655\",[258,65.568]],[\"comment/655\",[]],[\"name/656\",[19,29.28]],[\"comment/656\",[]],[\"name/657\",[1,28.932]],[\"comment/657\",[]],[\"name/658\",[7,29.105]],[\"comment/658\",[]],[\"name/659\",[20,29.28]],[\"comment/659\",[]],[\"name/660\",[21,29.28]],[\"comment/660\",[]],[\"name/661\",[22,29.64]],[\"comment/661\",[]],[\"name/662\",[23,29.28]],[\"comment/662\",[]],[\"name/663\",[2,29.459]],[\"comment/663\",[]],[\"name/664\",[3,29.105]],[\"comment/664\",[]],[\"name/665\",[24,29.28]],[\"comment/665\",[]],[\"name/666\",[26,29.459]],[\"comment/666\",[]],[\"name/667\",[234,60.46]],[\"comment/667\",[]],[\"name/668\",[259,57.095]],[\"comment/668\",[]],[\"name/669\",[255,57.095]],[\"comment/669\",[]],[\"name/670\",[256,60.46]],[\"comment/670\",[]],[\"name/671\",[19,29.28]],[\"comment/671\",[]],[\"name/672\",[1,28.932]],[\"comment/672\",[]],[\"name/673\",[7,29.105]],[\"comment/673\",[]],[\"name/674\",[20,29.28]],[\"comment/674\",[]],[\"name/675\",[21,29.28]],[\"comment/675\",[]],[\"name/676\",[22,29.64]],[\"comment/676\",[]],[\"name/677\",[23,29.28]],[\"comment/677\",[]],[\"name/678\",[2,29.459]],[\"comment/678\",[]],[\"name/679\",[3,29.105]],[\"comment/679\",[]],[\"name/680\",[24,29.28]],[\"comment/680\",[]],[\"name/681\",[26,29.459]],[\"comment/681\",[]],[\"name/682\",[260,65.568]],[\"comment/682\",[]],[\"name/683\",[252,57.095]],[\"comment/683\",[]],[\"name/684\",[199,60.46]],[\"comment/684\",[]],[\"name/685\",[261,54.582]],[\"comment/685\",[]],[\"name/686\",[262,57.095]],[\"comment/686\",[]],[\"name/687\",[263,65.568]],[\"comment/687\",[]],[\"name/688\",[251,49.473]],[\"comment/688\",[]],[\"name/689\",[19,29.28]],[\"comment/689\",[]],[\"name/690\",[1,28.932]],[\"comment/690\",[]],[\"name/691\",[7,29.105]],[\"comment/691\",[]],[\"name/692\",[20,29.28]],[\"comment/692\",[]],[\"name/693\",[21,29.28]],[\"comment/693\",[]],[\"name/694\",[22,29.64]],[\"comment/694\",[]],[\"name/695\",[23,29.28]],[\"comment/695\",[]],[\"name/696\",[2,29.459]],[\"comment/696\",[]],[\"name/697\",[3,29.105]],[\"comment/697\",[]],[\"name/698\",[24,29.28]],[\"comment/698\",[]],[\"name/699\",[26,29.459]],[\"comment/699\",[]],[\"name/700\",[236,60.46]],[\"comment/700\",[]],[\"name/701\",[264,60.46]],[\"comment/701\",[]],[\"name/702\",[265,65.568]],[\"comment/702\",[]],[\"name/703\",[266,60.46]],[\"comment/703\",[]],[\"name/704\",[267,60.46]],[\"comment/704\",[]],[\"name/705\",[268,60.46]],[\"comment/705\",[]],[\"name/706\",[269,57.095]],[\"comment/706\",[]],[\"name/707\",[270,57.095]],[\"comment/707\",[]],[\"name/708\",[271,65.568]],[\"comment/708\",[]],[\"name/709\",[19,29.28]],[\"comment/709\",[]],[\"name/710\",[1,28.932]],[\"comment/710\",[]],[\"name/711\",[7,29.105]],[\"comment/711\",[]],[\"name/712\",[20,29.28]],[\"comment/712\",[]],[\"name/713\",[21,29.28]],[\"comment/713\",[]],[\"name/714\",[22,29.64]],[\"comment/714\",[]],[\"name/715\",[23,29.28]],[\"comment/715\",[]],[\"name/716\",[2,29.459]],[\"comment/716\",[]],[\"name/717\",[3,29.105]],[\"comment/717\",[]],[\"name/718\",[24,29.28]],[\"comment/718\",[]],[\"name/719\",[26,29.459]],[\"comment/719\",[]],[\"name/720\",[237,60.46]],[\"comment/720\",[]],[\"name/721\",[272,65.568]],[\"comment/721\",[]],[\"name/722\",[266,60.46]],[\"comment/722\",[]],[\"name/723\",[273,65.568]],[\"comment/723\",[]],[\"name/724\",[268,60.46]],[\"comment/724\",[]],[\"name/725\",[269,57.095]],[\"comment/725\",[]],[\"name/726\",[270,57.095]],[\"comment/726\",[]],[\"name/727\",[19,29.28]],[\"comment/727\",[]],[\"name/728\",[1,28.932]],[\"comment/728\",[]],[\"name/729\",[7,29.105]],[\"comment/729\",[]],[\"name/730\",[20,29.28]],[\"comment/730\",[]],[\"name/731\",[21,29.28]],[\"comment/731\",[]],[\"name/732\",[22,29.64]],[\"comment/732\",[]],[\"name/733\",[23,29.28]],[\"comment/733\",[]],[\"name/734\",[2,29.459]],[\"comment/734\",[]],[\"name/735\",[3,29.105]],[\"comment/735\",[]],[\"name/736\",[24,29.28]],[\"comment/736\",[]],[\"name/737\",[26,29.459]],[\"comment/737\",[]],[\"name/738\",[239,60.46]],[\"comment/738\",[]],[\"name/739\",[274,65.568]],[\"comment/739\",[]],[\"name/740\",[275,65.568]],[\"comment/740\",[]],[\"name/741\",[276,65.568]],[\"comment/741\",[]],[\"name/742\",[277,65.568]],[\"comment/742\",[]],[\"name/743\",[278,65.568]],[\"comment/743\",[]],[\"name/744\",[19,29.28]],[\"comment/744\",[]],[\"name/745\",[1,28.932]],[\"comment/745\",[]],[\"name/746\",[7,29.105]],[\"comment/746\",[]],[\"name/747\",[20,29.28]],[\"comment/747\",[]],[\"name/748\",[21,29.28]],[\"comment/748\",[]],[\"name/749\",[22,29.64]],[\"comment/749\",[]],[\"name/750\",[23,29.28]],[\"comment/750\",[]],[\"name/751\",[2,29.459]],[\"comment/751\",[]],[\"name/752\",[3,29.105]],[\"comment/752\",[]],[\"name/753\",[24,29.28]],[\"comment/753\",[]],[\"name/754\",[26,29.459]],[\"comment/754\",[]],[\"name/755\",[240,60.46]],[\"comment/755\",[]],[\"name/756\",[264,60.46]],[\"comment/756\",[]],[\"name/757\",[267,60.46]],[\"comment/757\",[]],[\"name/758\",[269,57.095]],[\"comment/758\",[]],[\"name/759\",[270,57.095]],[\"comment/759\",[]],[\"name/760\",[279,65.568]],[\"comment/760\",[]],[\"name/761\",[19,29.28]],[\"comment/761\",[]],[\"name/762\",[1,28.932]],[\"comment/762\",[]],[\"name/763\",[7,29.105]],[\"comment/763\",[]],[\"name/764\",[20,29.28]],[\"comment/764\",[]],[\"name/765\",[21,29.28]],[\"comment/765\",[]],[\"name/766\",[22,29.64]],[\"comment/766\",[]],[\"name/767\",[23,29.28]],[\"comment/767\",[]],[\"name/768\",[2,29.459]],[\"comment/768\",[]],[\"name/769\",[3,29.105]],[\"comment/769\",[]],[\"name/770\",[24,29.28]],[\"comment/770\",[]],[\"name/771\",[26,29.459]],[\"comment/771\",[]],[\"name/772\",[241,60.46]],[\"comment/772\",[]],[\"name/773\",[252,57.095]],[\"comment/773\",[]],[\"name/774\",[259,57.095]],[\"comment/774\",[]],[\"name/775\",[254,60.46]],[\"comment/775\",[]],[\"name/776\",[255,57.095]],[\"comment/776\",[]],[\"name/777\",[280,65.568]],[\"comment/777\",[]],[\"name/778\",[251,49.473]],[\"comment/778\",[]],[\"name/779\",[19,29.28]],[\"comment/779\",[]],[\"name/780\",[1,28.932]],[\"comment/780\",[]],[\"name/781\",[7,29.105]],[\"comment/781\",[]],[\"name/782\",[20,29.28]],[\"comment/782\",[]],[\"name/783\",[21,29.28]],[\"comment/783\",[]],[\"name/784\",[22,29.64]],[\"comment/784\",[]],[\"name/785\",[23,29.28]],[\"comment/785\",[]],[\"name/786\",[2,29.459]],[\"comment/786\",[]],[\"name/787\",[3,29.105]],[\"comment/787\",[]],[\"name/788\",[24,29.28]],[\"comment/788\",[]],[\"name/789\",[26,29.459]],[\"comment/789\",[]],[\"name/790\",[242,60.46]],[\"comment/790\",[]],[\"name/791\",[281,65.568]],[\"comment/791\",[]],[\"name/792\",[282,65.568]],[\"comment/792\",[]],[\"name/793\",[19,29.28]],[\"comment/793\",[]],[\"name/794\",[1,28.932]],[\"comment/794\",[]],[\"name/795\",[7,29.105]],[\"comment/795\",[]],[\"name/796\",[20,29.28]],[\"comment/796\",[]],[\"name/797\",[21,29.28]],[\"comment/797\",[]],[\"name/798\",[22,29.64]],[\"comment/798\",[]],[\"name/799\",[23,29.28]],[\"comment/799\",[]],[\"name/800\",[2,29.459]],[\"comment/800\",[]],[\"name/801\",[3,29.105]],[\"comment/801\",[]],[\"name/802\",[24,29.28]],[\"comment/802\",[]],[\"name/803\",[26,29.459]],[\"comment/803\",[]],[\"name/804\",[243,60.46]],[\"comment/804\",[]],[\"name/805\",[283,65.568]],[\"comment/805\",[]],[\"name/806\",[284,65.568]],[\"comment/806\",[]],[\"name/807\",[261,54.582]],[\"comment/807\",[]],[\"name/808\",[19,29.28]],[\"comment/808\",[]],[\"name/809\",[1,28.932]],[\"comment/809\",[]],[\"name/810\",[7,29.105]],[\"comment/810\",[]],[\"name/811\",[20,29.28]],[\"comment/811\",[]],[\"name/812\",[21,29.28]],[\"comment/812\",[]],[\"name/813\",[22,29.64]],[\"comment/813\",[]],[\"name/814\",[23,29.28]],[\"comment/814\",[]],[\"name/815\",[2,29.459]],[\"comment/815\",[]],[\"name/816\",[3,29.105]],[\"comment/816\",[]],[\"name/817\",[24,29.28]],[\"comment/817\",[]],[\"name/818\",[26,29.459]],[\"comment/818\",[]],[\"name/819\",[244,60.46]],[\"comment/819\",[]],[\"name/820\",[285,65.568]],[\"comment/820\",[]],[\"name/821\",[286,65.568]],[\"comment/821\",[]],[\"name/822\",[287,65.568]],[\"comment/822\",[]],[\"name/823\",[288,65.568]],[\"comment/823\",[]],[\"name/824\",[19,29.28]],[\"comment/824\",[]],[\"name/825\",[1,28.932]],[\"comment/825\",[]],[\"name/826\",[7,29.105]],[\"comment/826\",[]],[\"name/827\",[20,29.28]],[\"comment/827\",[]],[\"name/828\",[21,29.28]],[\"comment/828\",[]],[\"name/829\",[22,29.64]],[\"comment/829\",[]],[\"name/830\",[23,29.28]],[\"comment/830\",[]],[\"name/831\",[2,29.459]],[\"comment/831\",[]],[\"name/832\",[3,29.105]],[\"comment/832\",[]],[\"name/833\",[24,29.28]],[\"comment/833\",[]],[\"name/834\",[26,29.459]],[\"comment/834\",[]],[\"name/835\",[245,60.46]],[\"comment/835\",[]],[\"name/836\",[131,57.095]],[\"comment/836\",[]],[\"name/837\",[261,54.582]],[\"comment/837\",[]],[\"name/838\",[251,49.473]],[\"comment/838\",[]],[\"name/839\",[19,29.28]],[\"comment/839\",[]],[\"name/840\",[1,28.932]],[\"comment/840\",[]],[\"name/841\",[7,29.105]],[\"comment/841\",[]],[\"name/842\",[20,29.28]],[\"comment/842\",[]],[\"name/843\",[21,29.28]],[\"comment/843\",[]],[\"name/844\",[22,29.64]],[\"comment/844\",[]],[\"name/845\",[23,29.28]],[\"comment/845\",[]],[\"name/846\",[2,29.459]],[\"comment/846\",[]],[\"name/847\",[3,29.105]],[\"comment/847\",[]],[\"name/848\",[24,29.28]],[\"comment/848\",[]],[\"name/849\",[26,29.459]],[\"comment/849\",[]],[\"name/850\",[246,60.46]],[\"comment/850\",[]],[\"name/851\",[261,54.582]],[\"comment/851\",[]],[\"name/852\",[251,49.473]],[\"comment/852\",[]],[\"name/853\",[19,29.28]],[\"comment/853\",[]],[\"name/854\",[1,28.932]],[\"comment/854\",[]],[\"name/855\",[7,29.105]],[\"comment/855\",[]],[\"name/856\",[20,29.28]],[\"comment/856\",[]],[\"name/857\",[21,29.28]],[\"comment/857\",[]],[\"name/858\",[22,29.64]],[\"comment/858\",[]],[\"name/859\",[23,29.28]],[\"comment/859\",[]],[\"name/860\",[2,29.459]],[\"comment/860\",[]],[\"name/861\",[3,29.105]],[\"comment/861\",[]],[\"name/862\",[24,29.28]],[\"comment/862\",[]],[\"name/863\",[26,29.459]],[\"comment/863\",[]],[\"name/864\",[247,60.46]],[\"comment/864\",[]],[\"name/865\",[289,60.46]],[\"comment/865\",[]],[\"name/866\",[259,57.095]],[\"comment/866\",[]],[\"name/867\",[290,65.568]],[\"comment/867\",[]],[\"name/868\",[291,65.568]],[\"comment/868\",[]],[\"name/869\",[292,65.568]],[\"comment/869\",[]],[\"name/870\",[19,29.28]],[\"comment/870\",[]],[\"name/871\",[1,28.932]],[\"comment/871\",[]],[\"name/872\",[7,29.105]],[\"comment/872\",[]],[\"name/873\",[20,29.28]],[\"comment/873\",[]],[\"name/874\",[21,29.28]],[\"comment/874\",[]],[\"name/875\",[22,29.64]],[\"comment/875\",[]],[\"name/876\",[23,29.28]],[\"comment/876\",[]],[\"name/877\",[2,29.459]],[\"comment/877\",[]],[\"name/878\",[3,29.105]],[\"comment/878\",[]],[\"name/879\",[24,29.28]],[\"comment/879\",[]],[\"name/880\",[26,29.459]],[\"comment/880\",[]],[\"name/881\",[248,60.46]],[\"comment/881\",[]],[\"name/882\",[289,60.46]],[\"comment/882\",[]],[\"name/883\",[262,57.095]],[\"comment/883\",[]],[\"name/884\",[251,49.473]],[\"comment/884\",[]],[\"name/885\",[19,29.28]],[\"comment/885\",[]],[\"name/886\",[1,28.932]],[\"comment/886\",[]],[\"name/887\",[7,29.105]],[\"comment/887\",[]],[\"name/888\",[20,29.28]],[\"comment/888\",[]],[\"name/889\",[21,29.28]],[\"comment/889\",[]],[\"name/890\",[22,29.64]],[\"comment/890\",[]],[\"name/891\",[23,29.28]],[\"comment/891\",[]],[\"name/892\",[2,29.459]],[\"comment/892\",[]],[\"name/893\",[3,29.105]],[\"comment/893\",[]],[\"name/894\",[24,29.28]],[\"comment/894\",[]],[\"name/895\",[26,29.459]],[\"comment/895\",[]],[\"name/896\",[293,65.568]],[\"comment/896\",[]],[\"name/897\",[19,29.28]],[\"comment/897\",[]],[\"name/898\",[1,28.932]],[\"comment/898\",[]],[\"name/899\",[7,29.105]],[\"comment/899\",[]],[\"name/900\",[20,29.28]],[\"comment/900\",[]],[\"name/901\",[21,29.28]],[\"comment/901\",[]],[\"name/902\",[22,29.64]],[\"comment/902\",[]],[\"name/903\",[23,29.28]],[\"comment/903\",[]],[\"name/904\",[2,29.459]],[\"comment/904\",[]],[\"name/905\",[3,29.105]],[\"comment/905\",[]],[\"name/906\",[24,29.28]],[\"comment/906\",[]],[\"name/907\",[26,29.459]],[\"comment/907\",[]],[\"name/908\",[13,60.46]],[\"comment/908\",[]],[\"name/909\",[294,60.46]],[\"comment/909\",[]],[\"name/910\",[295,60.46]],[\"comment/910\",[]],[\"name/911\",[296,60.46]],[\"comment/911\",[]],[\"name/912\",[297,60.46]],[\"comment/912\",[]],[\"name/913\",[298,60.46]],[\"comment/913\",[]],[\"name/914\",[19,29.28]],[\"comment/914\",[]],[\"name/915\",[1,28.932]],[\"comment/915\",[]],[\"name/916\",[7,29.105]],[\"comment/916\",[]],[\"name/917\",[20,29.28]],[\"comment/917\",[]],[\"name/918\",[21,29.28]],[\"comment/918\",[]],[\"name/919\",[22,29.64]],[\"comment/919\",[]],[\"name/920\",[23,29.28]],[\"comment/920\",[]],[\"name/921\",[2,29.459]],[\"comment/921\",[]],[\"name/922\",[3,29.105]],[\"comment/922\",[]],[\"name/923\",[24,29.28]],[\"comment/923\",[]],[\"name/924\",[26,29.459]],[\"comment/924\",[]],[\"name/925\",[294,60.46]],[\"comment/925\",[]],[\"name/926\",[299,60.46]],[\"comment/926\",[]],[\"name/927\",[262,57.095]],[\"comment/927\",[]],[\"name/928\",[300,65.568]],[\"comment/928\",[]],[\"name/929\",[251,49.473]],[\"comment/929\",[]],[\"name/930\",[19,29.28]],[\"comment/930\",[]],[\"name/931\",[1,28.932]],[\"comment/931\",[]],[\"name/932\",[7,29.105]],[\"comment/932\",[]],[\"name/933\",[20,29.28]],[\"comment/933\",[]],[\"name/934\",[21,29.28]],[\"comment/934\",[]],[\"name/935\",[22,29.64]],[\"comment/935\",[]],[\"name/936\",[23,29.28]],[\"comment/936\",[]],[\"name/937\",[2,29.459]],[\"comment/937\",[]],[\"name/938\",[3,29.105]],[\"comment/938\",[]],[\"name/939\",[24,29.28]],[\"comment/939\",[]],[\"name/940\",[26,29.459]],[\"comment/940\",[]],[\"name/941\",[295,60.46]],[\"comment/941\",[]],[\"name/942\",[299,60.46]],[\"comment/942\",[]],[\"name/943\",[301,65.568]],[\"comment/943\",[]],[\"name/944\",[302,57.095]],[\"comment/944\",[]],[\"name/945\",[303,65.568]],[\"comment/945\",[]],[\"name/946\",[304,65.568]],[\"comment/946\",[]],[\"name/947\",[19,29.28]],[\"comment/947\",[]],[\"name/948\",[1,28.932]],[\"comment/948\",[]],[\"name/949\",[7,29.105]],[\"comment/949\",[]],[\"name/950\",[20,29.28]],[\"comment/950\",[]],[\"name/951\",[21,29.28]],[\"comment/951\",[]],[\"name/952\",[22,29.64]],[\"comment/952\",[]],[\"name/953\",[23,29.28]],[\"comment/953\",[]],[\"name/954\",[2,29.459]],[\"comment/954\",[]],[\"name/955\",[3,29.105]],[\"comment/955\",[]],[\"name/956\",[24,29.28]],[\"comment/956\",[]],[\"name/957\",[26,29.459]],[\"comment/957\",[]],[\"name/958\",[296,60.46]],[\"comment/958\",[]],[\"name/959\",[305,65.568]],[\"comment/959\",[]],[\"name/960\",[302,57.095]],[\"comment/960\",[]],[\"name/961\",[306,60.46]],[\"comment/961\",[]],[\"name/962\",[307,60.46]],[\"comment/962\",[]],[\"name/963\",[19,29.28]],[\"comment/963\",[]],[\"name/964\",[1,28.932]],[\"comment/964\",[]],[\"name/965\",[7,29.105]],[\"comment/965\",[]],[\"name/966\",[20,29.28]],[\"comment/966\",[]],[\"name/967\",[21,29.28]],[\"comment/967\",[]],[\"name/968\",[22,29.64]],[\"comment/968\",[]],[\"name/969\",[23,29.28]],[\"comment/969\",[]],[\"name/970\",[2,29.459]],[\"comment/970\",[]],[\"name/971\",[3,29.105]],[\"comment/971\",[]],[\"name/972\",[24,29.28]],[\"comment/972\",[]],[\"name/973\",[26,29.459]],[\"comment/973\",[]],[\"name/974\",[297,60.46]],[\"comment/974\",[]],[\"name/975\",[308,65.568]],[\"comment/975\",[]],[\"name/976\",[302,57.095]],[\"comment/976\",[]],[\"name/977\",[306,60.46]],[\"comment/977\",[]],[\"name/978\",[307,60.46]],[\"comment/978\",[]],[\"name/979\",[19,29.28]],[\"comment/979\",[]],[\"name/980\",[1,28.932]],[\"comment/980\",[]],[\"name/981\",[7,29.105]],[\"comment/981\",[]],[\"name/982\",[20,29.28]],[\"comment/982\",[]],[\"name/983\",[21,29.28]],[\"comment/983\",[]],[\"name/984\",[22,29.64]],[\"comment/984\",[]],[\"name/985\",[23,29.28]],[\"comment/985\",[]],[\"name/986\",[2,29.459]],[\"comment/986\",[]],[\"name/987\",[3,29.105]],[\"comment/987\",[]],[\"name/988\",[24,29.28]],[\"comment/988\",[]],[\"name/989\",[26,29.459]],[\"comment/989\",[]],[\"name/990\",[298,60.46]],[\"comment/990\",[]],[\"name/991\",[309,65.568]],[\"comment/991\",[]],[\"name/992\",[310,65.568]],[\"comment/992\",[]],[\"name/993\",[311,65.568]],[\"comment/993\",[]],[\"name/994\",[19,29.28]],[\"comment/994\",[]],[\"name/995\",[1,28.932]],[\"comment/995\",[]],[\"name/996\",[7,29.105]],[\"comment/996\",[]],[\"name/997\",[20,29.28]],[\"comment/997\",[]],[\"name/998\",[21,29.28]],[\"comment/998\",[]],[\"name/999\",[22,29.64]],[\"comment/999\",[]],[\"name/1000\",[23,29.28]],[\"comment/1000\",[]],[\"name/1001\",[2,29.459]],[\"comment/1001\",[]],[\"name/1002\",[3,29.105]],[\"comment/1002\",[]],[\"name/1003\",[24,29.28]],[\"comment/1003\",[]],[\"name/1004\",[26,29.459]],[\"comment/1004\",[]],[\"name/1005\",[15,60.46]],[\"comment/1005\",[]],[\"name/1006\",[312,60.46]],[\"comment/1006\",[]],[\"name/1007\",[313,65.568]],[\"comment/1007\",[]],[\"name/1008\",[314,65.568]],[\"comment/1008\",[]],[\"name/1009\",[315,65.568]],[\"comment/1009\",[]],[\"name/1010\",[316,65.568]],[\"comment/1010\",[]],[\"name/1011\",[317,65.568]],[\"comment/1011\",[]],[\"name/1012\",[318,65.568]],[\"comment/1012\",[]],[\"name/1013\",[319,65.568]],[\"comment/1013\",[]],[\"name/1014\",[320,65.568]],[\"comment/1014\",[]],[\"name/1015\",[321,65.568]],[\"comment/1015\",[]],[\"name/1016\",[19,29.28]],[\"comment/1016\",[]],[\"name/1017\",[1,28.932]],[\"comment/1017\",[]],[\"name/1018\",[7,29.105]],[\"comment/1018\",[]],[\"name/1019\",[20,29.28]],[\"comment/1019\",[]],[\"name/1020\",[21,29.28]],[\"comment/1020\",[]],[\"name/1021\",[22,29.64]],[\"comment/1021\",[]],[\"name/1022\",[23,29.28]],[\"comment/1022\",[]],[\"name/1023\",[2,29.459]],[\"comment/1023\",[]],[\"name/1024\",[3,29.105]],[\"comment/1024\",[]],[\"name/1025\",[24,29.28]],[\"comment/1025\",[]],[\"name/1026\",[26,29.459]],[\"comment/1026\",[]],[\"name/1027\",[312,60.46]],[\"comment/1027\",[]],[\"name/1028\",[322,65.568]],[\"comment/1028\",[]],[\"name/1029\",[323,65.568]],[\"comment/1029\",[]],[\"name/1030\",[14,60.46]],[\"comment/1030\",[]],[\"name/1031\",[117,57.095]],[\"comment/1031\",[]],[\"name/1032\",[324,65.568]],[\"comment/1032\",[]],[\"name/1033\",[325,65.568]],[\"comment/1033\",[]],[\"name/1034\",[326,65.568]],[\"comment/1034\",[]],[\"name/1035\",[327,65.568]],[\"comment/1035\",[]],[\"name/1036\",[19,29.28]],[\"comment/1036\",[]],[\"name/1037\",[1,28.932]],[\"comment/1037\",[]],[\"name/1038\",[7,29.105]],[\"comment/1038\",[]],[\"name/1039\",[20,29.28]],[\"comment/1039\",[]],[\"name/1040\",[21,29.28]],[\"comment/1040\",[]],[\"name/1041\",[22,29.64]],[\"comment/1041\",[]],[\"name/1042\",[23,29.28]],[\"comment/1042\",[]],[\"name/1043\",[2,29.459]],[\"comment/1043\",[]],[\"name/1044\",[3,29.105]],[\"comment/1044\",[]],[\"name/1045\",[24,29.28]],[\"comment/1045\",[]],[\"name/1046\",[26,29.459]],[\"comment/1046\",[]],[\"name/1047\",[328,65.568]],[\"comment/1047\",[]],[\"name/1048\",[329,65.568]],[\"comment/1048\",[]],[\"name/1049\",[330,65.568]],[\"comment/1049\",[]],[\"name/1050\",[331,65.568]],[\"comment/1050\",[]],[\"name/1051\",[332,65.568]],[\"comment/1051\",[]],[\"name/1052\",[333,65.568]],[\"comment/1052\",[]],[\"name/1053\",[334,65.568]],[\"comment/1053\",[]],[\"name/1054\",[335,65.568]],[\"comment/1054\",[]]],\"invertedIndex\":[[\"__type\",{\"_index\":314,\"name\":{\"1008\":{}},\"comment\":{}}],[\"accent\",{\"_index\":155,\"name\":{\"262\":{}},\"comment\":{}}],[\"addcolor\",{\"_index\":119,\"name\":{\"176\":{}},\"comment\":{}}],[\"adddependency\",{\"_index\":20,\"name\":{\"22\":{},\"33\":{},\"47\":{},\"58\":{},\"134\":{},\"166\":{},\"192\":{},\"209\":{},\"222\":{},\"243\":{},\"266\":{},\"290\":{},\"307\":{},\"326\":{},\"355\":{},\"369\":{},\"387\":{},\"401\":{},\"416\":{},\"431\":{},\"450\":{},\"465\":{},\"479\":{},\"493\":{},\"516\":{},\"531\":{},\"553\":{},\"567\":{},\"584\":{},\"596\":{},\"625\":{},\"640\":{},\"659\":{},\"674\":{},\"692\":{},\"712\":{},\"730\":{},\"747\":{},\"764\":{},\"782\":{},\"796\":{},\"811\":{},\"827\":{},\"842\":{},\"856\":{},\"873\":{},\"888\":{},\"900\":{},\"917\":{},\"933\":{},\"950\":{},\"966\":{},\"982\":{},\"997\":{},\"1019\":{},\"1039\":{}},\"comment\":{}}],[\"adddesignsystem\",{\"_index\":6,\"name\":{\"6\":{}},\"comment\":{}}],[\"addfocusblur\",{\"_index\":210,\"name\":{\"460\":{}},\"comment\":{}}],[\"addpropsvar\",{\"_index\":323,\"name\":{\"1029\":{}},\"comment\":{}}],[\"addpropvar\",{\"_index\":322,\"name\":{\"1028\":{}},\"comment\":{}}],[\"all\",{\"_index\":207,\"name\":{\"444\":{}},\"comment\":{}}],[\"animationsettings\",{\"_index\":116,\"name\":{\"161\":{},\"548\":{}},\"comment\":{}}],[\"atom\",{\"_index\":96,\"name\":{\"129\":{}},\"comment\":{}}],[\"atoms\",{\"_index\":11,\"name\":{\"11\":{},\"142\":{}},\"comment\":{}}],[\"availablecolorblindthemes\",{\"_index\":224,\"name\":{\"562\":{}},\"comment\":{}}],[\"availablecolors\",{\"_index\":299,\"name\":{\"926\":{},\"942\":{}},\"comment\":{}}],[\"avatars\",{\"_index\":232,\"name\":{\"605\":{},\"633\":{}},\"comment\":{}}],[\"b\",{\"_index\":55,\"name\":{\"87\":{}},\"comment\":{}}],[\"barheight\",{\"_index\":291,\"name\":{\"868\":{}},\"comment\":{}}],[\"barshadow\",{\"_index\":292,\"name\":{\"869\":{}},\"comment\":{}}],[\"baseblurradius\",{\"_index\":214,\"name\":{\"503\":{}},\"comment\":{}}],[\"baseborderradius\",{\"_index\":202,\"name\":{\"426\":{}},\"comment\":{}}],[\"baseborderwidth\",{\"_index\":201,\"name\":{\"425\":{}},\"comment\":{}}],[\"basecoloropacity\",{\"_index\":216,\"name\":{\"505\":{}},\"comment\":{}}],[\"basefontsize\",{\"_index\":161,\"name\":{\"280\":{}},\"comment\":{}}],[\"basespreadradius\",{\"_index\":215,\"name\":{\"504\":{}},\"comment\":{}}],[\"bevelsettings\",{\"_index\":114,\"name\":{\"159\":{},\"524\":{}},\"comment\":{}}],[\"bevelsettingsprops\",{\"_index\":221,\"name\":{\"539\":{}},\"comment\":{}}],[\"black\",{\"_index\":34,\"name\":{\"66\":{}},\"comment\":{}}],[\"blurradius\",{\"_index\":194,\"name\":{\"379\":{},\"508\":{},\"543\":{}},\"comment\":{}}],[\"body\",{\"_index\":304,\"name\":{\"946\":{}},\"comment\":{}}],[\"body1\",{\"_index\":171,\"name\":{\"316\":{}},\"comment\":{}}],[\"body1bold\",{\"_index\":172,\"name\":{\"317\":{}},\"comment\":{}}],[\"body2\",{\"_index\":173,\"name\":{\"318\":{}},\"comment\":{}}],[\"body2bold\",{\"_index\":174,\"name\":{\"319\":{}},\"comment\":{}}],[\"body3\",{\"_index\":175,\"name\":{\"320\":{}},\"comment\":{}}],[\"body3bold\",{\"_index\":176,\"name\":{\"321\":{}},\"comment\":{}}],[\"bodystyles\",{\"_index\":102,\"name\":{\"147\":{},\"315\":{}},\"comment\":{}}],[\"borderradius\",{\"_index\":261,\"name\":{\"685\":{},\"807\":{},\"837\":{},\"851\":{}},\"comment\":{}}],[\"bordersettings\",{\"_index\":109,\"name\":{\"154\":{},\"424\":{}},\"comment\":{}}],[\"builder\",{\"_index\":67,\"name\":{\"100\":{}},\"comment\":{}}],[\"button\",{\"_index\":152,\"name\":{\"259\":{}},\"comment\":{}}],[\"buttonshadow\",{\"_index\":257,\"name\":{\"654\":{}},\"comment\":{}}],[\"buttontext\",{\"_index\":256,\"name\":{\"653\":{},\"670\":{}},\"comment\":{}}],[\"calltoaction\",{\"_index\":189,\"name\":{\"347\":{}},\"comment\":{}}],[\"calltoactionsmall\",{\"_index\":190,\"name\":{\"348\":{}},\"comment\":{}}],[\"cancel\",{\"_index\":28,\"name\":{\"42\":{}},\"comment\":{}}],[\"caption\",{\"_index\":179,\"name\":{\"337\":{}},\"comment\":{}}],[\"captionbold\",{\"_index\":180,\"name\":{\"338\":{}},\"comment\":{}}],[\"cards\",{\"_index\":260,\"name\":{\"682\":{}},\"comment\":{}}],[\"centerdisplay\",{\"_index\":271,\"name\":{\"708\":{}},\"comment\":{}}],[\"chartbar\",{\"_index\":238,\"name\":{\"611\":{}},\"comment\":{}}],[\"chartcolors\",{\"_index\":108,\"name\":{\"153\":{}},\"comment\":{}}],[\"chartdonut\",{\"_index\":236,\"name\":{\"609\":{},\"700\":{}},\"comment\":{}}],[\"chartline\",{\"_index\":239,\"name\":{\"612\":{},\"738\":{}},\"comment\":{}}],[\"chartlinesdisplay\",{\"_index\":277,\"name\":{\"742\":{}},\"comment\":{}}],[\"chartpie\",{\"_index\":237,\"name\":{\"610\":{},\"720\":{}},\"comment\":{}}],[\"chartprogress\",{\"_index\":240,\"name\":{\"613\":{},\"755\":{}},\"comment\":{}}],[\"chips\",{\"_index\":241,\"name\":{\"614\":{},\"772\":{}},\"comment\":{}}],[\"clone\",{\"_index\":94,\"name\":{\"127\":{}},\"comment\":{}}],[\"code\",{\"_index\":15,\"name\":{\"15\":{},\"1005\":{}},\"comment\":{}}],[\"color\",{\"_index\":131,\"name\":{\"200\":{},\"378\":{},\"836\":{}},\"comment\":{}}],[\"colorblind\",{\"_index\":117,\"name\":{\"162\":{},\"561\":{},\"1031\":{}},\"comment\":{}}],[\"colormode\",{\"_index\":134,\"name\":{\"217\":{}},\"comment\":{}}],[\"coloropacity\",{\"_index\":196,\"name\":{\"381\":{},\"510\":{}},\"comment\":{}}],[\"colorpalette\",{\"_index\":98,\"name\":{\"143\":{},\"174\":{}},\"comment\":{}}],[\"colortheme\",{\"_index\":144,\"name\":{\"251\":{}},\"comment\":{}}],[\"colorthemes\",{\"_index\":99,\"name\":{\"144\":{},\"230\":{}},\"comment\":{}}],[\"containerdisplay\",{\"_index\":268,\"name\":{\"705\":{},\"724\":{}},\"comment\":{}}],[\"containerpadding\",{\"_index\":269,\"name\":{\"706\":{},\"725\":{},\"758\":{}},\"comment\":{}}],[\"containershadow\",{\"_index\":270,\"name\":{\"707\":{},\"726\":{},\"759\":{}},\"comment\":{}}],[\"contentgap\",{\"_index\":263,\"name\":{\"687\":{}},\"comment\":{}}],[\"copy\",{\"_index\":18,\"name\":{\"18\":{}},\"comment\":{}}],[\"copyrightverticalpadding\",{\"_index\":311,\"name\":{\"993\":{}},\"comment\":{}}],[\"coreshadename\",{\"_index\":60,\"name\":{\"93\":{}},\"comment\":{}}],[\"coreshades\",{\"_index\":47,\"name\":{\"79\":{}},\"comment\":{}}],[\"create\",{\"_index\":5,\"name\":{\"5\":{}},\"comment\":{}}],[\"createtheme\",{\"_index\":137,\"name\":{\"232\":{}},\"comment\":{}}],[\"cssgenerator\",{\"_index\":312,\"name\":{\"1006\":{},\"1027\":{}},\"comment\":{}}],[\"cutoutthickness\",{\"_index\":264,\"name\":{\"701\":{},\"756\":{}},\"comment\":{}}],[\"danger\",{\"_index\":206,\"name\":{\"443\":{}},\"comment\":{}}],[\"dark\",{\"_index\":133,\"name\":{\"204\":{}},\"comment\":{}}],[\"dark_blue\",{\"_index\":45,\"name\":{\"77\":{}},\"comment\":{}}],[\"dark_text\",{\"_index\":42,\"name\":{\"74\":{}},\"comment\":{}}],[\"darkmodebackground\",{\"_index\":149,\"name\":{\"256\":{}},\"comment\":{}}],[\"darkshadowopacity\",{\"_index\":223,\"name\":{\"546\":{}},\"comment\":{}}],[\"datatables\",{\"_index\":294,\"name\":{\"909\":{},\"925\":{}},\"comment\":{}}],[\"defaultcolorname\",{\"_index\":118,\"name\":{\"175\":{}},\"comment\":{}}],[\"defaulttheme\",{\"_index\":136,\"name\":{\"231\":{}},\"comment\":{}}],[\"delete\",{\"_index\":332,\"name\":{\"1051\":{}},\"comment\":{}}],[\"deletedesignsystem\",{\"_index\":8,\"name\":{\"8\":{}},\"comment\":{}}],[\"designsystem\",{\"_index\":10,\"name\":{\"10\":{}},\"comment\":{}}],[\"devicetarget\",{\"_index\":327,\"name\":{\"1035\":{}},\"comment\":{}}],[\"displayandheaderstyles\",{\"_index\":101,\"name\":{\"146\":{},\"298\":{}},\"comment\":{}}],[\"displaystyles\",{\"_index\":169,\"name\":{\"301\":{}},\"comment\":{}}],[\"dropdowns\",{\"_index\":243,\"name\":{\"616\":{},\"804\":{}},\"comment\":{}}],[\"dyslexia\",{\"_index\":324,\"name\":{\"1032\":{}},\"comment\":{}}],[\"elevationsettings\",{\"_index\":113,\"name\":{\"158\":{},\"501\":{}},\"comment\":{}}],[\"extralargeborder\",{\"_index\":250,\"name\":{\"635\":{}},\"comment\":{}}],[\"fixed\",{\"_index\":305,\"name\":{\"959\":{}},\"comment\":{}}],[\"focuscolor\",{\"_index\":209,\"name\":{\"459\":{}},\"comment\":{}}],[\"focusstates\",{\"_index\":110,\"name\":{\"155\":{},\"458\":{}},\"comment\":{}}],[\"fontfamily\",{\"_index\":226,\"name\":{\"576\":{}},\"comment\":{}}],[\"fontsize\",{\"_index\":227,\"name\":{\"577\":{}},\"comment\":{}}],[\"fontssettings\",{\"_index\":100,\"name\":{\"145\":{},\"277\":{}},\"comment\":{}}],[\"fontweight\",{\"_index\":228,\"name\":{\"578\":{}},\"comment\":{}}],[\"fontweights\",{\"_index\":162,\"name\":{\"281\":{}},\"comment\":{}}],[\"footerandcopyright\",{\"_index\":298,\"name\":{\"913\":{},\"990\":{}},\"comment\":{}}],[\"footerbackground\",{\"_index\":309,\"name\":{\"991\":{}},\"comment\":{}}],[\"footerverticalpadding\",{\"_index\":310,\"name\":{\"992\":{}},\"comment\":{}}],[\"from\",{\"_index\":157,\"name\":{\"275\":{}},\"comment\":{}}],[\"fromhex\",{\"_index\":48,\"name\":{\"80\":{}},\"comment\":{}}],[\"fromrgb\",{\"_index\":49,\"name\":{\"81\":{}},\"comment\":{}}],[\"fromrgbarray\",{\"_index\":50,\"name\":{\"82\":{}},\"comment\":{}}],[\"full_black\",{\"_index\":33,\"name\":{\"65\":{}},\"comment\":{}}],[\"g\",{\"_index\":54,\"name\":{\"86\":{}},\"comment\":{}}],[\"generalimageborderradius\",{\"_index\":287,\"name\":{\"822\":{}},\"comment\":{}}],[\"get\",{\"_index\":330,\"name\":{\"1049\":{}},\"comment\":{}}],[\"getcolor\",{\"_index\":123,\"name\":{\"180\":{}},\"comment\":{}}],[\"getcolorindex\",{\"_index\":130,\"name\":{\"187\":{}},\"comment\":{}}],[\"getcolornames\",{\"_index\":122,\"name\":{\"179\":{}},\"comment\":{}}],[\"getcolors\",{\"_index\":126,\"name\":{\"183\":{}},\"comment\":{}}],[\"getcolorshades\",{\"_index\":127,\"name\":{\"184\":{}},\"comment\":{}}],[\"getcontrast\",{\"_index\":89,\"name\":{\"122\":{}},\"comment\":{}}],[\"getcontrastratio\",{\"_index\":88,\"name\":{\"121\":{}},\"comment\":{}}],[\"getcontrastshade\",{\"_index\":91,\"name\":{\"124\":{}},\"comment\":{}}],[\"getcontrasttowhiteorblack\",{\"_index\":90,\"name\":{\"123\":{}},\"comment\":{}}],[\"getcoreshade\",{\"_index\":46,\"name\":{\"78\":{}},\"comment\":{}}],[\"getcorrespondingdarkmodeshade\",{\"_index\":85,\"name\":{\"118\":{}},\"comment\":{}}],[\"getcssvargroup\",{\"_index\":316,\"name\":{\"1010\":{}},\"comment\":{}}],[\"getcssvargroupkeys\",{\"_index\":317,\"name\":{\"1011\":{}},\"comment\":{}}],[\"getcssvars\",{\"_index\":313,\"name\":{\"1007\":{}},\"comment\":{}}],[\"getdarkcolorshades\",{\"_index\":129,\"name\":{\"186\":{}},\"comment\":{}}],[\"getdefaultcolor\",{\"_index\":124,\"name\":{\"181\":{}},\"comment\":{}}],[\"getdefaultcolorname\",{\"_index\":125,\"name\":{\"182\":{}},\"comment\":{}}],[\"getdefaulttheme\",{\"_index\":141,\"name\":{\"236\":{}},\"comment\":{}}],[\"getdefaultthemename\",{\"_index\":142,\"name\":{\"237\":{}},\"comment\":{}}],[\"getdesignsystem\",{\"_index\":7,\"name\":{\"7\":{},\"21\":{},\"32\":{},\"46\":{},\"57\":{},\"133\":{},\"165\":{},\"191\":{},\"208\":{},\"221\":{},\"242\":{},\"265\":{},\"289\":{},\"306\":{},\"325\":{},\"354\":{},\"368\":{},\"386\":{},\"400\":{},\"415\":{},\"430\":{},\"449\":{},\"464\":{},\"478\":{},\"492\":{},\"515\":{},\"530\":{},\"552\":{},\"566\":{},\"583\":{},\"595\":{},\"624\":{},\"639\":{},\"658\":{},\"673\":{},\"691\":{},\"711\":{},\"729\":{},\"746\":{},\"763\":{},\"781\":{},\"795\":{},\"810\":{},\"826\":{},\"841\":{},\"855\":{},\"872\":{},\"887\":{},\"899\":{},\"916\":{},\"932\":{},\"949\":{},\"965\":{},\"981\":{},\"996\":{},\"1018\":{},\"1038\":{}},\"comment\":{}}],[\"getdmshade\",{\"_index\":84,\"name\":{\"117\":{}},\"comment\":{}}],[\"gethalfshade\",{\"_index\":74,\"name\":{\"107\":{}},\"comment\":{}}],[\"gethexorrgba\",{\"_index\":93,\"name\":{\"126\":{}},\"comment\":{}}],[\"getjson\",{\"_index\":321,\"name\":{\"1015\":{}},\"comment\":{}}],[\"getjsonbase\",{\"_index\":318,\"name\":{\"1012\":{}},\"comment\":{}}],[\"getjsondm\",{\"_index\":320,\"name\":{\"1014\":{}},\"comment\":{}}],[\"getjsonlm\",{\"_index\":319,\"name\":{\"1013\":{}},\"comment\":{}}],[\"getlightcolorshades\",{\"_index\":128,\"name\":{\"185\":{}},\"comment\":{}}],[\"getlightershades\",{\"_index\":87,\"name\":{\"120\":{}},\"comment\":{}}],[\"getlightmodeshade\",{\"_index\":77,\"name\":{\"110\":{}},\"comment\":{}}],[\"getlightness\",{\"_index\":80,\"name\":{\"113\":{}},\"comment\":{}}],[\"getlmshade\",{\"_index\":83,\"name\":{\"116\":{}},\"comment\":{}}],[\"getluminance\",{\"_index\":78,\"name\":{\"111\":{}},\"comment\":{}}],[\"getmode\",{\"_index\":70,\"name\":{\"103\":{}},\"comment\":{}}],[\"getpartialshade\",{\"_index\":76,\"name\":{\"109\":{}},\"comment\":{}}],[\"getperceivedlightness\",{\"_index\":81,\"name\":{\"114\":{}},\"comment\":{}}],[\"getquartershade\",{\"_index\":75,\"name\":{\"108\":{}},\"comment\":{}}],[\"getsaturation\",{\"_index\":82,\"name\":{\"115\":{}},\"comment\":{}}],[\"getshadeoronshadebasedoncontrast\",{\"_index\":79,\"name\":{\"112\":{}},\"comment\":{}}],[\"getshadesorderedbynearness\",{\"_index\":95,\"name\":{\"128\":{}},\"comment\":{}}],[\"gettheme\",{\"_index\":139,\"name\":{\"234\":{}},\"comment\":{}}],[\"getthemenames\",{\"_index\":138,\"name\":{\"233\":{}},\"comment\":{}}],[\"getthemes\",{\"_index\":140,\"name\":{\"235\":{}},\"comment\":{}}],[\"getuninitializedrequiredproperties\",{\"_index\":23,\"name\":{\"25\":{},\"36\":{},\"49\":{},\"60\":{},\"137\":{},\"169\":{},\"195\":{},\"212\":{},\"225\":{},\"246\":{},\"269\":{},\"293\":{},\"310\":{},\"329\":{},\"358\":{},\"372\":{},\"390\":{},\"404\":{},\"419\":{},\"434\":{},\"453\":{},\"468\":{},\"482\":{},\"496\":{},\"519\":{},\"534\":{},\"556\":{},\"570\":{},\"587\":{},\"599\":{},\"628\":{},\"643\":{},\"662\":{},\"677\":{},\"695\":{},\"715\":{},\"733\":{},\"750\":{},\"767\":{},\"785\":{},\"799\":{},\"814\":{},\"830\":{},\"845\":{},\"859\":{},\"876\":{},\"891\":{},\"903\":{},\"920\":{},\"936\":{},\"953\":{},\"969\":{},\"985\":{},\"1000\":{},\"1022\":{},\"1042\":{}},\"comment\":{}}],[\"glowsettings\",{\"_index\":115,\"name\":{\"160\":{},\"377\":{}},\"comment\":{}}],[\"gradient1\",{\"_index\":150,\"name\":{\"257\":{}},\"comment\":{}}],[\"gradient2\",{\"_index\":151,\"name\":{\"258\":{}},\"comment\":{}}],[\"gradientcolors\",{\"_index\":156,\"name\":{\"274\":{}},\"comment\":{}}],[\"gradientheadertext\",{\"_index\":154,\"name\":{\"261\":{}},\"comment\":{}}],[\"gray\",{\"_index\":41,\"name\":{\"73\":{}},\"comment\":{}}],[\"grid\",{\"_index\":198,\"name\":{\"396\":{}},\"comment\":{}}],[\"gridsettings\",{\"_index\":105,\"name\":{\"150\":{},\"395\":{}},\"comment\":{}}],[\"half_black\",{\"_index\":36,\"name\":{\"68\":{}},\"comment\":{}}],[\"half_white\",{\"_index\":39,\"name\":{\"71\":{}},\"comment\":{}}],[\"half_white_dm\",{\"_index\":44,\"name\":{\"76\":{}},\"comment\":{}}],[\"handleborderradius\",{\"_index\":289,\"name\":{\"865\":{},\"882\":{}},\"comment\":{}}],[\"handleshadow\",{\"_index\":290,\"name\":{\"867\":{}},\"comment\":{}}],[\"hasmode\",{\"_index\":69,\"name\":{\"102\":{}},\"comment\":{}}],[\"headerlineheight\",{\"_index\":164,\"name\":{\"283\":{}},\"comment\":{}}],[\"headerstyles\",{\"_index\":170,\"name\":{\"302\":{}},\"comment\":{}}],[\"headertext\",{\"_index\":300,\"name\":{\"928\":{}},\"comment\":{}}],[\"headingdisplayfontweight\",{\"_index\":167,\"name\":{\"299\":{}},\"comment\":{}}],[\"height\",{\"_index\":253,\"name\":{\"650\":{}},\"comment\":{}}],[\"hero\",{\"_index\":295,\"name\":{\"910\":{},\"941\":{}},\"comment\":{}}],[\"hex\",{\"_index\":51,\"name\":{\"83\":{},\"202\":{}},\"comment\":{}}],[\"horizontalpadding\",{\"_index\":255,\"name\":{\"652\":{},\"669\":{},\"776\":{}},\"comment\":{}}],[\"horizontalshadowlength\",{\"_index\":217,\"name\":{\"506\":{},\"541\":{}},\"comment\":{}}],[\"horizontaltabpadding\",{\"_index\":306,\"name\":{\"961\":{},\"977\":{}},\"comment\":{}}],[\"hotlinks\",{\"_index\":111,\"name\":{\"156\":{},\"473\":{}},\"comment\":{}}],[\"icon\",{\"_index\":153,\"name\":{\"260\":{}},\"comment\":{}}],[\"id\",{\"_index\":56,\"name\":{\"88\":{}},\"comment\":{}}],[\"images\",{\"_index\":244,\"name\":{\"617\":{},\"819\":{}},\"comment\":{}}],[\"imageshadow\",{\"_index\":288,\"name\":{\"823\":{}},\"comment\":{}}],[\"index\",{\"_index\":57,\"name\":{\"89\":{},\"201\":{}},\"comment\":{}}],[\"info\",{\"_index\":203,\"name\":{\"440\":{}},\"comment\":{}}],[\"inode\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"inputbackground\",{\"_index\":112,\"name\":{\"157\":{},\"487\":{}},\"comment\":{}}],[\"inverse\",{\"_index\":220,\"name\":{\"526\":{}},\"comment\":{}}],[\"iscore\",{\"_index\":72,\"name\":{\"105\":{}},\"comment\":{}}],[\"isenabled\",{\"_index\":21,\"name\":{\"23\":{},\"34\":{},\"48\":{},\"59\":{},\"135\":{},\"167\":{},\"193\":{},\"210\":{},\"223\":{},\"244\":{},\"267\":{},\"291\":{},\"308\":{},\"327\":{},\"356\":{},\"370\":{},\"388\":{},\"402\":{},\"417\":{},\"432\":{},\"451\":{},\"466\":{},\"480\":{},\"494\":{},\"517\":{},\"532\":{},\"554\":{},\"568\":{},\"585\":{},\"597\":{},\"626\":{},\"641\":{},\"660\":{},\"675\":{},\"693\":{},\"713\":{},\"731\":{},\"748\":{},\"765\":{},\"783\":{},\"797\":{},\"812\":{},\"828\":{},\"843\":{},\"857\":{},\"874\":{},\"889\":{},\"901\":{},\"918\":{},\"934\":{},\"951\":{},\"967\":{},\"983\":{},\"998\":{},\"1020\":{},\"1040\":{}},\"comment\":{}}],[\"isinitialized\",{\"_index\":22,\"name\":{\"24\":{},\"35\":{},\"136\":{},\"168\":{},\"194\":{},\"211\":{},\"224\":{},\"245\":{},\"268\":{},\"292\":{},\"309\":{},\"328\":{},\"357\":{},\"371\":{},\"389\":{},\"403\":{},\"418\":{},\"433\":{},\"452\":{},\"467\":{},\"481\":{},\"495\":{},\"518\":{},\"533\":{},\"555\":{},\"569\":{},\"586\":{},\"598\":{},\"627\":{},\"642\":{},\"661\":{},\"676\":{},\"694\":{},\"714\":{},\"732\":{},\"749\":{},\"766\":{},\"784\":{},\"798\":{},\"813\":{},\"829\":{},\"844\":{},\"858\":{},\"875\":{},\"890\":{},\"902\":{},\"919\":{},\"935\":{},\"952\":{},\"968\":{},\"984\":{},\"999\":{},\"1021\":{},\"1041\":{}},\"comment\":{}}],[\"key\",{\"_index\":1,\"name\":{\"1\":{},\"20\":{},\"31\":{},\"45\":{},\"56\":{},\"92\":{},\"132\":{},\"164\":{},\"190\":{},\"207\":{},\"220\":{},\"241\":{},\"264\":{},\"288\":{},\"305\":{},\"324\":{},\"353\":{},\"367\":{},\"385\":{},\"399\":{},\"414\":{},\"429\":{},\"448\":{},\"463\":{},\"477\":{},\"491\":{},\"514\":{},\"529\":{},\"551\":{},\"565\":{},\"582\":{},\"594\":{},\"623\":{},\"638\":{},\"657\":{},\"672\":{},\"690\":{},\"710\":{},\"728\":{},\"745\":{},\"762\":{},\"780\":{},\"794\":{},\"809\":{},\"825\":{},\"840\":{},\"854\":{},\"871\":{},\"886\":{},\"898\":{},\"915\":{},\"931\":{},\"948\":{},\"964\":{},\"980\":{},\"995\":{},\"1017\":{},\"1037\":{}},\"comment\":{}}],[\"label\",{\"_index\":65,\"name\":{\"98\":{}},\"comment\":{}}],[\"label1\",{\"_index\":184,\"name\":{\"342\":{}},\"comment\":{}}],[\"label1allcaps\",{\"_index\":185,\"name\":{\"343\":{}},\"comment\":{}}],[\"label2\",{\"_index\":186,\"name\":{\"344\":{}},\"comment\":{}}],[\"label2allcaps\",{\"_index\":187,\"name\":{\"345\":{}},\"comment\":{}}],[\"labelsmall\",{\"_index\":188,\"name\":{\"346\":{}},\"comment\":{}}],[\"layers\",{\"_index\":14,\"name\":{\"14\":{},\"1030\":{}},\"comment\":{}}],[\"letterspacing\",{\"_index\":230,\"name\":{\"580\":{}},\"comment\":{}}],[\"light\",{\"_index\":132,\"name\":{\"203\":{}},\"comment\":{}}],[\"lightglowopacity\",{\"_index\":222,\"name\":{\"545\":{}},\"comment\":{}}],[\"lightmodebackground\",{\"_index\":148,\"name\":{\"255\":{}},\"comment\":{}}],[\"lightness\",{\"_index\":62,\"name\":{\"95\":{}},\"comment\":{}}],[\"linebackgroundcolor\",{\"_index\":274,\"name\":{\"739\":{}},\"comment\":{}}],[\"lineheight\",{\"_index\":229,\"name\":{\"579\":{}},\"comment\":{}}],[\"lineshadow\",{\"_index\":276,\"name\":{\"741\":{}},\"comment\":{}}],[\"linewidth\",{\"_index\":275,\"name\":{\"740\":{}},\"comment\":{}}],[\"listdesignsystemnames\",{\"_index\":9,\"name\":{\"9\":{}},\"comment\":{}}],[\"listenersubscription\",{\"_index\":27,\"name\":{\"41\":{}},\"comment\":{}}],[\"listimageborderradius\",{\"_index\":286,\"name\":{\"821\":{}},\"comment\":{}}],[\"listimageheight\",{\"_index\":285,\"name\":{\"820\":{}},\"comment\":{}}],[\"listkeys\",{\"_index\":333,\"name\":{\"1052\":{}},\"comment\":{}}],[\"listmetadata\",{\"_index\":334,\"name\":{\"1053\":{}},\"comment\":{}}],[\"luminance\",{\"_index\":61,\"name\":{\"94\":{}},\"comment\":{}}],[\"mediumborder\",{\"_index\":249,\"name\":{\"634\":{}},\"comment\":{}}],[\"meetscontrastrequirements\",{\"_index\":86,\"name\":{\"119\":{}},\"comment\":{}}],[\"memstorage\",{\"_index\":335,\"name\":{\"1054\":{}},\"comment\":{}}],[\"menufocusstate\",{\"_index\":283,\"name\":{\"805\":{}},\"comment\":{}}],[\"menushadow\",{\"_index\":284,\"name\":{\"806\":{}},\"comment\":{}}],[\"metadata\",{\"_index\":17,\"name\":{\"17\":{}},\"comment\":{}}],[\"minheight\",{\"_index\":199,\"name\":{\"410\":{},\"684\":{}},\"comment\":{}}],[\"minimumtarget\",{\"_index\":106,\"name\":{\"151\":{},\"409\":{}},\"comment\":{}}],[\"minwidth\",{\"_index\":252,\"name\":{\"649\":{},\"683\":{},\"773\":{}},\"comment\":{}}],[\"mix\",{\"_index\":92,\"name\":{\"125\":{}},\"comment\":{}}],[\"mobileminheight\",{\"_index\":200,\"name\":{\"411\":{}},\"comment\":{}}],[\"modal\",{\"_index\":245,\"name\":{\"618\":{},\"835\":{}},\"comment\":{}}],[\"mode\",{\"_index\":66,\"name\":{\"99\":{}},\"comment\":{}}],[\"molecule\",{\"_index\":231,\"name\":{\"592\":{}},\"comment\":{}}],[\"molecules\",{\"_index\":12,\"name\":{\"12\":{},\"604\":{}},\"comment\":{}}],[\"motionsensitivity\",{\"_index\":325,\"name\":{\"1033\":{}},\"comment\":{}}],[\"name\",{\"_index\":19,\"name\":{\"19\":{},\"30\":{},\"44\":{},\"55\":{},\"131\":{},\"163\":{},\"189\":{},\"206\":{},\"218\":{},\"240\":{},\"263\":{},\"287\":{},\"304\":{},\"323\":{},\"352\":{},\"366\":{},\"384\":{},\"398\":{},\"413\":{},\"428\":{},\"447\":{},\"462\":{},\"476\":{},\"490\":{},\"513\":{},\"528\":{},\"550\":{},\"564\":{},\"581\":{},\"593\":{},\"622\":{},\"637\":{},\"656\":{},\"671\":{},\"689\":{},\"709\":{},\"727\":{},\"744\":{},\"761\":{},\"779\":{},\"793\":{},\"808\":{},\"824\":{},\"839\":{},\"853\":{},\"870\":{},\"885\":{},\"897\":{},\"914\":{},\"930\":{},\"947\":{},\"963\":{},\"979\":{},\"994\":{},\"1016\":{},\"1036\":{}},\"comment\":{}}],[\"navtext\",{\"_index\":307,\"name\":{\"962\":{},\"978\":{}},\"comment\":{}}],[\"near_black\",{\"_index\":35,\"name\":{\"67\":{}},\"comment\":{}}],[\"node\",{\"_index\":25,\"name\":{\"29\":{}},\"comment\":{}}],[\"off_black\",{\"_index\":37,\"name\":{\"69\":{}},\"comment\":{}}],[\"off_white\",{\"_index\":40,\"name\":{\"72\":{}},\"comment\":{}}],[\"onhex\",{\"_index\":59,\"name\":{\"91\":{}},\"comment\":{}}],[\"opacity\",{\"_index\":58,\"name\":{\"90\":{}},\"comment\":{}}],[\"organism\",{\"_index\":293,\"name\":{\"896\":{}},\"comment\":{}}],[\"organisms\",{\"_index\":13,\"name\":{\"13\":{},\"908\":{}},\"comment\":{}}],[\"overlaycolor\",{\"_index\":212,\"name\":{\"488\":{}},\"comment\":{}}],[\"overline\",{\"_index\":181,\"name\":{\"339\":{}},\"comment\":{}}],[\"overlineextralarge\",{\"_index\":183,\"name\":{\"341\":{}},\"comment\":{}}],[\"overlinelarge\",{\"_index\":182,\"name\":{\"340\":{}},\"comment\":{}}],[\"padding\",{\"_index\":262,\"name\":{\"686\":{},\"883\":{},\"927\":{}},\"comment\":{}}],[\"paragraphpadding\",{\"_index\":282,\"name\":{\"792\":{}},\"comment\":{}}],[\"perceivedlightness\",{\"_index\":63,\"name\":{\"96\":{}},\"comment\":{}}],[\"percentagechange\",{\"_index\":197,\"name\":{\"382\":{},\"511\":{},\"547\":{}},\"comment\":{}}],[\"percentchangeinheaderdisplaysizes\",{\"_index\":168,\"name\":{\"300\":{}},\"comment\":{}}],[\"popovers\",{\"_index\":246,\"name\":{\"619\":{},\"850\":{}},\"comment\":{}}],[\"primary\",{\"_index\":145,\"name\":{\"252\":{}},\"comment\":{}}],[\"primaryfont\",{\"_index\":159,\"name\":{\"278\":{}},\"comment\":{}}],[\"primarynav\",{\"_index\":296,\"name\":{\"911\":{},\"958\":{}},\"comment\":{}}],[\"progressshadow\",{\"_index\":273,\"name\":{\"723\":{}},\"comment\":{}}],[\"properties\",{\"_index\":326,\"name\":{\"1034\":{}},\"comment\":{}}],[\"property\",{\"_index\":29,\"name\":{\"43\":{}},\"comment\":{}}],[\"propertygrouplistener\",{\"_index\":30,\"name\":{\"53\":{}},\"comment\":{}}],[\"propertyrange\",{\"_index\":31,\"name\":{\"54\":{}},\"comment\":{}}],[\"r\",{\"_index\":53,\"name\":{\"85\":{}},\"comment\":{}}],[\"radius\",{\"_index\":254,\"name\":{\"651\":{},\"775\":{}},\"comment\":{}}],[\"ready\",{\"_index\":208,\"name\":{\"445\":{}},\"comment\":{}}],[\"removealllisteners\",{\"_index\":24,\"name\":{\"28\":{},\"39\":{},\"51\":{},\"62\":{},\"140\":{},\"172\":{},\"198\":{},\"215\":{},\"228\":{},\"249\":{},\"272\":{},\"296\":{},\"313\":{},\"332\":{},\"361\":{},\"375\":{},\"393\":{},\"407\":{},\"422\":{},\"437\":{},\"456\":{},\"471\":{},\"485\":{},\"499\":{},\"522\":{},\"537\":{},\"559\":{},\"573\":{},\"590\":{},\"602\":{},\"631\":{},\"646\":{},\"665\":{},\"680\":{},\"698\":{},\"718\":{},\"736\":{},\"753\":{},\"770\":{},\"788\":{},\"802\":{},\"817\":{},\"833\":{},\"848\":{},\"862\":{},\"879\":{},\"894\":{},\"906\":{},\"923\":{},\"939\":{},\"956\":{},\"972\":{},\"988\":{},\"1003\":{},\"1025\":{},\"1045\":{}},\"comment\":{}}],[\"removecolor\",{\"_index\":120,\"name\":{\"177\":{}},\"comment\":{}}],[\"removelistener\",{\"_index\":3,\"name\":{\"3\":{},\"27\":{},\"38\":{},\"50\":{},\"61\":{},\"139\":{},\"171\":{},\"197\":{},\"214\":{},\"227\":{},\"248\":{},\"271\":{},\"295\":{},\"312\":{},\"331\":{},\"360\":{},\"374\":{},\"392\":{},\"406\":{},\"421\":{},\"436\":{},\"455\":{},\"470\":{},\"484\":{},\"498\":{},\"521\":{},\"536\":{},\"558\":{},\"572\":{},\"589\":{},\"601\":{},\"630\":{},\"645\":{},\"664\":{},\"679\":{},\"697\":{},\"717\":{},\"735\":{},\"752\":{},\"769\":{},\"787\":{},\"801\":{},\"816\":{},\"832\":{},\"847\":{},\"861\":{},\"878\":{},\"893\":{},\"905\":{},\"922\":{},\"938\":{},\"955\":{},\"971\":{},\"987\":{},\"1002\":{},\"1024\":{},\"1044\":{}},\"comment\":{}}],[\"required\",{\"_index\":97,\"name\":{\"130\":{},\"188\":{},\"239\":{},\"286\":{},\"303\":{},\"322\":{},\"351\":{},\"365\":{},\"383\":{},\"397\":{},\"412\":{},\"427\":{},\"446\":{},\"461\":{},\"475\":{},\"489\":{},\"512\":{},\"527\":{},\"549\":{},\"563\":{}},\"comment\":{}}],[\"rgbarray\",{\"_index\":52,\"name\":{\"84\":{}},\"comment\":{}}],[\"saturation\",{\"_index\":64,\"name\":{\"97\":{}},\"comment\":{}}],[\"secondary\",{\"_index\":146,\"name\":{\"253\":{}},\"comment\":{}}],[\"secondaryborder\",{\"_index\":258,\"name\":{\"655\":{}},\"comment\":{}}],[\"secondaryfont\",{\"_index\":160,\"name\":{\"279\":{}},\"comment\":{}}],[\"secondaryfontweight\",{\"_index\":166,\"name\":{\"285\":{}},\"comment\":{}}],[\"secondarynav\",{\"_index\":297,\"name\":{\"912\":{},\"974\":{}},\"comment\":{}}],[\"sectionpadding\",{\"_index\":281,\"name\":{\"791\":{}},\"comment\":{}}],[\"segmentborderradius\",{\"_index\":265,\"name\":{\"702\":{}},\"comment\":{}}],[\"segmentradius\",{\"_index\":272,\"name\":{\"721\":{}},\"comment\":{}}],[\"segmentshadow\",{\"_index\":267,\"name\":{\"704\":{},\"757\":{}},\"comment\":{}}],[\"set\",{\"_index\":331,\"name\":{\"1050\":{}},\"comment\":{}}],[\"setcolorlistener\",{\"_index\":121,\"name\":{\"178\":{}},\"comment\":{}}],[\"setcssvarlistener\",{\"_index\":315,\"name\":{\"1009\":{}},\"comment\":{}}],[\"setdefaulttheme\",{\"_index\":143,\"name\":{\"238\":{}},\"comment\":{}}],[\"sethex\",{\"_index\":68,\"name\":{\"101\":{}},\"comment\":{}}],[\"setid\",{\"_index\":73,\"name\":{\"106\":{}},\"comment\":{}}],[\"setlistener\",{\"_index\":2,\"name\":{\"2\":{},\"26\":{},\"37\":{},\"138\":{},\"170\":{},\"196\":{},\"213\":{},\"226\":{},\"247\":{},\"270\":{},\"294\":{},\"311\":{},\"330\":{},\"359\":{},\"373\":{},\"391\":{},\"405\":{},\"420\":{},\"435\":{},\"454\":{},\"469\":{},\"483\":{},\"497\":{},\"520\":{},\"535\":{},\"557\":{},\"571\":{},\"588\":{},\"600\":{},\"629\":{},\"644\":{},\"663\":{},\"678\":{},\"696\":{},\"716\":{},\"734\":{},\"751\":{},\"768\":{},\"786\":{},\"800\":{},\"815\":{},\"831\":{},\"846\":{},\"860\":{},\"877\":{},\"892\":{},\"904\":{},\"921\":{},\"937\":{},\"954\":{},\"970\":{},\"986\":{},\"1001\":{},\"1023\":{},\"1043\":{}},\"comment\":{}}],[\"setmode\",{\"_index\":71,\"name\":{\"104\":{}},\"comment\":{}}],[\"shade\",{\"_index\":32,\"name\":{\"64\":{}},\"comment\":{}}],[\"shadebuildercfg\",{\"_index\":16,\"name\":{\"16\":{},\"205\":{}},\"comment\":{}}],[\"shades\",{\"_index\":135,\"name\":{\"219\":{}},\"comment\":{}}],[\"shadow\",{\"_index\":251,\"name\":{\"636\":{},\"688\":{},\"778\":{},\"838\":{},\"852\":{},\"884\":{},\"929\":{}},\"comment\":{}}],[\"shadowcolor\",{\"_index\":213,\"name\":{\"502\":{}},\"comment\":{}}],[\"sliders\",{\"_index\":247,\"name\":{\"620\":{},\"864\":{}},\"comment\":{}}],[\"small\",{\"_index\":191,\"name\":{\"349\":{}},\"comment\":{}}],[\"smallbuttons\",{\"_index\":234,\"name\":{\"607\":{},\"667\":{}},\"comment\":{}}],[\"smalllineheight\",{\"_index\":165,\"name\":{\"284\":{}},\"comment\":{}}],[\"smallsemibold\",{\"_index\":192,\"name\":{\"350\":{}},\"comment\":{}}],[\"smalltextstyles\",{\"_index\":103,\"name\":{\"148\":{},\"334\":{}},\"comment\":{}}],[\"spacebetweensegments\",{\"_index\":266,\"name\":{\"703\":{},\"722\":{}},\"comment\":{}}],[\"spacing\",{\"_index\":242,\"name\":{\"615\":{},\"790\":{}},\"comment\":{}}],[\"spreadradius\",{\"_index\":195,\"name\":{\"380\":{},\"509\":{},\"544\":{}},\"comment\":{}}],[\"standard\",{\"_index\":219,\"name\":{\"525\":{},\"540\":{}},\"comment\":{}}],[\"standardbuttons\",{\"_index\":233,\"name\":{\"606\":{},\"648\":{}},\"comment\":{}}],[\"standardcards\",{\"_index\":235,\"name\":{\"608\":{}},\"comment\":{}}],[\"standardlineheight\",{\"_index\":163,\"name\":{\"282\":{}},\"comment\":{}}],[\"startingposition\",{\"_index\":279,\"name\":{\"760\":{}},\"comment\":{}}],[\"stat\",{\"_index\":193,\"name\":{\"364\":{}},\"comment\":{}}],[\"statesettings\",{\"_index\":107,\"name\":{\"152\":{},\"439\":{}},\"comment\":{}}],[\"statstyles\",{\"_index\":104,\"name\":{\"149\":{},\"363\":{}},\"comment\":{}}],[\"sticky\",{\"_index\":308,\"name\":{\"975\":{}},\"comment\":{}}],[\"storage\",{\"_index\":329,\"name\":{\"1048\":{}},\"comment\":{}}],[\"storageelement\",{\"_index\":328,\"name\":{\"1047\":{}},\"comment\":{}}],[\"store\",{\"_index\":26,\"name\":{\"40\":{},\"52\":{},\"63\":{},\"141\":{},\"173\":{},\"199\":{},\"216\":{},\"229\":{},\"250\":{},\"273\":{},\"297\":{},\"314\":{},\"333\":{},\"362\":{},\"376\":{},\"394\":{},\"408\":{},\"423\":{},\"438\":{},\"457\":{},\"472\":{},\"486\":{},\"500\":{},\"523\":{},\"538\":{},\"560\":{},\"574\":{},\"591\":{},\"603\":{},\"632\":{},\"647\":{},\"666\":{},\"681\":{},\"699\":{},\"719\":{},\"737\":{},\"754\":{},\"771\":{},\"789\":{},\"803\":{},\"818\":{},\"834\":{},\"849\":{},\"863\":{},\"880\":{},\"895\":{},\"907\":{},\"924\":{},\"940\":{},\"957\":{},\"973\":{},\"989\":{},\"1004\":{},\"1026\":{},\"1046\":{}},\"comment\":{}}],[\"subtitle1\",{\"_index\":177,\"name\":{\"335\":{}},\"comment\":{}}],[\"subtitle2\",{\"_index\":178,\"name\":{\"336\":{}},\"comment\":{}}],[\"success\",{\"_index\":204,\"name\":{\"441\":{}},\"comment\":{}}],[\"tertiary\",{\"_index\":147,\"name\":{\"254\":{}},\"comment\":{}}],[\"text\",{\"_index\":280,\"name\":{\"777\":{}},\"comment\":{}}],[\"themebuilder\",{\"_index\":4,\"name\":{\"4\":{}},\"comment\":{}}],[\"title\",{\"_index\":303,\"name\":{\"945\":{}},\"comment\":{}}],[\"to\",{\"_index\":158,\"name\":{\"276\":{}},\"comment\":{}}],[\"toasts\",{\"_index\":248,\"name\":{\"621\":{},\"881\":{}},\"comment\":{}}],[\"typographystyling\",{\"_index\":225,\"name\":{\"575\":{}},\"comment\":{}}],[\"underlinehotlinksinlightmode\",{\"_index\":211,\"name\":{\"474\":{}},\"comment\":{}}],[\"verticalgap\",{\"_index\":301,\"name\":{\"943\":{}},\"comment\":{}}],[\"verticalpadding\",{\"_index\":302,\"name\":{\"944\":{},\"960\":{},\"976\":{}},\"comment\":{}}],[\"verticalshadowlength\",{\"_index\":218,\"name\":{\"507\":{},\"542\":{}},\"comment\":{}}],[\"visibleheight\",{\"_index\":259,\"name\":{\"668\":{},\"774\":{},\"866\":{}},\"comment\":{}}],[\"warning\",{\"_index\":205,\"name\":{\"442\":{}},\"comment\":{}}],[\"white\",{\"_index\":38,\"name\":{\"70\":{}},\"comment\":{}}],[\"white_dm\",{\"_index\":43,\"name\":{\"75\":{}},\"comment\":{}}],[\"ylabelsdisplay\",{\"_index\":278,\"name\":{\"743\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file diff --git a/docs/classes/AnimationSettings.html b/docs/classes/AnimationSettings.html index 85a9269..dfffcd7 100644 --- a/docs/classes/AnimationSettings.html +++ b/docs/classes/AnimationSettings.html @@ -1,4 +1,4 @@ -AnimationSettings | a11y-theme-builder-sdk
          +AnimationSettings | @finos/a11y-theme-builder-sdk
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk
          +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class AnimationSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • AnimationSettings
          +
        • Defined in src/atoms/animationSettings.ts:13
          • @@ -58,7 +58,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -66,7 +66,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -92,7 +92,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -231,7 +231,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk
          +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Atom

          @@ -49,7 +49,7 @@

          Implements

          • IAtom
          +
        • Defined in src/atoms/atom.ts:13
          • @@ -83,7 +83,7 @@

          ReadonlyImplementation of IAtom.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -91,14 +91,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean

          Is this a required atom?

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -116,7 +116,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -257,7 +257,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk
          +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Atoms

          @@ -25,7 +25,7 @@

          Hierarchy

          • Atoms
          +
        • Defined in src/atoms/atoms.ts:34
          • @@ -76,112 +76,112 @@

          Readonly

          The animation settings for this design system

          +
        • Defined in src/atoms/atoms.ts:74

          • Readonly bevelSettings

          bevelSettings: BevelSettings

          The bevel settings for this design system

          +
        • Defined in src/atoms/atoms.ts:70

          • Readonly bodyStyles

          bodyStyles: BodyStyles

          The body style settings for this design system

          +
        • Defined in src/atoms/atoms.ts:46

          • Readonly borderSettings

          borderSettings: BorderSettings

          The border settings for this design system

          +
        • Defined in src/atoms/atoms.ts:60

          • Readonly chartColors

          chartColors: ChartColors

          The chart color settings for this design system

          +
        • Defined in src/atoms/atoms.ts:58

          • Readonly colorBlind

          colorBlind: ColorBlind

          The color blind settings for this design system

          +
        • Defined in src/atoms/atoms.ts:76

          • Readonly colorPalette

          colorPalette: ColorPalette

          The color palette for this design system

          +
        • Defined in src/atoms/atoms.ts:38

          • Readonly colorThemes

          colorThemes: ColorThemes

          The color themes for this design system

          +
        • Defined in src/atoms/atoms.ts:40

          • Readonly displayAndHeaderStyles

          displayAndHeaderStyles: DisplayAndHeaderStyles

          The display and header style settings for this design system

          +
        • Defined in src/atoms/atoms.ts:44

          • Readonly elevationSettings

          elevationSettings: ElevationSettings

          The elevation settings for this design system

          +
        • Defined in src/atoms/atoms.ts:68

          • Readonly focusStates

          focusStates: FocusStates

          The focus state settings for this design system

          +
        • Defined in src/atoms/atoms.ts:62

          • Readonly fontsSettings

          fontsSettings: FontsSettings

          The font settings for this design system

          +
        • Defined in src/atoms/atoms.ts:42

          • Readonly glowSettings

          glowSettings: GlowSettings

          The glow settings for this design system

          +
        • Defined in src/atoms/atoms.ts:72

          • Readonly gridSettings

          gridSettings: GridSettings

          The grid settings for this design system

          +
        • Defined in src/atoms/atoms.ts:52

          • Readonly hotlinks

          hotlinks: Hotlinks

          The hotlink settings for this design system

          +
        • Defined in src/atoms/atoms.ts:64

          • Readonly inputBackground

          inputBackground: InputBackground

          The input background settings for this design system

          +
        • Defined in src/atoms/atoms.ts:66

          • Readonly key

          key: string
          @@ -189,14 +189,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly minimumTarget

          minimumTarget: MinimumTarget

          The minimum target settings for this design system

          +
        • Defined in src/atoms/atoms.ts:54

          • Readonly name

          name: string
          @@ -204,28 +204,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly smallTextStyles

          smallTextStyles: SmallTextStyles

          The small text style settings for this design system

          +
        • Defined in src/atoms/atoms.ts:48

          • Readonly statStyles

          statStyles: StatStyles

          The stat style settings for this design system

          +
        • Defined in src/atoms/atoms.ts:50

          • Readonly stateSettings

          stateSettings: StateSettings

          The state settings for this design system

          +
        • Defined in src/atoms/atoms.ts:56

          • Methods

          @@ -243,7 +243,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -382,7 +382,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Avatars

          @@ -25,7 +25,7 @@

          Hierarchy

          • Avatars
          +
        • Defined in src/molecules/avatars.ts:13
          • @@ -59,7 +59,7 @@

          extraLargeBorder

          The extra large border property

          +
        • Defined in src/molecules/avatars.ts:18

          • Readonly key

          key: string
          @@ -67,14 +67,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • mediumBorder

          mediumBorder: PropertyNumberSelectable

          The medium border property

          +
        • Defined in src/molecules/avatars.ts:16

          • Readonly name

          name: string
          @@ -82,14 +82,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • shadow

          shadow: PropertyShadowSelectable

          The shadow property

          +
        • Defined in src/molecules/avatars.ts:20

          • Methods

          @@ -107,7 +107,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class BevelSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • BevelSettings
          +
        • Defined in src/atoms/bevelSettings.ts:13
          • @@ -59,7 +59,7 @@

          inverse

          The inverse bevel settings

          +
        • Defined in src/atoms/bevelSettings.ts:18

          • Readonly key

          key: string
          @@ -67,7 +67,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -75,7 +75,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -83,14 +83,14 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • standard

          standard: BevelSettingsProps

          The standard bevel settings

          +
        • Defined in src/atoms/bevelSettings.ts:16

          • Methods

          @@ -108,7 +108,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -247,7 +247,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class BevelSettingsProps

          @@ -23,7 +23,7 @@

          Hierarchy

          • BevelSettingsProps
          +
        • Defined in src/atoms/bevelSettings.ts:46
          • @@ -48,56 +48,56 @@

          blurRadius

          The blur radius property

          +
        • Defined in src/atoms/bevelSettings.ts:55

          • darkShadowOpacity

          darkShadowOpacity: PropertyNumberRange

          The dark shadow opacity property

          +
        • Defined in src/atoms/bevelSettings.ts:61

          • horizontalShadowLength

          horizontalShadowLength: PropertyNumberRange

          The horizontal shadow length property

          +
        • Defined in src/atoms/bevelSettings.ts:51

          • lightGlowOpacity

          lightGlowOpacity: PropertyNumberRange

          The light glow opacity property

          +
        • Defined in src/atoms/bevelSettings.ts:59

          • percentageChange

          percentageChange: PropertyPercentage

          The percentage change property

          +
        • Defined in src/atoms/bevelSettings.ts:63

          • spreadRadius

          spreadRadius: PropertyNumberRange

          The spread radius property

          +
        • Defined in src/atoms/bevelSettings.ts:57

          • standard

          standard: boolean

          Is this a standard bevel?

          +
        • Defined in src/atoms/bevelSettings.ts:49

          • verticalShadowLength

          verticalShadowLength: PropertyNumberRange

          The vertical shadow length property

          +
        • Defined in src/atoms/bevelSettings.ts:53
          • @@ -117,7 +117,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class BodyStyles

          @@ -25,7 +25,7 @@

          Hierarchy

          • BodyStyles
          +
        • Defined in src/atoms/bodyStyles.ts:13
          • @@ -63,42 +63,42 @@

          body1

          The body1 topography styling properties

          +
        • Defined in src/atoms/bodyStyles.ts:16

          • body1Bold

          body1Bold: TypographyStyling

          The body1 bold topography styling properties

          +
        • Defined in src/atoms/bodyStyles.ts:18

          • body2

          body2: TypographyStyling

          The body2 topography styling properties

          +
        • Defined in src/atoms/bodyStyles.ts:20

          • body2Bold

          body2Bold: TypographyStyling

          The body2 bold topography styling properties

          +
        • Defined in src/atoms/bodyStyles.ts:22

          • body3

          body3: TypographyStyling

          The body3 topography styling properties

          +
        • Defined in src/atoms/bodyStyles.ts:24

          • body3Bold

          body3Bold: TypographyStyling

          The body3 bold topography styling properties

          +
        • Defined in src/atoms/bodyStyles.ts:26

          • Readonly key

          key: string
          @@ -106,7 +106,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -114,7 +114,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -122,7 +122,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -140,7 +140,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -279,7 +279,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class BorderSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • BorderSettings
          +
        • Defined in src/atoms/borderSettings.ts:13
          • @@ -59,14 +59,14 @@

          baseBorderRadius

          The base border radius property

          +
        • Defined in src/atoms/borderSettings.ts:18

          • baseBorderWidth

          baseBorderWidth: PropertyPixel

          The base border width property

          +
        • Defined in src/atoms/borderSettings.ts:16

          • Readonly key

          key: string
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -82,7 +82,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -90,7 +90,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -108,7 +108,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -247,7 +247,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class CSSGenerator

          @@ -23,7 +23,7 @@

          Hierarchy

          • CSSGenerator
          +
        • Defined in src/code/cssGenerator.ts:20
          • @@ -78,11 +78,11 @@
          propVar: CSSVariableKind
          Returns void

          Returns void

          +
        • Defined in src/code/cssGenerator.ts:853

          • addPropsVar

            - +

          • Call this when there is a more complicated relationship between input properties and output CSS variables.

            @@ -114,10 +114,15 @@

            Parameters

            • propVar: CSSVariableKind
            -

            Returns void

          +

          Returns void

          +
        • +
          Optional opts: {
              or?: boolean;
          }
          +
            +
          • +
            Optional or?: boolean

          • Returns void

          +
        • Defined in src/code/cssGenerator.ts:865
          • @@ -137,7 +142,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Cards

          @@ -25,7 +25,7 @@

          Hierarchy

          • Cards
          +
        • Defined in src/molecules/cards.ts:16
          • @@ -62,14 +62,14 @@

          borderRadius

          The card border radius property

          +
        • Defined in src/molecules/cards.ts:23

          • contentGap

          contentGap: PropertyNumberSelectable

          The card content gap property

          +
        • Defined in src/molecules/cards.ts:27

          • Readonly key

          key: string
          @@ -77,21 +77,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • minHeight

          minHeight: PropertyPixel

          The card minimum height property

          +
        • Defined in src/molecules/cards.ts:21

          • minWidth

          minWidth: PropertyPixel

          The card minimum width property

          +
        • Defined in src/molecules/cards.ts:19

          • Readonly name

          name: string
          @@ -99,21 +99,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • padding

          padding: PropertyNumberSelectable

          The card padding property

          +
        • Defined in src/molecules/cards.ts:25

          • shadow

          shadow: PropertyShadowSelectable

          The card shadow property

          +
        • Defined in src/molecules/cards.ts:29

          • Methods

          @@ -131,7 +131,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -270,7 +270,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ChartDonut

          @@ -25,7 +25,7 @@

          Hierarchy

          • ChartDonut
          +
        • Defined in src/molecules/chartDonut.ts:19
          • @@ -64,35 +64,35 @@

          centerDisplay

          The center display property

          +
        • Defined in src/molecules/chartDonut.ts:36

          • containerDisplay

          containerDisplay: PropertyBoolean

          The container display property

          +
        • Defined in src/molecules/chartDonut.ts:30

          • containerPadding

          containerPadding: PropertyPixelSelectable

          The container padding property

          +
        • Defined in src/molecules/chartDonut.ts:32

          • containerShadow

          containerShadow: PropertyShadowSelectable

          The container shadow property

          +
        • Defined in src/molecules/chartDonut.ts:34

          • cutoutThickness

          cutoutThickness: PropertyRange

          The cutoout thickness property

          +
        • Defined in src/molecules/chartDonut.ts:22

          • Readonly key

          key: string
          @@ -100,7 +100,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -108,28 +108,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • segmentBorderRadius

          segmentBorderRadius: PropertyStringSelectable

          The segment border radius property

          +
        • Defined in src/molecules/chartDonut.ts:24

          • segmentShadow

          segmentShadow: PropertyShadowSelectable

          The segment shadow property

          +
        • Defined in src/molecules/chartDonut.ts:28

          • spaceBetweenSegments

          spaceBetweenSegments: PropertyPixelSelectable

          The space between segments property

          +
        • Defined in src/molecules/chartDonut.ts:26

          • Methods

          @@ -147,7 +147,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -286,7 +286,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ChartLine

          @@ -25,7 +25,7 @@

          Hierarchy

          • ChartLine
          +
        • Defined in src/molecules/chartLine.ts:18
          • @@ -61,7 +61,7 @@

          chartLinesDisplay

          The chart lines display property

          +
        • Defined in src/molecules/chartLine.ts:27

          • Readonly key

          key: string
          @@ -69,28 +69,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • lineBackgroundColor

          lineBackgroundColor: PropertyBackgroundColorStyle

          The line background color style property

          +
        • Defined in src/molecules/chartLine.ts:21

          • lineShadow

          lineShadow: PropertyShadowSelectable

          The line shadow property

          +
        • Defined in src/molecules/chartLine.ts:25

          • lineWidth

          lineWidth: PropertyPixelSelectable

          The line width property

          +
        • Defined in src/molecules/chartLine.ts:23

          • Readonly name

          name: string
          @@ -98,14 +98,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • yLabelsDisplay

          yLabelsDisplay: PropertyBoolean

          The Y labels display property

          +
        • Defined in src/molecules/chartLine.ts:29

          • Methods

          @@ -123,7 +123,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +262,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ChartPie

          @@ -25,7 +25,7 @@

          Hierarchy

          • ChartPie
          +
        • Defined in src/molecules/chartPie.ts:17
          • @@ -62,21 +62,21 @@

          containerDisplay

          The container display property

          +
        • Defined in src/molecules/chartPie.ts:26

          • containerPadding

          containerPadding: PropertyPixelSelectable

          The container padding property

          +
        • Defined in src/molecules/chartPie.ts:28

          • containerShadow

          containerShadow: PropertyShadowSelectable

          The container shadow property

          +
        • Defined in src/molecules/chartPie.ts:30

          • Readonly key

          key: string
          @@ -84,7 +84,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -92,28 +92,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • progressShadow

          progressShadow: PropertyShadowSelectable

          The progress shadow property

          +
        • Defined in src/molecules/chartPie.ts:24

          • segmentRadius

          segmentRadius: PropertyPixelSelectable

          The segment radius property

          +
        • Defined in src/molecules/chartPie.ts:20

          • spaceBetweenSegments

          spaceBetweenSegments: PropertyPixelSelectable

          The space between segments property

          +
        • Defined in src/molecules/chartPie.ts:22

          • Methods

          @@ -131,7 +131,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -270,7 +270,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ChartProgress

          @@ -25,7 +25,7 @@

          Hierarchy

          • ChartProgress
          +
        • Defined in src/molecules/chartProgress.ts:18
          • @@ -61,21 +61,21 @@

          containerPadding

          The container padding property

          +
        • Defined in src/molecules/chartProgress.ts:25

          • containerShadow

          containerShadow: PropertyShadowSelectable

          The container reverse padding property

          +
        • Defined in src/molecules/chartProgress.ts:27

          • cutoutThickness

          cutoutThickness: PropertyRange

          The cutout thickness range property

          +
        • Defined in src/molecules/chartProgress.ts:21

          • Readonly key

          key: string
          @@ -83,7 +83,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -91,21 +91,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • segmentShadow

          segmentShadow: PropertyShadowSelectable

          The segment shadow property

          +
        • Defined in src/molecules/chartProgress.ts:23

          • startingPosition

          startingPosition: PropertyStringSelectable

          The starting position property

          +
        • Defined in src/molecules/chartProgress.ts:29

          • Methods

          @@ -123,7 +123,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +262,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Chips

          @@ -25,7 +25,7 @@

          Hierarchy

          • Chips
          +
        • Defined in src/molecules/chips.ts:19
          • @@ -62,7 +62,7 @@

          horizontalPadding

          The horizontal padding property

          +
        • Defined in src/molecules/chips.ts:28

          • Readonly key

          key: string
          @@ -70,14 +70,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • minWidth

          minWidth: PropertyNumber

          The minimum width property

          +
        • Defined in src/molecules/chips.ts:22

          • Readonly name

          name: string
          @@ -85,35 +85,35 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • radius

          radius: PropertyNumberSelectable

          The radius property

          +
        • Defined in src/molecules/chips.ts:26

          • shadow

          shadow: PropertyShadowSelectable

          The shadow property

          +
        • Defined in src/molecules/chips.ts:32

          • text

          text: PropertyStringSelectable

          The text property

          +
        • Defined in src/molecules/chips.ts:30

          • visibleHeight

          visibleHeight: PropertyNumberSelectable

          The visible height property

          +
        • Defined in src/molecules/chips.ts:24

          • Methods

          @@ -131,7 +131,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -270,7 +270,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Code

          @@ -25,7 +25,7 @@

          Hierarchy

          • Code
          +
        • Defined in src/code/code.ts:14
          • @@ -65,7 +65,7 @@

          cssGenerator

          The CSS code generator

          +
        • Defined in src/code/code.ts:17

          • Readonly key

          key: string
          @@ -73,7 +73,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -81,7 +81,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -99,7 +99,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getCSSVarGroup

            @@ -118,7 +118,7 @@
            node:

          Returns CSSVarGroup

           +
        • Defined in src/code/code.ts:53

          • getCSSVarGroupKeys

            @@ -130,7 +130,7 @@

            Returns

            All keys associated with all CSS variable groups.

            Returns string[]

          +
        • Defined in src/code/code.ts:61

          • getCSSVars

            @@ -145,7 +145,7 @@

            Returns {
            [name: string]: string

          +
        • Defined in src/code/code.ts:35

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getJSON

            @@ -173,7 +173,7 @@

            Parameters

            lm: boolean

          Returns Object

          +
        • Defined in src/code/code.ts:93

          • getJSONBase

          +
        • Defined in src/code/code.ts:69

          • getJSONDM

          +
        • Defined in src/code/code.ts:85

          • getJSONLM

          +
        • Defined in src/code/code.ts:77

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setCSSVarListener

            @@ -299,7 +299,7 @@
            Optional listener:

          Returns void

          +
        • Defined in src/code/code.ts:44

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -358,7 +358,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Color

          @@ -29,7 +29,7 @@

          Implements

          • IColor
          +
        • Defined in src/atoms/colorPalette.ts:223
          • @@ -43,6 +43,7 @@

          Properties

          key light name +shadeBuilderCfg

          Methods

          @@ -65,7 +66,7 @@

          dark

          Implementation of IColor.dark

          +
        • Defined in src/atoms/colorPalette.ts:232

          • hex

          hex: PropertyString
          @@ -73,14 +74,14 @@

          hex

          Implementation of IColor.hex

          +
        • Defined in src/atoms/colorPalette.ts:228

          • index

          index: number

          The 0-based index of the color, in the order in which it was added

          +
        • Defined in src/atoms/colorPalette.ts:226

          • Readonly key

          key: string
          @@ -88,7 +89,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • light

          light: ColorMode
          @@ -96,7 +97,7 @@

          light

          Implementation of IColor.light

          +
        • Defined in src/atoms/colorPalette.ts:230

          • Readonly name

          name: string
          @@ -105,7 +106,14 @@

          ReadonlyImplementation of IColor.name

          Inherited from Node.name

          +
        • Defined in src/common/node.ts:40
          • +
          +

          shadeBuilderCfg

          +
          shadeBuilderCfg: ShadeBuilderCfgPerColor
          +

          Color specific Shade builder config

          +

          Methods

          @@ -123,7 +131,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +270,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ColorBlind

          @@ -25,7 +25,7 @@

          Hierarchy

          • ColorBlind
          +
        • Defined in src/atoms/colorBlind.ts:13
          • @@ -58,7 +58,7 @@

          availableColorblindThemes

          The available color blind themes property

          +
        • Defined in src/atoms/colorBlind.ts:16

          • Readonly key

          key: string
          @@ -66,7 +66,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -82,7 +82,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -100,7 +100,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -239,7 +239,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ColorMode

          @@ -25,7 +25,7 @@

          Hierarchy

          • ColorMode
          +
        • Defined in src/atoms/colorPalette.ts:282
          • @@ -58,7 +58,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -66,14 +66,14 @@

          Readonly

          +
        • Defined in src/atoms/colorPalette.ts:285

          • Readonly shades

          shades: Shade[]

          The generated shades associated with this color and mode

          +
        • Defined in src/atoms/colorPalette.ts:288

          • Methods

          @@ -91,7 +91,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -230,7 +230,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ColorPalette

          @@ -29,7 +29,7 @@

          Implements

          • IColorPalette
          +
        • Defined in src/atoms/colorPalette.ts:21
          • @@ -74,7 +74,7 @@

          Readonly

          The default color name property

          +
        • Defined in src/atoms/colorPalette.ts:25

          • Readonly key

          key: string
          @@ -83,7 +83,7 @@

          ReadonlyImplementation of IColorPalette.key

          Inherited from Atom.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -91,7 +91,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -99,7 +99,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -124,7 +124,7 @@
          hex: string

          Returns Color

          +
        • Defined in src/atoms/colorPalette.ts:42

          • addDependency

          +
        • Defined in src/common/node.ts:72

          • getColor

            @@ -159,7 +159,7 @@
            colorName: string

          Returns Color

          +
        • Defined in src/atoms/colorPalette.ts:99

          • getColorIndex

            @@ -178,7 +178,7 @@
            color:

          Returns number

          +
        • Defined in src/atoms/colorPalette.ts:196

          • getColorNames

          +
        • Defined in src/atoms/colorPalette.ts:90

          • getColorShades

          +
        • Defined in src/atoms/colorPalette.ts:143

          • getColors

          +
        • Defined in src/atoms/colorPalette.ts:133

          • getDarkColorShades

          +
        • Defined in src/atoms/colorPalette.ts:177

          • getDefaultColor

          +
        • Defined in src/atoms/colorPalette.ts:111

          • getDefaultColorName

          +
        • Defined in src/atoms/colorPalette.ts:122

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getLightColorShades

          +
        • Defined in src/atoms/colorPalette.ts:158

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeColor

            @@ -366,7 +366,7 @@
            name: string

          Returns void

          +
        • Defined in src/atoms/colorPalette.ts:62

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setColorListener

            @@ -407,7 +407,7 @@
            cb: ColorListener

            Returns void

          +
        • Defined in src/atoms/colorPalette.ts:80

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -467,7 +467,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ColorTheme

          @@ -29,7 +29,7 @@

          Implements

          • IColorTheme
          +
        • Defined in src/atoms/colorThemes.ts:188
          • @@ -71,49 +71,49 @@

          accent

          The accent shade property

          +
        • Defined in src/atoms/colorThemes.ts:218

          • button

          button: PropertyColorShade

          The button shade property

          +
        • Defined in src/atoms/colorThemes.ts:212

          • darkModeBackground

          darkModeBackground: PropertyColorPair

          The darkmode background properties

          +
        • Defined in src/atoms/colorThemes.ts:206

          • gradient1

          gradient1: GradientColors

          The gradient1 shade properties

          +
        • Defined in src/atoms/colorThemes.ts:208

          • gradient2

          gradient2: GradientColors

          The gradient2 shade properties

          +
        • Defined in src/atoms/colorThemes.ts:210

          • gradientHeaderText

          gradientHeaderText: GradientColors2

          The gradient header text shade property

          +
        • Defined in src/atoms/colorThemes.ts:216

          • icon

          icon: PropertyColorShade

          The icon shade property

          +
        • Defined in src/atoms/colorThemes.ts:214

          • Readonly key

          key: string
          @@ -122,14 +122,14 @@

          ReadonlyImplementation of IColorTheme.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • lightModeBackground

          lightModeBackground: PropertyColorPair

          The lightmode background properties

          +
        • Defined in src/atoms/colorThemes.ts:204

          • Readonly name

          name: string
          @@ -137,28 +137,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly primary

          primary: PropertyColorShade

          The primary color shade property

          +
        • Defined in src/atoms/colorThemes.ts:198

          • Readonly secondary

          secondary: PropertyColorShade

          The secondary color shade property

          +
        • Defined in src/atoms/colorThemes.ts:200

          • Readonly tertiary

          tertiary: PropertyColorShade

          The tertiary color shade property

          +
        • Defined in src/atoms/colorThemes.ts:202

          • Methods

          @@ -176,7 +176,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -317,7 +317,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ColorThemes

          @@ -29,7 +29,7 @@

          Implements

          • IColorThemes
          +
        • Defined in src/atoms/colorThemes.ts:62
          • @@ -70,7 +70,7 @@

          Readonly

          +
        • Defined in src/atoms/colorThemes.ts:67

          • Readonly key

          key: string
          @@ -79,7 +79,7 @@

          ReadonlyImplementation of IColorThemes.key

          Inherited from Atom.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -87,7 +87,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -95,7 +95,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -113,7 +113,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • createTheme

            @@ -136,7 +136,7 @@
            Optional skipInitDefault:

          Returns ColorTheme

          +
        • Defined in src/atoms/colorThemes.ts:84

          • getDefaultTheme

          +
        • Defined in src/atoms/colorThemes.ts:136

          • getDefaultThemeName

            @@ -161,7 +161,7 @@

            Returns

            The default theme name (if any).

          Returns undefined | string

          +
        • Defined in src/atoms/colorThemes.ts:148

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getTheme

            @@ -191,7 +191,7 @@
            name: string

          Returns ColorTheme

          +
        • Defined in src/atoms/colorThemes.ts:116

          • getThemeNames

          +
        • Defined in src/atoms/colorThemes.ts:107

          • getThemes

          +
        • Defined in src/atoms/colorThemes.ts:128

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setDefaultTheme

          +
        • Defined in src/atoms/colorThemes.ts:156

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -362,7 +362,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class DataTables

          @@ -25,7 +25,7 @@

          Hierarchy

          • DataTables
          +
        • Defined in src/organisms/dataTables.ts:18
          • @@ -60,14 +60,14 @@

          availableColors

          The available colors property

          +
        • Defined in src/organisms/dataTables.ts:21

          • headerText

          headerText: PropertyButtonText

          The header text property

          +
        • Defined in src/organisms/dataTables.ts:25

          • Readonly key

          key: string
          @@ -75,7 +75,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -83,21 +83,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • padding

          padding: PropertyPixelSelectable

          The padding property

          +
        • Defined in src/organisms/dataTables.ts:23

          • shadow

          shadow: PropertyShadowSelectable

          The shadow property

          +
        • Defined in src/organisms/dataTables.ts:27

          • Methods

          @@ -115,7 +115,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -254,7 +254,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class DesignSystem

          @@ -29,7 +29,7 @@

          Implements

          • IDesignSystem
          +
        • Defined in src/designSystem.ts:27
          • @@ -41,9 +41,11 @@

          Properties

          code key layers +metadata molecules name organisms +shadeBuilderCfg

          Methods

          @@ -66,14 +68,14 @@

          Readonly

          +
        • Defined in src/designSystem.ts:31

          • Readonly code

          code: Code

          All code generators for this design system.

          +
        • Defined in src/designSystem.ts:39

          • Readonly key

          key: string
          @@ -82,14 +84,21 @@

          ReadonlyImplementation of IDesignSystem.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • Readonly layers

          layers: Layers

          All accessibility layers for this design system

          +
        • Defined in src/designSystem.ts:37
          • +
          +

          Private metadata

          +
          metadata: IDesignSystemMetadata
          +

          Design system metadata

          +

          Readonly molecules

          molecules: Molecules
          @@ -97,7 +106,7 @@

          Readonly

          +
        • Defined in src/designSystem.ts:33

          • Readonly name

          name: string
          @@ -105,7 +114,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly organisms

          organisms: Organisms
          @@ -113,7 +122,15 @@

          Readonly

          +
        • Defined in src/designSystem.ts:35
          • +
          +

          shadeBuilderCfg

          +
          shadeBuilderCfg: ShadeBuilderCfgPerDesignSystem
          +

          WCAG level

          +

          Methods

          @@ -131,7 +148,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • copy

            @@ -150,7 +167,7 @@
            newName: string

          Returns Promise<DesignSystem>

          +
        • Defined in src/designSystem.ts:154

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140
          • @@ -280,7 +297,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class DisplayAndHeaderStyles

          @@ -25,7 +25,7 @@

          Hierarchy

          • DisplayAndHeaderStyles
          +
        • Defined in src/atoms/displayAndHeaderStyles.ts:14
          • @@ -61,21 +61,21 @@

          Readonly

          The display styles typography styling properties

          +
        • Defined in src/atoms/displayAndHeaderStyles.ts:21

          • Readonly headerStyles

          headerStyles: TypographyStyling[] = []

          The headers styles typography styling properties

          +
        • Defined in src/atoms/displayAndHeaderStyles.ts:23

          • headingDisplayFontWeight

          headingDisplayFontWeight: PropertyNumber

          The heading display font weight property

          +
        • Defined in src/atoms/displayAndHeaderStyles.ts:17

          • Readonly key

          key: string
          @@ -83,7 +83,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -91,14 +91,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • percentChangeInHeaderDisplaySizes

          percentChangeInHeaderDisplaySizes: PropertyRange

          The percent change in header display sizes property

          +
        • Defined in src/atoms/displayAndHeaderStyles.ts:19

          • Readonly required

          required: boolean
          @@ -106,7 +106,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -124,7 +124,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -263,7 +263,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Dropdowns

          @@ -25,7 +25,7 @@

          Hierarchy

          • Dropdowns
          +
        • Defined in src/molecules/dropdowns.ts:13
          • @@ -59,7 +59,7 @@

          borderRadius

          The border radius property

          +
        • Defined in src/molecules/dropdowns.ts:23

          • Readonly key

          key: string
          @@ -67,21 +67,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • menuFocusState

          menuFocusState: PropertyStringSelectable

          The menu focus state property

          +
        • Defined in src/molecules/dropdowns.ts:19

          • menuShadow

          menuShadow: PropertyShadowSelectable

          The menu shadow property

          +
        • Defined in src/molecules/dropdowns.ts:21

          • Readonly name

          name: string
          @@ -89,7 +89,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -107,7 +107,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ElevationSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • ElevationSettings
          +
        • Defined in src/atoms/elevationSettings.ts:13
          • @@ -67,42 +67,42 @@

          baseBlurRadius

          The base blur radius property

          +
        • Defined in src/atoms/elevationSettings.ts:18

          • baseColorOpacity

          baseColorOpacity: PropertyNumberRange

          The base color opacity property

          +
        • Defined in src/atoms/elevationSettings.ts:22

          • baseSpreadRadius

          baseSpreadRadius: PropertyNumberRange

          The base spread radius property

          +
        • Defined in src/atoms/elevationSettings.ts:20

          • blurRadius

          blurRadius: PropertyNumberRange

          The blur radius property

          +
        • Defined in src/atoms/elevationSettings.ts:28

          • colorOpacity

          colorOpacity: PropertyNumberRange

          The color opacity property

          +
        • Defined in src/atoms/elevationSettings.ts:32

          • horizontalShadowLength

          horizontalShadowLength: PropertyNumberRange

          The horizontal shadow length property

          +
        • Defined in src/atoms/elevationSettings.ts:24

          • Readonly key

          key: string
          @@ -110,7 +110,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -118,14 +118,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • percentageChange

          percentageChange: PropertyPercentage

          The percentage change property

          +
        • Defined in src/atoms/elevationSettings.ts:34

          • Readonly required

          required: boolean
          @@ -133,28 +133,28 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • shadowColor

          shadowColor: PropertyString

          The shadow color property

          +
        • Defined in src/atoms/elevationSettings.ts:16

          • spreadRadius

          spreadRadius: PropertyNumberRange

          The spread radius property

          +
        • Defined in src/atoms/elevationSettings.ts:30

          • verticalShadowLength

          verticalShadowLength: PropertyNumberRange

          The vertical shadow length property

          +
        • Defined in src/atoms/elevationSettings.ts:26

          • Methods

          @@ -172,7 +172,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -311,7 +311,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class FocusStates

          @@ -25,7 +25,7 @@

          Hierarchy

          • FocusStates
          +
        • Defined in src/atoms/focusStates.ts:13
          • @@ -59,14 +59,14 @@

          addFocusBlur

          The add focus blur property

          +
        • Defined in src/atoms/focusStates.ts:18

          • focusColor

          focusColor: PropertyStringSelectable

          The focus color property

          +
        • Defined in src/atoms/focusStates.ts:16

          • Readonly key

          key: string
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -82,7 +82,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -90,7 +90,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -108,7 +108,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -247,7 +247,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class FontsSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • FontsSettings
          +
        • Defined in src/atoms/fontsSettings.ts:13
          • @@ -65,21 +65,21 @@

          baseFontSize

          The base font size property

          +
        • Defined in src/atoms/fontsSettings.ts:20

          • fontWeights

          fontWeights: PropertyNumber[] = []

          The font weights properties

          +
        • Defined in src/atoms/fontsSettings.ts:22

          • headerLineHeight

          headerLineHeight: PropertyNumber

          The header line height property

          +
        • Defined in src/atoms/fontsSettings.ts:26

          • Readonly key

          key: string
          @@ -87,7 +87,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -95,14 +95,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • primaryFont

          primaryFont: PropertyString

          The primary font property

          +
        • Defined in src/atoms/fontsSettings.ts:16

          • Readonly required

          required: boolean
          @@ -110,35 +110,35 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • secondaryFont

          secondaryFont: PropertyString

          The secondary font property

          +
        • Defined in src/atoms/fontsSettings.ts:18

          • secondaryFontWeight

          secondaryFontWeight: PropertyNumber

          The small line height property

          +
        • Defined in src/atoms/fontsSettings.ts:30

          • smallLineHeight

          smallLineHeight: PropertyNumber

          The small line height property

          +
        • Defined in src/atoms/fontsSettings.ts:28

          • standardLineHeight

          standardLineHeight: PropertyNumber

          The standard line height property

          +
        • Defined in src/atoms/fontsSettings.ts:24

          • Methods

          @@ -156,7 +156,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -295,7 +295,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class FooterAndCopyright

          @@ -25,7 +25,7 @@

          Hierarchy

          • FooterAndCopyright
          +
        • Defined in src/organisms/footerAndCopyright.ts:13
          • @@ -59,21 +59,21 @@

          copyrightVerticalPadding

          The copyright vertical padding property

          +
        • Defined in src/organisms/footerAndCopyright.ts:20

          • footerBackground

          footerBackground: PropertyStringSelectable

          The footer background property

          +
        • Defined in src/organisms/footerAndCopyright.ts:16

          • footerVerticalPadding

          footerVerticalPadding: PropertyNumberSelectable

          The footer vertical padding property

          +
        • Defined in src/organisms/footerAndCopyright.ts:18

          • Readonly key

          key: string
          @@ -81,7 +81,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -89,7 +89,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -107,7 +107,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class GlowSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • GlowSettings
          +
        • Defined in src/atoms/glowSettings.ts:17
          • @@ -62,21 +62,21 @@

          blurRadius

          The base blur radius property

          +
        • Defined in src/atoms/glowSettings.ts:22

          • color

          color: PropertyString

          The glow color property

          +
        • Defined in src/atoms/glowSettings.ts:20

          • colorOpacity

          colorOpacity: PropertyNumberRange

          The base color opacity property

          +
        • Defined in src/atoms/glowSettings.ts:26

          • Readonly key

          key: string
          @@ -84,7 +84,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -92,14 +92,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • percentageChange

          percentageChange: PropertyPercentage

          The percentage change property

          +
        • Defined in src/atoms/glowSettings.ts:28

          • Readonly required

          required: boolean
          @@ -107,14 +107,14 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • spreadRadius

          spreadRadius: PropertyNumberRange

          The base spread radius property

          +
        • Defined in src/atoms/glowSettings.ts:24

          • Methods

          @@ -132,7 +132,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -271,7 +271,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class GradientColors

          @@ -23,7 +23,7 @@

          Hierarchy

          • GradientColors
          +
        • Defined in src/atoms/colorThemes.ts:600
          • @@ -42,14 +42,14 @@

          Readonly

          The from color shade for this gradient

          +
        • Defined in src/atoms/colorThemes.ts:604

          • Readonly to

          to: PropertyColorShade

          The to color shade for this gradient

          +
        • Defined in src/atoms/colorThemes.ts:606
          • @@ -69,7 +69,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class GridSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • GridSettings
          +
        • Defined in src/atoms/gridSettings.ts:13
          • @@ -58,7 +58,7 @@

          grid

          The grid or spacing property

          +
        • Defined in src/atoms/gridSettings.ts:16

          • Readonly key

          key: string
          @@ -66,7 +66,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -82,7 +82,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -100,7 +100,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -239,7 +239,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Hero

          @@ -25,7 +25,7 @@

          Hierarchy

          • Hero
          +
        • Defined in src/organisms/hero.ts:13
          • @@ -61,14 +61,14 @@

          availableColors

          The hero available colors property

          +
        • Defined in src/organisms/hero.ts:26

          • body

          body: PropertyStringSelectable

          The hero body property

          +
        • Defined in src/organisms/hero.ts:34

          • Readonly key

          key: string
          @@ -76,7 +76,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -84,28 +84,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • title

          title: PropertyStringSelectable

          The hero title property

          +
        • Defined in src/organisms/hero.ts:32

          • verticalGap

          verticalGap: PropertyNumberSelectable

          The hero vertical gap property

          +
        • Defined in src/organisms/hero.ts:28

          • verticalPadding

          verticalPadding: PropertyNumberSelectable

          The hero vertical spacing property

          +
        • Defined in src/organisms/hero.ts:30

          • Methods

          @@ -123,7 +123,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +262,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Hotlinks

          @@ -25,7 +25,7 @@

          Hierarchy

          • Hotlinks
          +
        • Defined in src/atoms/hotlinks.ts:49
          • @@ -59,7 +59,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -67,7 +67,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -75,14 +75,14 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • underlineHotlinksInLightMode

          underlineHotlinksInLightMode: PropertyBoolean

          The underline hotlinks in light mode property

          +
        • Defined in src/atoms/hotlinks.ts:52

          • Methods

          @@ -100,7 +100,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -239,7 +239,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Images

          @@ -25,7 +25,7 @@

          Hierarchy

          • Images
          +
        • Defined in src/molecules/images.ts:13
          • @@ -60,14 +60,14 @@

          generalImageBorderRadius

          The general image border radius property

          +
        • Defined in src/molecules/images.ts:20

          • imageShadow

          imageShadow: PropertyShadowSelectable

          The image shadow property

          +
        • Defined in src/molecules/images.ts:22

          • Readonly key

          key: string
          @@ -75,21 +75,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • listImageBorderRadius

          listImageBorderRadius: PropertyNumberSelectable

          The list image border radius property

          +
        • Defined in src/molecules/images.ts:18

          • listImageHeight

          listImageHeight: PropertyNumberSelectable

          The list image height property

          +
        • Defined in src/molecules/images.ts:16

          • Readonly name

          name: string
          @@ -97,7 +97,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -115,7 +115,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -254,7 +254,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class InputBackground

          @@ -29,7 +29,7 @@

          Implements

          • IInputBackground
          +
        • Defined in src/atoms/inputBackground.ts:25
          • @@ -64,7 +64,7 @@

          ReadonlyImplementation of IInputBackground.key

          Inherited from Atom.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -72,7 +72,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly overlayColor

          overlayColor: PropertyTitledShade
          @@ -80,7 +80,7 @@

          Readonly

          +
        • Defined in src/atoms/inputBackground.ts:28

          • Readonly required

          required: boolean
          @@ -88,7 +88,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -106,7 +106,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -247,7 +247,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Layers

          @@ -25,7 +25,7 @@

          Hierarchy

          • Layers
          +
        • Defined in src/layers/layers.ts:12
          • @@ -61,21 +61,21 @@

          Readonly

          Color blind property

          +
        • Defined in src/layers/layers.ts:19

          • Readonly deviceTarget

          deviceTarget: PropertyStringSelectable

          The device target property

          +
        • Defined in src/layers/layers.ts:27

          • Readonly dyslexia

          dyslexia: PropertyBoolean

          Dyslexia property

          +
        • Defined in src/layers/layers.ts:21

          • Readonly key

          key: string
          @@ -83,14 +83,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly motionSensitivity

          motionSensitivity: PropertyBoolean

          Motion sensitivity property

          +
        • Defined in src/layers/layers.ts:23

          • Readonly name

          name: string
          @@ -98,14 +98,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly properties

          properties: PropertyBoolean[]

          All accessbility layer properties

          +
        • Defined in src/layers/layers.ts:25

          • Methods

          @@ -123,7 +123,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +262,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ListenerSubscription

          @@ -27,7 +27,7 @@

          Implements

          • IListenerSubscription
          +
        • Defined in src/common/node.ts:255
          • @@ -49,7 +49,7 @@

          cancelReturns void

          +
        • Defined in src/common/node.ts:266
          • @@ -69,7 +69,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class MemStorage

          @@ -27,7 +27,7 @@

          Implements

          +
        • Defined in src/storage/memStorage.ts:11
          • @@ -47,7 +47,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class MinimumTarget

          @@ -25,7 +25,7 @@

          Hierarchy

          • MinimumTarget
          +
        • Defined in src/atoms/minTarget.ts:13
          • @@ -60,21 +60,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • minHeight

          minHeight: PropertyNumber

          The min height property

          +
        • Defined in src/atoms/minTarget.ts:16

          • mobileMinHeight

          mobileMinHeight: PropertyNumber

          The mobile min height property

          +
        • Defined in src/atoms/minTarget.ts:18

          • Readonly name

          name: string
          @@ -82,7 +82,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -90,7 +90,7 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Methods

          @@ -108,7 +108,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -247,7 +247,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Modal

          @@ -25,7 +25,7 @@

          Hierarchy

          • Modal
          +
        • Defined in src/molecules/modal.ts:14
          • @@ -59,14 +59,14 @@

          borderRadius

          The modal border radius property

          +
        • Defined in src/molecules/modal.ts:19

          • color

          color: PropertyColorShade

          The modal color shade property

          +
        • Defined in src/molecules/modal.ts:17

          • Readonly key

          key: string
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -82,14 +82,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • shadow

          shadow: PropertyShadowSelectable

          The modal shadow property

          +
        • Defined in src/molecules/modal.ts:21

          • Methods

          @@ -107,7 +107,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Molecule

          @@ -46,7 +46,7 @@

          Implements

          • IMolecule
          +
        • Defined in src/molecules/molecule.ts:12
          • @@ -79,7 +79,7 @@

          ReadonlyImplementation of IMolecule.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -87,7 +87,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -105,7 +105,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Molecules

          @@ -29,7 +29,7 @@

          Implements

          • IMolecules
          +
        • Defined in src/molecules/molecules.ts:29
          • @@ -77,63 +77,63 @@

          Readonly

          The avatars molecule

          +
        • Defined in src/molecules/molecules.ts:33

          • Readonly chartBar

          chartBar: ChartBar

          The chart bar molecule

          +
        • Defined in src/molecules/molecules.ts:45

          • Readonly chartDonut

          chartDonut: ChartDonut

          The chart donut molecule

          +
        • Defined in src/molecules/molecules.ts:41

          • Readonly chartLine

          chartLine: ChartLine

          The chart line molecule

          +
        • Defined in src/molecules/molecules.ts:47

          • Readonly chartPie

          chartPie: ChartPie

          The chart pie molecule

          +
        • Defined in src/molecules/molecules.ts:43

          • Readonly chartProgress

          chartProgress: ChartProgress

          The chart progress molecule

          +
        • Defined in src/molecules/molecules.ts:49

          • Readonly chips

          chips: Chips

          The chips molecule

          +
        • Defined in src/molecules/molecules.ts:51

          • Readonly dropdowns

          dropdowns: Dropdowns

          The dropdowns molecule

          +
        • Defined in src/molecules/molecules.ts:55

          • Readonly images

          images: Images

          The images molecule

          +
        • Defined in src/molecules/molecules.ts:57

          • Readonly key

          key: string
          @@ -142,14 +142,14 @@

          ReadonlyImplementation of IMolecules.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • Readonly modal

          modal: Modal

          The modal molecule

          +
        • Defined in src/molecules/molecules.ts:59

          • Readonly name

          name: string
          @@ -157,56 +157,56 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly popovers

          popovers: Popovers

          The popovers molecule

          +
        • Defined in src/molecules/molecules.ts:61

          • Readonly sliders

          sliders: Sliders

          The sliders molecule

          +
        • Defined in src/molecules/molecules.ts:63

          • Readonly smallButtons

          smallButtons: SmallButtons

          The small buttons molecule

          +
        • Defined in src/molecules/molecules.ts:37

          • Readonly spacing

          spacing: Spacing

          The spacing molecule

          +
        • Defined in src/molecules/molecules.ts:53

          • Readonly standardButtons

          standardButtons: StandardButtons

          The standard buttons molecule

          +
        • Defined in src/molecules/molecules.ts:35

          • Readonly standardCards

          standardCards: Cards

          The standard cards molecule

          +
        • Defined in src/molecules/molecules.ts:39

          • Readonly toasts

          toasts: Toasts

          The toasts molecule

          +
        • Defined in src/molecules/molecules.ts:65

          • Methods

          @@ -224,7 +224,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -365,7 +365,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Node

          @@ -52,7 +52,7 @@

          Implements

          +
        • Defined in src/common/node.ts:37
          • @@ -84,14 +84,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string

          The name of the node, which is unique relative to it's siblings

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -108,7 +108,7 @@

          Parameters

          node: INode

          Returns void

          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

            @@ -130,7 +130,7 @@

            Returns

            Returns the keys of all properties which are required and not

          Returns string[]

          +
        • Defined in src/common/node.ts:112

          • isEnabled

            @@ -142,7 +142,7 @@

            Returns

            True if enabled, or false otherwise.

            Returns boolean

          +
        • Defined in src/common/node.ts:82

          • isInitialized

            @@ -155,7 +155,7 @@

            Returns

            True if initialized, or false otherwise.

            Returns boolean

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -241,7 +241,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Organism

          @@ -31,7 +31,7 @@

          Hierarchy

        • SecondaryNav
        • FooterAndCopyright
          • +
        • Defined in src/organisms/organism.ts:12
          • @@ -63,7 +63,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -71,7 +71,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -89,7 +89,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -228,7 +228,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Organisms

          @@ -29,7 +29,7 @@

          Implements

          • IOrganisms
          +
        • Defined in src/organisms/organisms.ts:19
          • @@ -65,21 +65,21 @@

          Readonly

          The data tables organism

          +
        • Defined in src/organisms/organisms.ts:23

          • Readonly footerAndCopyright

          footerAndCopyright: FooterAndCopyright

          The footer and copyright organism

          +
        • Defined in src/organisms/organisms.ts:31

          • Readonly hero

          hero: Hero

          The hero organism

          +
        • Defined in src/organisms/organisms.ts:25

          • Readonly key

          key: string
          @@ -88,7 +88,7 @@

          ReadonlyImplementation of IOrganisms.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -96,21 +96,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly primaryNav

          primaryNav: PrimaryNav

          The primary nav organism

          +
        • Defined in src/organisms/organisms.ts:27

          • Readonly secondaryNav

          secondaryNav: SecondaryNav

          The secondary nav organism

          +
        • Defined in src/organisms/organisms.ts:29

          • Methods

          @@ -128,7 +128,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -269,7 +269,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Popovers

          @@ -25,7 +25,7 @@

          Hierarchy

          • Popovers
          +
        • Defined in src/molecules/popovers.ts:13
          • @@ -58,7 +58,7 @@

          borderRadius

          The border radius property

          +
        • Defined in src/molecules/popovers.ts:16

          • Readonly key

          key: string
          @@ -66,7 +66,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -74,14 +74,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • shadow

          shadow: PropertyShadowSelectable

          The shadow property

          +
        • Defined in src/molecules/popovers.ts:18

          • Methods

          @@ -99,7 +99,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -238,7 +238,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class PrimaryNav

          @@ -25,7 +25,7 @@

          Hierarchy

          • PrimaryNav
          +
        • Defined in src/organisms/primaryNav.ts:13
          • @@ -60,14 +60,14 @@

          fixed

          The fixed property

          +
        • Defined in src/organisms/primaryNav.ts:16

          • horizontalTabPadding

          horizontalTabPadding: PropertyNumberSelectable

          The horizontal tab padding property

          +
        • Defined in src/organisms/primaryNav.ts:20

          • Readonly key

          key: string
          @@ -75,7 +75,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -83,21 +83,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • navText

          navText: PropertyButtonText

          The nav text property

          +
        • Defined in src/organisms/primaryNav.ts:22

          • verticalPadding

          verticalPadding: PropertyNumberSelectable

          The vertical padding property

          +
        • Defined in src/organisms/primaryNav.ts:18

          • Methods

          @@ -115,7 +115,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -254,7 +254,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Property<T>

          @@ -36,7 +36,7 @@

          Implements

          • IProperty
          +
        • Defined in src/common/props.ts:29
          • @@ -67,7 +67,7 @@

          ReadonlyImplementation of IProperty.key

          Inherited from Node.key

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -75,7 +75,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -93,7 +93,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -191,7 +191,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class PropertyGroupListener

          @@ -24,7 +24,7 @@

          Hierarchy

          • PropertyGroupListener
          +
        • Defined in src/common/props.ts:162
          • @@ -44,7 +44,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class PropertyRange

          @@ -25,7 +25,7 @@

          Hierarchy

          • PropertyRange
          +
        • Defined in src/common/props.ts:240
          • @@ -55,7 +55,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -63,7 +63,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -81,7 +81,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -178,7 +178,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class SecondaryNav

          @@ -25,7 +25,7 @@

          Hierarchy

          • SecondaryNav
          +
        • Defined in src/organisms/secondaryNav.ts:13
          • @@ -60,7 +60,7 @@

          horizontalTabPadding

          The horizontal tab padding property

          +
        • Defined in src/organisms/secondaryNav.ts:20

          • Readonly key

          key: string
          @@ -68,7 +68,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -76,28 +76,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • navText

          navText: PropertyButtonText

          The nav text property

          +
        • Defined in src/organisms/secondaryNav.ts:22

          • sticky

          sticky: PropertyBoolean

          The sticky property

          +
        • Defined in src/organisms/secondaryNav.ts:16

          • verticalPadding

          verticalPadding: PropertyNumberSelectable

          The vertical padding property

          +
        • Defined in src/organisms/secondaryNav.ts:18

          • Methods

          @@ -115,7 +115,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -254,7 +254,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Shade

          @@ -23,7 +23,7 @@

          Hierarchy

          • Shade
          +
        • Defined in src/common/shade.ts:55
          • @@ -34,14 +34,25 @@

          Properties

          B G R +builder? +coreShadeName? hex id index +key? +label? +lightness? +luminance? +mode? onHex opacity +perceivedLightness? rgbArray +saturation? BLACK DARK_BLUE +DARK_TEXT +FULL_BLACK GRAY HALF_BLACK HALF_WHITE @@ -54,17 +65,10 @@

          Properties

          Methods

          -
          buildDMShade -buildDMShades -buildLMShade -buildLMShades -buildShade -buildShades -clone -findDMShade -findLMShade +
          clone getContrast getContrastRatio +getContrastShade getContrastToWhiteOrBlack getCorrespondingDarkModeShade getDMShade @@ -72,17 +76,14 @@

          Methods

          getHexOrRGBA getLMShade getLightModeShade -getLighterAndDarkerShades getLighterShades getLightness getLuminance getMode -getOnShade2 getPartialShade getPerceivedLightness getQuarterShade getSaturation -getShade getShadeOrOnShadeBasedOnContrast getShadesOrderedByNearness hasMode @@ -106,244 +107,219 @@

          B

          The shade's B value

          +
        • Defined in src/common/shade.ts:171

          • G

          G: number

          The shade's G value

          +
        • Defined in src/common/shade.ts:169

          • R

          R: number

          The shade's R value

          +
        • Defined in src/common/shade.ts:167
          • +
          +

          Private Optional builder

          +
          builder?: ShadeBuilder
          +

          For automatically built shades,

          +
          +
          +

          Optional coreShadeName

          +
          coreShadeName?: string
          +

          If this is a core shade such as "Black" or "White", it is set to the core shade name.

          +

          hex

          hex: string

          The shade's hex value

          +
        • Defined in src/common/shade.ts:163

          • id

          id: string = "unknown"

          The id of the shade

          +
        • Defined in src/common/shade.ts:173

          • index

          index: number = -1

          The index of the shade

          +
        • Defined in src/common/shade.ts:175
          • +
          +

          Optional key

          +
          key?: string
          +

          If this is a shade built from the color palette, it is the unique key to the shade node in the tree

          +
          +
          +

          Private Optional label

          +
          label?: number
          +

          The cached computed label (e.g. 100, 200, etc) for this shade based upon it's lightness value

          +
          +
          +

          Private Optional lightness

          +
          lightness?: number
          +

          The cached computed lightness value for this shade

          +
          +
          +

          Private Optional luminance

          +
          luminance?: number
          +

          The cached computed luminance value for this shade

          +
          +
          +

          Private Optional mode

          +
          mode?: ColorMode
          +

          The parent color mode node for this shade if it was generated from the color palette

          +

          onHex

          onHex: string = ""

          The onHex value for this shade

          +
        • Defined in src/common/shade.ts:179

          • opacity

          opacity: number = 1

          The opacity of the shade

          +
        • Defined in src/common/shade.ts:177
          • +
          +

          Private Optional perceivedLightness

          +
          perceivedLightness?: number
          +

          The cached computed perceived lightness value for this shade

          +

          rgbArray

          rgbArray: number[]

          The shade's RGB array

          +
        • Defined in src/common/shade.ts:165
          • +
          +

          Private Optional saturation

          +
          saturation?: number
          +

          The cached computed saturation value for this shade

          +

          Static BLACK

          BLACK: Shade = ...

          The black shade

          +
        • Defined in src/common/shade.ts:62

          • Static DARK_BLUE

          DARK_BLUE: Shade = ...

          The dark blue shade

          +
        • Defined in src/common/shade.ts:84
          • +
          +

          Static DARK_TEXT

          +
          DARK_TEXT: Shade = ...
          +

          The dark text shade

          +
          +
          +

          Static FULL_BLACK

          +
          FULL_BLACK: Shade = ...
          +

          The black shade

          +

          Static GRAY

          GRAY: Shade = ...

          The gray shade

          +
        • Defined in src/common/shade.ts:76

          • Static HALF_BLACK

          HALF_BLACK: Shade = ...

          The half-black shade

          +
        • Defined in src/common/shade.ts:66

          • Static HALF_WHITE

          HALF_WHITE: Shade = ...

          The half-white shade

          +
        • Defined in src/common/shade.ts:72

          • Static HALF_WHITE_DM

          HALF_WHITE_DM: Shade = ...

          The half-white dark mode shade

          +
        • Defined in src/common/shade.ts:82

          • Static NEAR_BLACK

          NEAR_BLACK: Shade = ...

          The near black shade

          +
        • Defined in src/common/shade.ts:64

          • Static OFF_BLACK

          OFF_BLACK: Shade = ...

          The off-black shade

          +
        • Defined in src/common/shade.ts:68

          • Static OFF_WHITE

          OFF_WHITE: Shade = ...

          The off-white shade

          +
        • Defined in src/common/shade.ts:74

          • Static WHITE

          WHITE: Shade = ...

          The white shade

          +
        • Defined in src/common/shade.ts:70

          • Static WHITE_DM

          WHITE_DM: Shade = ...

          The white dark mode shade

          +
        • Defined in src/common/shade.ts:80

          • Methods

          -
          -

          buildDMShade

          -
            - -
          • -

            Build a dark mode shade for this shade

            - -

            Returns

            The new dark mode shade

            -
            -
            -

            Parameters

            -
              -
            • -
              Optional minRatio: number
              -

              The minimum contrast ratio to white or black

              -
            -

            Returns Shade

          -
          -

          buildDMShades

          -
            - -
          • -

            Build dark mode shades for this shade.

            - -

            Returns

            Dark mode shades for this shade

            -
            -

            Returns Shade[]

          -
          -

          buildLMShade

          -
            - -
          • -

            Build a light mode shade for this shade which meets the min contrast ratio requirements

            - -

            Returns

            The adjusted shade meeting the contrast ratio requirements

            -
            -
            -

            Parameters

            -
              -
            • -
              Optional minRatio: number
              -

              The minimum contrast ratio

              -
            -

            Returns Shade

          -
          -

          buildLMShades

          -
            - -
          • -

            Build light mode shades for this shade.

            - -

            Returns

            Light mode shades for this shade

            -
            -

            Returns Shade[]

          -
          -

          buildShade

          -
            - -
          • -

            Build a shade

            -
            -
            -

            Parameters

            -
              -
            • -
              lm: boolean
              -

              True for light mode; false for dark mode

              -
              • -
            • -
              Optional minRatio: number
              -

              Optional minRatio for the contrast ratio comparison for the on text

              -
            -

            Returns Shade

          -
          -

          buildShades

          -
            - -
          • -

            Build light or dark mode shades for this shade.

            - -

            Returns

            Shades for this shade

            -
            -
            -

            Parameters

            -
              -
            • -
              lm: boolean
              -

              True for light mode or false for dark mode

              -
            -

            Returns Shade[]

          clone

            @@ -355,51 +331,7 @@

            Returns

            A new shade object.

          Returns Shade

          -
          -

          findDMShade

          -
            - -
          • -

            Find a dark mode shade which meets the contrast ratio on these background shades

            - -

            Returns

            A dark mode shade meeting the contrast ratio requirement, or throws an exception if not found.

            -
            -
            -

            Parameters

            -
              -
            • -
              bgShades: Shade[]
              -

              The background shades

              -
              • -
            • -
              ratio: number
              -

              The required contrast ratio

              -
            -

            Returns Shade

          -
          -

          findLMShade

          -
            - -
          • -

            Find a light mode shade which meets the contrast ratio on this background shade

            - -

            Returns

            A light mode shade meeting the contrast ratio requirement, or throws an exception if not found.

            -
            -
            -

            Parameters

            -
              -
            • -
              bgShades: Shade[]
              • -
            • -
              ratio: number
              -

              The required contrast ratio

              -
            -

            Returns Shade

          +
        • Defined in src/common/shade.ts:793

          • getContrast

            @@ -411,7 +343,7 @@

            Returns

            The contrast of this shade to white or black.

          Returns number

          +
        • Defined in src/common/shade.ts:735

          • getContrastRatio

            @@ -426,7 +358,23 @@

            Parameters

            other: Shade

          Returns number

          +
        • Defined in src/common/shade.ts:721
          • +
          +

          getContrastShade

          +
            + +
          • +

            Get the shade which contrasts most to this shade, white or black.

            + +

            Returns

            +
            +

            Parameters

            +
              +
            • +
              lm: boolean
            +

            Returns Shade

          getContrastToWhiteOrBlack

            @@ -442,7 +390,7 @@

            Parameters

            lm: boolean

          Returns number

          +
        • Defined in src/common/shade.ts:743

          • getCorrespondingDarkModeShade

          +
        • Defined in src/common/shade.ts:521

          • getDMShade

            @@ -477,7 +425,7 @@
            ratio: number

          Returns undefined | Shade

          +
        • Defined in src/common/shade.ts:496

          • getHalfShade

          +
        • Defined in src/common/shade.ts:333

          • getHexOrRGBA

          +
        • Defined in src/common/shade.ts:773

          • getLMShade

            @@ -522,7 +470,7 @@
            ratio: number

          Returns undefined | Shade

          +
        • Defined in src/common/shade.ts:468

          • getLightModeShade

          -
          -

          Private getLighterAndDarkerShades

          -
            - -
          • -

            Build 10 shades from this shade, some of which may be lighter and some of which may be darker. -The number of lighter and darker depends on where in the spectrum this shade falls.

            - -

            Returns

            -
            -

            Parameters

            -
              -
            • -
              lm: boolean
              -

              True if this is for light mode; else false if for dark mode.

              -
            -

            Returns Shade[]

          +
        • Defined in src/common/shade.ts:358

          • Private getLighterShades

            @@ -572,7 +501,7 @@
            lm: boolean

          Returns Shade[]

          +
        • Defined in src/common/shade.ts:550

          • getLightness

          +
        • Defined in src/common/shade.ts:424

          • getLuminance

          +
        • Defined in src/common/shade.ts:394

          • getMode

            @@ -608,24 +537,7 @@

            Returns

            The mode, or throws exception if node.

            Returns ColorMode

          -
          -

          getOnShade2

          -
            - -
          • -

            Get the on shade for this shade.

            - -

            Returns

            The on shade

            -
            -
            -

            Parameters

            -
              -
            • -
              lm: boolean
            -

            Returns Shade

          +
        • Defined in src/common/shade.ts:294

          • getPartialShade

            @@ -643,7 +555,7 @@
            opacity: number

          Returns Shade

          +
        • Defined in src/common/shade.ts:350

          • getPerceivedLightness

            @@ -655,7 +567,7 @@

            Returns

            The perceived lightness of this shade.

            Returns number

          +
        • Defined in src/common/shade.ts:435

          • getQuarterShade

          +
        • Defined in src/common/shade.ts:341

          • getSaturation

          -
          -

          getShade

          -
            - -
          • -

            Find a shade which meets the contrast ratio requirements on this background shade.

            - -

            Returns

            -
            -

            Parameters

            -
              -
            • -
              lm: boolean
              -

              true for light mode and false for dark mode.

              -
              • -
            • -
              bgShades: Shade[]
              • -
            • -
              ratio: number
              -

              The contrast ratio requirement

              -
            -

            Returns undefined | Shade

          +
        • Defined in src/common/shade.ts:446

          • getShadeOrOnShadeBasedOnContrast

          +
          lm: boolean

          Returns Shade

          +
        • Defined in src/common/shade.ts:407

          • getShadesOrderedByNearness

          +
        • Defined in src/common/shade.ts:808

          • hasMode

          +
        • Defined in src/common/shade.ts:286

          • isCore

            @@ -762,7 +646,7 @@

            Returns

            True if this is a core shade; false, otherwise.

            Returns boolean

          +
        • Defined in src/common/shade.ts:315

          • meetsContrastRequirements

            @@ -780,7 +664,7 @@
            bgShades: number

          Returns boolean

          +
        • Defined in src/common/shade.ts:531

          • mix

            @@ -803,7 +687,7 @@
            ratio: number

          Returns Shade

          +
        • Defined in src/common/shade.ts:762

          • setHex

            @@ -820,7 +704,7 @@
            hex: string

          Returns Shade

          +
        • Defined in src/common/shade.ts:268

          • setId

            @@ -839,7 +723,7 @@
            id: string

          Returns Shade

          +
        • Defined in src/common/shade.ts:324

          • setMode

          +
        • Defined in src/common/shade.ts:306

          • Static coreShades

          +
        • Defined in src/common/shade.ts:101

          • Static fromHex

            @@ -893,7 +777,7 @@
            Optional coreShadeName:

          Returns Shade

          +
        • Defined in src/common/shade.ts:111

          • Static fromRGB

            @@ -920,7 +804,7 @@
            B: number

          Returns Shade

          +
        • Defined in src/common/shade.ts:130

          • Static fromRGBArray

          +
        • Defined in src/common/shade.ts:139

          • Static getCoreShade

            @@ -958,7 +842,7 @@
            coreShadeName: string

          Returns undefined | Shade

          +
        • Defined in src/common/shade.ts:93
          • @@ -978,7 +862,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Sliders

          @@ -25,7 +25,7 @@

          Hierarchy

          • Sliders
          +
        • Defined in src/molecules/sliders.ts:13
          • @@ -61,28 +61,28 @@

          barHeight

          The bar height property

          +
        • Defined in src/molecules/sliders.ts:22

          • barShadow

          barShadow: PropertyShadowSelectable

          The bar inset shadow property

          +
        • Defined in src/molecules/sliders.ts:24

          • handleBorderRadius

          handleBorderRadius: PropertyNumberSelectable

          The handle border radius property

          +
        • Defined in src/molecules/sliders.ts:16

          • handleShadow

          handleShadow: PropertyShadowSelectable

          The handle shadow property

          +
        • Defined in src/molecules/sliders.ts:20

          • Readonly key

          key: string
          @@ -90,7 +90,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -98,14 +98,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • visibleHeight

          visibleHeight: PropertyNumberSelectable

          The visible height property

          +
        • Defined in src/molecules/sliders.ts:18

          • Methods

          @@ -123,7 +123,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +262,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class SmallButtons

          @@ -25,7 +25,7 @@

          Hierarchy

          • SmallButtons
          +
        • Defined in src/molecules/smallButtons.ts:13
          • @@ -59,14 +59,14 @@

          buttonText

          The button text property

          +
        • Defined in src/molecules/smallButtons.ts:20

          • horizontalPadding

          horizontalPadding: PropertyNumberSelectable

          The horizontal padding property

          +
        • Defined in src/molecules/smallButtons.ts:18

          • Readonly key

          key: string
          @@ -74,7 +74,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -82,14 +82,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • visibleHeight

          visibleHeight: PropertyNumberSelectable

          The visible height property

          +
        • Defined in src/molecules/smallButtons.ts:16

          • Methods

          @@ -107,7 +107,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class SmallTextStyles

          @@ -25,7 +25,7 @@

          Hierarchy

          • SmallTextStyles
          +
        • Defined in src/atoms/smallTextStyles.ts:13
          • @@ -73,28 +73,28 @@

          callToAction

          The call-to-action topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:40

          • callToActionSmall

          callToActionSmall: TypographyStyling

          The call-to-action small topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:42

          • caption

          caption: TypographyStyling

          The caption topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:20

          • captionBold

          captionBold: TypographyStyling

          The caption bold topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:22

          • Readonly key

          key: string
          @@ -102,42 +102,42 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • label1

          label1: TypographyStyling

          The label1 topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:30

          • label1AllCaps

          label1AllCaps: TypographyStyling

          The label1 all caps topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:32

          • label2

          label2: TypographyStyling

          The label2 all caps topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:34

          • label2AllCaps

          label2AllCaps: TypographyStyling

          The label2 all caps topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:36

          • labelSmall

          labelSmall: TypographyStyling

          The label small topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:38

          • Readonly name

          name: string
          @@ -145,28 +145,28 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • overline

          overline: TypographyStyling

          The overline topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:24

          • overlineExtraLarge

          overlineExtraLarge: TypographyStyling

          The overline extra large topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:28

          • overlineLarge

          overlineLarge: TypographyStyling

          The overline large topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:26

          • Readonly required

          required: boolean
          @@ -174,35 +174,35 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • small

          small: TypographyStyling

          The small topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:44

          • smallSemibold

          smallSemibold: TypographyStyling

          The small semi-bold topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:46

          • subtitle1

          subtitle1: TypographyStyling

          The subtitle1 topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:16

          • subtitle2

          subtitle2: TypographyStyling

          The subtitle2 topography styling properties

          +
        • Defined in src/atoms/smallTextStyles.ts:18

          • Methods

          @@ -220,7 +220,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -359,7 +359,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Spacing

          @@ -25,7 +25,7 @@

          Hierarchy

          • Spacing
          +
        • Defined in src/molecules/spacing.ts:13
          • @@ -59,7 +59,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -67,21 +67,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • paragraphPadding

          paragraphPadding: PropertyNumberSelectable

          The paragraph padding property

          +
        • Defined in src/molecules/spacing.ts:18

          • sectionPadding

          sectionPadding: PropertyNumberSelectable

          The section padding property

          +
        • Defined in src/molecules/spacing.ts:16

          • Methods

          @@ -99,7 +99,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -238,7 +238,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class StandardButtons

          @@ -25,7 +25,7 @@

          Hierarchy

          • StandardButtons
          +
        • Defined in src/molecules/standardButtons.ts:13
          • @@ -63,28 +63,28 @@

          buttonShadow

          The button shadow property

          +
        • Defined in src/molecules/standardButtons.ts:26

          • buttonText

          buttonText: PropertyStringSelectable

          The button text property

          +
        • Defined in src/molecules/standardButtons.ts:24

          • height

          -
          height: PropertyNumberSelectable
          +
          height: PropertyNumber

          The height property

          +
        • Defined in src/molecules/standardButtons.ts:18

          • horizontalPadding

          horizontalPadding: PropertyNumberSelectable

          The horizontal padding property

          +
        • Defined in src/molecules/standardButtons.ts:22

          • Readonly key

          key: string
          @@ -92,14 +92,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • minWidth

          minWidth: PropertyNumberSelectable

          The minimum width property

          +
        • Defined in src/molecules/standardButtons.ts:16

          • Readonly name

          name: string
          @@ -107,21 +107,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • radius

          radius: PropertyNumberSelectable

          The radius property

          +
        • Defined in src/molecules/standardButtons.ts:20

          • secondaryBorder

          secondaryBorder: PropertyNumberSelectable

          The secondary border property

          +
        • Defined in src/molecules/standardButtons.ts:28

          • Methods

          @@ -139,7 +139,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -278,7 +278,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class StatStyles

          @@ -25,7 +25,7 @@

          Hierarchy

          • StatStyles
          +
        • Defined in src/atoms/statStyles.ts:13
          • @@ -59,7 +59,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -67,7 +67,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly required

          required: boolean
          @@ -75,14 +75,14 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • stat

          stat: TypographyStyling

          The stat typography styling properties

          +
        • Defined in src/atoms/statStyles.ts:16

          • Methods

          @@ -100,7 +100,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -239,7 +239,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class StateSettings

          @@ -25,7 +25,7 @@

          Hierarchy

          • StateSettings
          +
        • Defined in src/atoms/stateSettings.ts:19
          • @@ -63,21 +63,21 @@

          Readonly

          All state setting properties

          +
        • Defined in src/atoms/stateSettings.ts:30

          • Readonly danger

          danger: StateSetting

          The danger state setting properties

          +
        • Defined in src/atoms/stateSettings.ts:28

          • Readonly info

          info: StateSetting

          The info state setting properties

          +
        • Defined in src/atoms/stateSettings.ts:22

          • Readonly key

          key: string
          @@ -85,7 +85,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -93,14 +93,14 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Readonly ready

          ready: PropertyBoolean

          Property set to true when everything is ready

          +
        • Defined in src/atoms/stateSettings.ts:32

          • Readonly required

          required: boolean
          @@ -108,21 +108,21 @@

          Readonly

          +
        • Defined in src/atoms/atom.ts:16

          • Readonly success

          success: StateSetting

          The success state setting properties

          +
        • Defined in src/atoms/stateSettings.ts:24

          • Readonly warning

          warning: StateSetting

          The warning state setting properties

          +
        • Defined in src/atoms/stateSettings.ts:26

          • Methods

          @@ -140,7 +140,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -279,7 +279,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class ThemeBuilder

          @@ -27,7 +27,7 @@

          Implements

          • IThemeBuilder
          +
        • Defined in src/themeBuilder.ts:19
          • @@ -68,7 +68,7 @@
          Optional opts: Optional sample?: boolean

          Returns Promise<DesignSystem>

          +
        • Defined in src/themeBuilder.ts:62

          • deleteDesignSystem

            @@ -85,7 +85,7 @@
            name: string

          Returns Promise<void>

          +
        • Defined in src/themeBuilder.ts:91

          • getDesignSystem

            @@ -104,7 +104,7 @@
            name: string

          Returns Promise<DesignSystem>

          +
        • Defined in src/themeBuilder.ts:73

          • listDesignSystemNames

            @@ -116,7 +116,7 @@

            Returns

            The list of all design system names.

            Returns Promise<string[]>

          +
        • Defined in src/themeBuilder.ts:114

          • Static create

          +
        • Defined in src/themeBuilder.ts:43
          • @@ -155,7 +155,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class Toasts

          @@ -25,7 +25,7 @@

          Hierarchy

          • Toasts
          +
        • Defined in src/molecules/toasts.ts:13
          • @@ -59,7 +59,7 @@

          handleBorderRadius

          The handle border radius property

          +
        • Defined in src/molecules/toasts.ts:16

          • Readonly key

          key: string
          @@ -67,7 +67,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • Readonly name

          name: string
          @@ -75,21 +75,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • padding

          padding: PropertyNumberSelectable

          The padding property

          +
        • Defined in src/molecules/toasts.ts:18

          • shadow

          shadow: PropertyShadowSelectable

          The shadow property

          +
        • Defined in src/molecules/toasts.ts:20

          • Methods

          @@ -107,7 +107,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -246,7 +246,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Class TypographyStyling

          @@ -25,7 +25,7 @@

          Hierarchy

          • TypographyStyling
          +
        • Defined in src/atoms/typographyStyling.ts:20
          • @@ -61,21 +61,21 @@

          fontFamily

          The font family property

          +
        • Defined in src/atoms/typographyStyling.ts:23

          • fontSize

          fontSize: PropertyFontRange

          The font size property

          +
        • Defined in src/atoms/typographyStyling.ts:25

          • fontWeight

          fontWeight: PropertyNumberSelectable

          The font weight property

          +
        • Defined in src/atoms/typographyStyling.ts:27

          • Readonly key

          key: string
          @@ -83,21 +83,21 @@

          Readonly

          +
        • Defined in src/common/node.ts:42

          • letterSpacing

          letterSpacing: PropertyPixelRange

          The character spacing property

          +
        • Defined in src/atoms/typographyStyling.ts:31

          • lineHeight

          lineHeight: PropertyPercentageSelectable

          The line height property

          +
        • Defined in src/atoms/typographyStyling.ts:29

          • Readonly name

          name: string
          @@ -105,7 +105,7 @@

          Readonly

          +
        • Defined in src/common/node.ts:40

          • Methods

          @@ -123,7 +123,7 @@
          node: Returns void
          +
        • Defined in src/common/node.ts:72

          • getDesignSystem

          +
        • Defined in src/common/node.ts:63

          • getUninitializedRequiredProperties

          +
        • Defined in src/common/node.ts:112

          • isEnabled

          +
        • Defined in src/common/node.ts:82

          • isInitialized

          +
        • Defined in src/common/node.ts:99

          • removeAllListeners

          +
        • Defined in src/common/node.ts:161

          • removeListener

          +
        • Defined in src/common/node.ts:153

          • setListener

          +
        • Defined in src/common/node.ts:140

          • store

          +
        • Defined in src/common/node.ts:190
          • @@ -262,7 +262,7 @@

          Theme

          @@ -6,12 +6,12 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk
          -

          a11y-theme-builder-sdk

          +

          @finos/a11y-theme-builder-sdk

          FINOS - Incubating Maintainers-Invited Contributors-Invited

          @@ -82,7 +82,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Interface INode

          @@ -27,7 +27,7 @@

          Implemented by

          +
        • Defined in src/interfaces.ts:13
          • @@ -50,7 +50,7 @@

          key

          The unique key of the node

          +
        • Defined in src/interfaces.ts:15

          • Methods

          @@ -69,7 +69,7 @@
          name: string

          Returns void

          +
        • Defined in src/interfaces.ts:27

          • setListener

            @@ -94,7 +94,7 @@
            Optional eventTypes:

          Returns IListenerSubscription

          +
        • Defined in src/interfaces.ts:22
          • @@ -114,7 +114,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Interface Storage

          @@ -28,7 +28,7 @@

          Implemented by

          +
        • Defined in src/storage/interface.ts:17
          • @@ -58,7 +58,7 @@

          Parameters

          key: string

          Returns Promise<void>

          +
        • Defined in src/storage/interface.ts:23

          • get

            @@ -73,7 +73,7 @@

            Parameters

            key: string

          Returns Promise<StorageElement>

          +
        • Defined in src/storage/interface.ts:19

          • listKeys

          +
        • Defined in src/storage/interface.ts:25

          • listMetadata

          +
        • Defined in src/storage/interface.ts:27

          • set

          Returns Promise<void>

          +
        • Defined in src/storage/interface.ts:21
          • @@ -130,7 +130,7 @@

          Theme

          @@ -6,13 +6,13 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk

          Interface StorageElement

          @@ -24,7 +24,7 @@

          Hierarchy

          • StorageElement
          +
        • Defined in src/storage/interface.ts:9
          • @@ -44,7 +44,7 @@

          Theme

          @@ -6,12 +6,12 @@
          • Preparing search index...
            • -
          • The search index is not available
          a11y-theme-builder-sdk +
        • The search index is not available
          • @finos/a11y-theme-builder-sdk
          -

          a11y-theme-builder-sdk

          +

          @finos/a11y-theme-builder-sdk

          Index

          @@ -125,7 +125,7 @@

          Theme