@universal-material/web 3.0.7 → 3.0.9

package/theme/theme-builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-builder.js","sourceRoot":"","sources":["../../src/theme/theme-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { argbFromHex, CorePalette, TonalPalette } from '@material/material-color-utilities';\n\nimport { Color } from './color.js';\nimport { CssVarBuilder } from './css-var-builder.js';\nimport { neutralColors, neutralVariantColors } from './neutral-colors.js';\nimport { ThemeColor } from './theme-color.js';\n\nfunction getCss(selector: string, content: string): string {\n  return `${selector} {\n${content}}`;\n}\n\nexport class ThemeBuilder {\n  cssClass: string | null;\n  colors: ThemeColor[] = [];\n  commonColors: ThemeColor[] = [];\n  neutralColorPalette!: TonalPalette;\n  neutralVariantColorPalette!: TonalPalette;\n\n  private partial = false;\n\n  private constructor() {\n    this.cssClass = null;\n  }\n\n  static create(primaryColorHex: string): ThemeBuilder {\n    return new ThemeBuilder()\n      .addColorFromHex('primary', primaryColorHex);\n  }\n\n  static createPartial(): ThemeBuilder {\n    const themeBuilder = new ThemeBuilder();\n    themeBuilder.partial = true;\n\n    return themeBuilder;\n  }\n\n  addColorFromHex(name: string, hex: string): ThemeBuilder {\n    const palette = TonalPalette.fromInt(argbFromHex(hex));\n\n    this.addColorFromPalette(name, palette);\n    return this;\n  }\n\n  addColorFromPalette(name: string, palette: TonalPalette): ThemeBuilder {\n    this.colors.push({name, lightTone: 40, darkTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}`, lightTone: 100, darkTone: 20, tonalPalette: palette});\n    this.colors.push({name: `${name}-container`, lightTone: 90, darkTone: 30, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-container`, lightTone: 10, darkTone: 90, tonalPalette: palette});\n\n    this.colors.push({name: `${name}-fixed`, fixedTone: 90, tonalPalette: palette});\n    this.colors.push({name: `${name}-fixed-dim`, fixedTone: 800, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed`, fixedTone: 10, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed-variant`, fixedTone: 30, tonalPalette: palette});\n    return this;\n  }\n\n  addCommonColor(name: string, hex: string): ThemeBuilder {\n    this.commonColors.push({name, tonalPalette: TonalPalette.fromInt(argbFromHex(hex))})\n    return this;\n  }\n\n  setCssClass(cssClass: string): ThemeBuilder {\n    this.cssClass = cssClass;\n    return this;\n  }\n\n  private ensureCssClassStartsWithDot(): void {\n    if (!this.cssClass || this.cssClass.startsWith('.')) {\n      return;\n    }\n\n    this.cssClass = `.${this.cssClass}`;\n  }\n\n  private ensureThemeColors(): void {\n\n    const primaryColor = this.colors.find(c => c.name === 'primary')!;\n\n    const palette = CorePalette.of(primaryColor.tonalPalette.tone(40));\n\n    if (!this.colors.find(c => c.name === 'secondary')) {\n      this.addColorFromPalette('secondary', palette.a2);\n    }\n\n    if (!this.colors.find(c => c.name === 'tertiary')) {\n      this.addColorFromPalette('tertiary', palette.a3);\n    }\n\n    if (!this.neutralColorPalette) {\n      this.neutralColorPalette = palette.n1;\n    }\n\n    if (!this.neutralVariantColorPalette) {\n      this.neutralVariantColorPalette = palette.n2;\n    }\n  }\n\n  private getNeutralVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralColors, this.neutralColorPalette, dark);\n\n    builder\n      .add('--u-color-background', \"var(--u-color-surface-container-highest)\")\n      .add('--u-color-inverse-background', \"var(--u-color-inverse-surface-container-highest)\")\n      .add('--u-color-on-background', \"var(--u-color-on-surface)\")\n      .add('--u-color-on-inverse-background', \"var(--u-color-inverse-on-surface)\");\n\n    return builder.build();\n  }\n\n  private getNeutralVariantVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralVariantColors, this.neutralColorPalette, dark);\n\n    return builder.build()\n  }\n\n  getColorVariables(color: ThemeColor, dark: boolean): string {\n\n    const builder = CssVarBuilder.create();\n\n    this.addToneColor(builder, color, color.tonalPalette, dark)\n\n    return builder.build();\n  }\n\n  private getColorsVariables(dark: boolean): string {\n    let variables = '';\n\n    for (const color of this.colors) {\n      variables += this.getColorVariables(color, dark);\n    }\n\n    if (this.neutralColorPalette) {\n      variables += this.getNeutralVariables(dark);\n    }\n\n    if (this.neutralVariantColorPalette) {\n      variables += this.getNeutralVariantVariables(dark);\n    }\n\n    return variables;\n  }\n\n  private addColors(builder: CssVarBuilder, colors: Color[], palette: TonalPalette, dark: boolean): void {\n    for (const color of colors) {\n      this.addToneColor(builder, color, palette, dark);\n    }\n  }\n\n  private addToneColor(builder: CssVarBuilder, color: Color, palette: TonalPalette, dark: boolean): void {\n    if (color.fixedTone !== undefined) {\n      builder.addFromArgb(color.name, palette.tone(color.fixedTone));\n      return;\n    }\n\n    const tone = dark\n      ? color.darkTone!\n      : color.lightTone!;\n\n    const inverseTone = dark\n      ? color.lightTone!\n      : color.darkTone!;\n\n    builder\n      .addFromArgb(color.name, palette.tone(tone))\n      .addFromArgb(`inverse-${color.name}`, palette.tone(inverseTone));\n\n    if (dark) {\n      return;\n    }\n\n    builder\n      .addFromArgb(`light-${color.name}`, palette.tone(color.lightTone!))\n      .addFromArgb(`dark-${color.name}`, palette.tone(color.darkTone!));\n  }\n\n  build(): string {\n\n    this.ensureCssClassStartsWithDot();\n\n    const lightCssClass = this.cssClass ?? ':root';\n    const darkCssClass = this.cssClass\n      ? `${this.cssClass}.u-dark-mode,\n${this.cssClass} .u-dark-mode`\n      : '.u-dark-mode';\n\n    if (!this.partial) {\n      this.ensureThemeColors();\n    }\n\n    const variables = `${getCss(lightCssClass, `${this.getColorsVariables(false)}`)}\n\n${getCss(darkCssClass, this.getColorsVariables(true))}\n`;\n    return variables;\n  }\n}\n"]}

package/theme/theme-color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-color.d.ts","sourceRoot":"","sources":["../../src/theme/theme-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,WAAW,UAAW,SAAQ,KAAK;IACvC,YAAY,EAAE,YAAY,CAAC;CAC5B"}

package/theme/theme-color.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=theme-color.js.map

package/theme/theme-color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-color.js","sourceRoot":"","sources":["../../src/theme/theme-color.ts"],"names":[],"mappings":"","sourcesContent":["import { TonalPalette } from '@material/material-color-utilities';\n\nimport { Color } from './color.js';\n\nexport interface ThemeColor extends Color {\n  tonalPalette: TonalPalette;\n}\n"]}