kdutify 2.6.1 → 2.7.3

package/lib/services/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/services/theme/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-multi-spaces */\n// Extensions\nimport { Service } from '../service'\n\n// Utilities\nimport * as ThemeUtils from './utils'\nimport { getNestedValue } from '../../util/helpers'\n\n// Types\nimport Kdu from 'kdu'\nimport { KdutifyPreset } from 'kdutify/types/services/presets'\nimport {\n  KdutifyParsedTheme,\n  KdutifyThemes,\n  KdutifyThemeVariant,\n  Theme as ITheme,\n} from 'kdutify/types/services/theme'\n\nexport class Theme extends Service {\n  static property: 'theme' = 'theme'\n\n  public disabled = false\n\n  public options: ITheme['options']\n\n  public styleEl?: HTMLStyleElement\n\n  public themes: KdutifyThemes\n\n  public defaults: KdutifyThemes\n\n  private isDark = null as boolean | null\n\n  private unwatch = null as (() => void) | null\n\n  private kduMeta = null as any | null\n\n  constructor (preset: KdutifyPreset) {\n    super()\n\n    const {\n      dark,\n      disable,\n      options,\n      themes,\n    } = preset[Theme.property]\n\n    this.dark = Boolean(dark)\n    this.defaults = this.themes = themes\n    this.options = options\n\n    if (disable) {\n      this.disabled = true\n\n      return\n    }\n\n    this.themes = {\n      dark: this.fillVariant(themes.dark, true),\n      light: this.fillVariant(themes.light, false),\n    }\n  }\n\n  // When setting css, check for element and apply new values\n  /* eslint-disable-next-line accessor-pairs */\n  set css (val: string) {\n    if (this.kduMeta) {\n      if (this.isKduMeta23) {\n        this.applyKduMeta23()\n      }\n      return\n    }\n    this.checkOrCreateStyleElement() && (this.styleEl!.innerHTML = val)\n  }\n\n  set dark (val: boolean) {\n    const oldDark = this.isDark\n\n    this.isDark = val\n    // Only apply theme after dark\n    // has already been set before\n    oldDark != null && this.applyTheme()\n  }\n\n  get dark () {\n    return Boolean(this.isDark)\n  }\n\n  // Apply current theme default\n  // only called on client side\n  public applyTheme (): void {\n    if (this.disabled) return this.clearCss()\n\n    this.css = this.generatedStyles\n  }\n\n  public clearCss (): void {\n    this.css = ''\n  }\n\n  // Initialize theme for SSR and SPA\n  // Attach to ssrContext head or\n  // apply new theme to document\n  public init (root: Kdu, ssrContext?: any): void {\n    if (this.disabled) return\n\n    /* istanbul ignore else */\n    if ((root as any).$meta) {\n      this.initKduMeta(root)\n    } else if (ssrContext) {\n      this.initSSR(ssrContext)\n    }\n\n    this.initTheme(root)\n  }\n\n  // Allows for you to set target theme\n  public setTheme (theme: 'light' | 'dark', value: object) {\n    this.themes[theme] = Object.assign(this.themes[theme], value)\n    this.applyTheme()\n  }\n\n  // Reset theme defaults\n  public resetThemes () {\n    this.themes.light = Object.assign({}, this.defaults.light)\n    this.themes.dark = Object.assign({}, this.defaults.dark)\n    this.applyTheme()\n  }\n\n  // Check for existence of style element\n  private checkOrCreateStyleElement (): boolean {\n    this.styleEl = document.getElementById('kdutify-theme-stylesheet') as HTMLStyleElement\n\n    /* istanbul ignore next */\n    if (this.styleEl) return true\n\n    this.genStyleElement() // If doesn't have it, create it\n\n    return Boolean(this.styleEl)\n  }\n\n  private fillVariant (\n    theme: Partial<KdutifyThemeVariant> = {},\n    dark: boolean\n  ): KdutifyThemeVariant {\n    const defaultTheme = this.themes[dark ? 'dark' : 'light']\n\n    return Object.assign({},\n      defaultTheme,\n      theme\n    )\n  }\n\n  // Generate the style element\n  // if applicable\n  private genStyleElement (): void {\n    /* istanbul ignore if */\n    if (typeof document === 'undefined') return\n\n    /* istanbul ignore next */\n    this.styleEl = document.createElement('style')\n    this.styleEl.type = 'text/css'\n    this.styleEl.id = 'kdutify-theme-stylesheet'\n\n    if (this.options.cspNonce) {\n      this.styleEl.setAttribute('nonce', this.options.cspNonce)\n    }\n\n    document.head.appendChild(this.styleEl)\n  }\n\n  private initKduMeta (root: any) {\n    this.kduMeta = root.$meta()\n    if (this.isKduMeta23) {\n      // kdu-meta needs to apply after mounted()\n      root.$nextTick(() => {\n        this.applyKduMeta23()\n      })\n      return\n    }\n\n    const metaKeyName = typeof this.kduMeta.getOptions === 'function' ? this.kduMeta.getOptions().keyName : 'metaInfo'\n    const metaInfo = root.$options[metaKeyName] || {}\n\n    root.$options[metaKeyName] = () => {\n      metaInfo.style = metaInfo.style || []\n\n      const kdutifyStylesheet = metaInfo.style.find((s: any) => s.id === 'kdutify-theme-stylesheet')\n\n      if (!kdutifyStylesheet) {\n        metaInfo.style.push({\n          cssText: this.generatedStyles,\n          type: 'text/css',\n          id: 'kdutify-theme-stylesheet',\n          nonce: (this.options || {}).cspNonce,\n        })\n      } else {\n        kdutifyStylesheet.cssText = this.generatedStyles\n      }\n\n      return metaInfo\n    }\n  }\n\n  private applyKduMeta23 () {\n    const { set } = this.kduMeta.addApp('kdutify')\n\n    set({\n      style: [{\n        cssText: this.generatedStyles,\n        type: 'text/css',\n        id: 'kdutify-theme-stylesheet',\n        nonce: this.options.cspNonce,\n      }],\n    })\n  }\n\n  private initSSR (ssrContext?: any) {\n    // SSR\n    const nonce = this.options.cspNonce ? ` nonce=\"${this.options.cspNonce}\"` : ''\n    ssrContext.head = ssrContext.head || ''\n    ssrContext.head += `<style type=\"text/css\" id=\"kdutify-theme-stylesheet\"${nonce}>${this.generatedStyles}</style>`\n  }\n\n  private initTheme (root: Kdu) {\n    // Only watch for reactivity on client side\n    if (typeof document === 'undefined') return\n\n    // If we get here somehow, ensure\n    // existing instance is removed\n    if (this.unwatch) {\n      this.unwatch()\n      this.unwatch = null\n    }\n\n    // TODO: Update to use RFC if merged\n    root.$once('hook:created', () => {\n      const obs = Kdu.observable({ themes: this.themes })\n      this.unwatch = root.$watch(() => obs.themes, () => this.applyTheme(), { deep: true })\n    })\n    this.applyTheme()\n  }\n\n  get currentTheme () {\n    const target = this.dark ? 'dark' : 'light'\n\n    return this.themes[target]\n  }\n\n  get generatedStyles (): string {\n    const theme = this.parsedTheme\n    /* istanbul ignore next */\n    const options = this.options || {}\n    let css\n\n    if (options.themeCache != null) {\n      css = options.themeCache.get(theme)\n      /* istanbul ignore if */\n      if (css != null) return css\n    }\n\n    css = ThemeUtils.genStyles(theme, options.customProperties)\n\n    if (options.minifyTheme != null) {\n      css = options.minifyTheme(css)\n    }\n\n    if (options.themeCache != null) {\n      options.themeCache.set(theme, css)\n    }\n\n    return css\n  }\n\n  get parsedTheme (): KdutifyParsedTheme {\n    return ThemeUtils.parse(\n      this.currentTheme || {},\n      undefined,\n      getNestedValue(this.options, ['variations'], true)\n    )\n  }\n\n  // Is using v2.3 of kdu-meta\n  private get isKduMeta23 (): boolean {\n    return typeof this.kduMeta.addApp === 'function'\n  }\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/services/theme/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-multi-spaces */\n// Extensions\nimport { Service } from '../service'\n\n// Utilities\nimport * as ThemeUtils from './utils'\nimport { getNestedValue } from '../../util/helpers'\n\n// Types\nimport Kdu from 'kdu'\nimport { KdutifyPreset } from 'kdutify/types/services/presets'\nimport {\n  KdutifyParsedTheme,\n  KdutifyThemes,\n  KdutifyThemeVariant,\n  Theme as ITheme,\n} from 'kdutify/types/services/theme'\n\nexport class Theme extends Service {\n  static property: 'theme' = 'theme'\n\n  public disabled = false\n\n  public options: ITheme['options']\n\n  public styleEl?: HTMLStyleElement\n\n  public themes: KdutifyThemes\n\n  public defaults: KdutifyThemes\n\n  private isDark = null as boolean | null\n\n  private unwatch = null as (() => void) | null\n\n  private kduMeta = null as any | null\n\n  constructor (preset: KdutifyPreset) {\n    super()\n\n    const {\n      dark,\n      disable,\n      options,\n      themes,\n    } = preset[Theme.property]\n\n    this.dark = Boolean(dark)\n    this.defaults = this.themes = themes\n    this.options = options\n\n    if (disable) {\n      this.disabled = true\n\n      return\n    }\n\n    this.themes = {\n      dark: this.fillVariant(themes.dark, true),\n      light: this.fillVariant(themes.light, false),\n    }\n  }\n\n  // When setting css, check for element and apply new values\n  /* eslint-disable-next-line accessor-pairs */\n  set css (val: string) {\n    if (this.kduMeta) {\n      if (this.isKduMeta23) {\n        this.applyKduMeta23()\n      }\n      return\n    }\n    this.checkOrCreateStyleElement() && (this.styleEl!.innerHTML = val)\n  }\n\n  set dark (val: boolean) {\n    const oldDark = this.isDark\n\n    this.isDark = val\n    // Only apply theme after dark\n    // has already been set before\n    oldDark != null && this.applyTheme()\n  }\n\n  get dark () {\n    return Boolean(this.isDark)\n  }\n\n  // Apply current theme default\n  // only called on client side\n  public applyTheme (): void {\n    if (this.disabled) return this.clearCss()\n\n    this.css = this.generatedStyles\n  }\n\n  public clearCss (): void {\n    this.css = ''\n  }\n\n  // Initialize theme for SSR and SPA\n  // Attach to ssrContext head or\n  // apply new theme to document\n  public init (root: Kdu, ssrContext?: any): void {\n    if (this.disabled) return\n\n    /* istanbul ignore else */\n    if ((root as any).$meta) {\n      this.initKduMeta(root)\n    } else if (ssrContext) {\n      this.initSSR(ssrContext)\n    }\n\n    this.initTheme(root)\n  }\n\n  // Allows for you to set target theme\n  public setTheme (theme: 'light' | 'dark', value: object) {\n    this.themes[theme] = Object.assign(this.themes[theme], value)\n    this.applyTheme()\n  }\n\n  // Reset theme defaults\n  public resetThemes () {\n    this.themes.light = Object.assign({}, this.defaults.light)\n    this.themes.dark = Object.assign({}, this.defaults.dark)\n    this.applyTheme()\n  }\n\n  // Check for existence of style element\n  private checkOrCreateStyleElement (): boolean {\n    this.styleEl = document.getElementById('kdutify-theme-stylesheet') as HTMLStyleElement\n\n    /* istanbul ignore next */\n    if (this.styleEl) return true\n\n    this.genStyleElement() // If doesn't have it, create it\n\n    return Boolean(this.styleEl)\n  }\n\n  private fillVariant (\n    theme: Partial<KdutifyThemeVariant> = {},\n    dark: boolean\n  ): KdutifyThemeVariant {\n    const defaultTheme = this.themes[dark ? 'dark' : 'light']\n\n    return Object.assign({},\n      defaultTheme,\n      theme\n    )\n  }\n\n  // Generate the style element\n  // if applicable\n  private genStyleElement (): void {\n    /* istanbul ignore if */\n    if (typeof document === 'undefined') return\n\n    /* istanbul ignore next */\n    this.styleEl = document.createElement('style')\n    this.styleEl.type = 'text/css'\n    this.styleEl.id = 'kdutify-theme-stylesheet'\n\n    if (this.options.cspNonce) {\n      this.styleEl.setAttribute('nonce', this.options.cspNonce)\n    }\n\n    document.head.appendChild(this.styleEl)\n  }\n\n  private initKduMeta (root: any) {\n    this.kduMeta = root.$meta()\n    if (this.isKduMeta23) {\n      // kdu-meta needs to apply after mounted()\n      root.$nextTick(() => {\n        this.applyKduMeta23()\n      })\n      return\n    }\n\n    const metaKeyName = typeof this.kduMeta.getOptions === 'function' ? this.kduMeta.getOptions().keyName : 'metaInfo'\n    const metaInfo = root.$options[metaKeyName] || {}\n\n    root.$options[metaKeyName] = () => {\n      metaInfo.style = metaInfo.style || []\n\n      const kdutifyStylesheet = metaInfo.style.find((s: any) => s.id === 'kdutify-theme-stylesheet')\n\n      if (!kdutifyStylesheet) {\n        metaInfo.style.push({\n          cssText: this.generatedStyles,\n          type: 'text/css',\n          id: 'kdutify-theme-stylesheet',\n          nonce: (this.options || {}).cspNonce,\n        })\n      } else {\n        kdutifyStylesheet.cssText = this.generatedStyles\n      }\n\n      return metaInfo\n    }\n  }\n\n  private applyKduMeta23 () {\n    const { set } = this.kduMeta.addApp('kdutify')\n\n    set({\n      style: [{\n        cssText: this.generatedStyles,\n        type: 'text/css',\n        id: 'kdutify-theme-stylesheet',\n        nonce: this.options.cspNonce,\n      }],\n    })\n  }\n\n  private initSSR (ssrContext?: any) {\n    // SSR\n    const nonce = this.options.cspNonce ? ` nonce=\"${this.options.cspNonce}\"` : ''\n    ssrContext.head = ssrContext.head || ''\n    ssrContext.head += `<style type=\"text/css\" id=\"kdutify-theme-stylesheet\"${nonce}>${this.generatedStyles}</style>`\n  }\n\n  private initTheme (root: Kdu) {\n    // Only watch for reactivity on client side\n    if (typeof document === 'undefined') return\n\n    // If we get here somehow, ensure\n    // existing instance is removed\n    if (this.unwatch) {\n      this.unwatch()\n      this.unwatch = null\n    }\n\n    // TODO: Update to use RFC if merged\n    root.$once('hook:created', () => {\n      const obs = Kdu.observable({ themes: this.themes })\n      this.unwatch = root.$watch(() => obs.themes, () => this.applyTheme(), { deep: true })\n    })\n    this.applyTheme()\n  }\n\n  get currentTheme () {\n    const target = this.dark ? 'dark' : 'light'\n\n    return this.themes[target]\n  }\n\n  get generatedStyles (): string {\n    const theme = this.parsedTheme\n    /* istanbul ignore next */\n    const options = this.options || {}\n    let css\n\n    if (options.themeCache != null) {\n      css = options.themeCache.get(theme)\n      /* istanbul ignore if */\n      if (css != null) return css\n    }\n\n    css = ThemeUtils.genStyles(theme, options.customProperties)\n\n    if (options.minifyTheme != null) {\n      css = options.minifyTheme(css)\n    }\n\n    if (options.themeCache != null) {\n      options.themeCache.set(theme, css)\n    }\n\n    return css\n  }\n\n  get parsedTheme (): KdutifyParsedTheme {\n    return ThemeUtils.parse(\n      this.currentTheme || {},\n      undefined,\n      getNestedValue(this.options, ['variations'], true)\n    )\n  }\n\n  // Is using v2.3 of kdu-meta\n  private get isKduMeta23 (): boolean {\n    return typeof this.kduMeta.addApp === 'function'\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/services/theme/utils.js

@@ -9,12 +9,10 @@ export function parse(theme, isItem = false, variations = true) {
   } = theme;
   const colors = Object.keys(variant);
   const parsedTheme = {};
-
   for (let i = 0; i < colors.length; ++i) {
     const name = colors[i];
     const value = theme[name];
     if (value == null) continue;
-
     if (!variations) {
       parsedTheme[name] = {
         base: intToHex(colorToInt(value))
@@ -30,17 +28,14 @@ export function parse(theme, isItem = false, variations = true) {
       parsedTheme[name] = genVariations(name, colorToInt(value));
     }
   }
-
   if (!isItem) {
     parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base;
   }
-
   return parsedTheme;
 }
-/**
- * Generate the CSS for a base color (.primary)
+/**
+ * Generate the CSS for a base color (.primary)
  */
-
 const genBaseColor = (name, value) => {
   return `
 .k-application .${name} {
@@ -52,11 +47,9 @@ const genBaseColor = (name, value) => {
   caret-color: ${value} !important;
 }`;
 };
-/**
- * Generate the CSS for a variant color (.primary.darken-2)
+/**
+ * Generate the CSS for a variant color (.primary.darken-2)
  */
-
-
 const genVariantColor = (name, variant, value) => {
   const [type, n] = variant.split(/(\d)/, 2);
   return `
@@ -69,11 +62,8 @@ const genVariantColor = (name, variant, value) => {
   caret-color: ${value} !important;
 }`;
 };
-
 const genColorVariableName = (name, variant = 'base') => `--k-${name}-${variant}`;
-
 const genColorVariable = (name, variant = 'base') => `var(${genColorVariableName(name, variant)})`;
-
 export function genStyles(theme, cssVar = false) {
   const {
     anchor,
@@ -86,14 +76,12 @@ export function genStyles(theme, cssVar = false) {
   const aColor = cssVar ? genColorVariable('anchor') : anchor;
   css += `.k-application a { color: ${aColor}; }`;
   cssVar && (variablesCss += `  ${genColorVariableName('anchor')}: ${anchor};\n`);
-
   for (let i = 0; i < colors.length; ++i) {
     const name = colors[i];
     const value = theme[name];
     css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base);
     cssVar && (variablesCss += `  ${genColorVariableName(name)}: ${value.base};\n`);
     const variants = keys(value);
-
     for (let i = 0; i < variants.length; ++i) {
       const variant = variants[i];
       const variantValue = value[variant];
@@ -102,26 +90,21 @@ export function genStyles(theme, cssVar = false) {
       cssVar && (variablesCss += `  ${genColorVariableName(name, variant)}: ${variantValue};\n`);
     }
   }
-
   if (cssVar) {
     variablesCss = `:root {\n${variablesCss}}\n\n`;
   }
-
   return variablesCss + css;
 }
 export function genVariations(name, value) {
   const values = {
     base: intToHex(value)
   };
-
   for (let i = 5; i > 0; --i) {
     values[`lighten${i}`] = intToHex(lighten(value, i));
   }
-
   for (let i = 1; i <= 4; ++i) {
     values[`darken${i}`] = intToHex(darken(value, i));
   }
-
   return values;
 }
 export function lighten(value, amount) {

package/lib/services/theme/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/services/theme/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { keys } from '../../util/helpers'\nimport { colorToInt, intToHex, colorToHex, ColorInt } from '../../util/colorUtils'\nimport * as sRGB from '../../util/color/transformSRGB'\nimport * as LAB from '../../util/color/transformCIELAB'\nimport {\n  KdutifyParsedTheme,\n  KdutifyThemeItem,\n} from 'kdutify/types/services/theme'\n\nexport function parse (\n  theme: Record<string, KdutifyThemeItem>,\n  isItem = false,\n  variations = true,\n): KdutifyParsedTheme {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n  const parsedTheme: any = {}\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    if (value == null) continue\n\n    if (!variations) {\n      parsedTheme[name] = { base: intToHex(colorToInt(value)) }\n    } else if (isItem) {\n      /* istanbul ignore else */\n      if (name === 'base' || name.startsWith('lighten') || name.startsWith('darken')) {\n        parsedTheme[name] = colorToHex(value)\n      }\n    } else if (typeof value === 'object') {\n      parsedTheme[name] = parse(value, true, variations)\n    } else {\n      parsedTheme[name] = genVariations(name, colorToInt(value))\n    }\n  }\n\n  if (!isItem) {\n    parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base\n  }\n\n  return parsedTheme\n}\n\n/**\n * Generate the CSS for a base color (.primary)\n */\nconst genBaseColor = (name: string, value: string): string => {\n  return `\n.k-application .${name} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.k-application .${name}--text {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\n/**\n * Generate the CSS for a variant color (.primary.darken-2)\n */\nconst genVariantColor = (name: string, variant: string, value: string): string => {\n  const [type, n] = variant.split(/(\\d)/, 2)\n  return `\n.k-application .${name}.${type}-${n} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.k-application .${name}--text.text--${type}-${n} {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\nconst genColorVariableName = (name: string, variant = 'base'): string => `--k-${name}-${variant}`\n\nconst genColorVariable = (name: string, variant = 'base'): string => `var(${genColorVariableName(name, variant)})`\n\nexport function genStyles (theme: KdutifyParsedTheme, cssVar = false): string {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n\n  if (!colors.length) return ''\n\n  let variablesCss = ''\n  let css = ''\n\n  const aColor = cssVar ? genColorVariable('anchor') : anchor\n  css += `.k-application a { color: ${aColor}; }`\n  cssVar && (variablesCss += `  ${genColorVariableName('anchor')}: ${anchor};\\n`)\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base)\n    cssVar && (variablesCss += `  ${genColorVariableName(name)}: ${value.base};\\n`)\n\n    const variants = keys(value)\n    for (let i = 0; i < variants.length; ++i) {\n      const variant = variants[i]\n      const variantValue = value[variant]\n      if (variant === 'base') continue\n\n      css += genVariantColor(name, variant, cssVar ? genColorVariable(name, variant) : variantValue)\n      cssVar && (variablesCss += `  ${genColorVariableName(name, variant)}: ${variantValue};\\n`)\n    }\n  }\n\n  if (cssVar) {\n    variablesCss = `:root {\\n${variablesCss}}\\n\\n`\n  }\n\n  return variablesCss + css\n}\n\nexport function genVariations (name: string, value: ColorInt): Record<string, string> {\n  const values: Record<string, string> = {\n    base: intToHex(value),\n  }\n\n  for (let i = 5; i > 0; --i) {\n    values[`lighten${i}`] = intToHex(lighten(value, i))\n  }\n\n  for (let i = 1; i <= 4; ++i) {\n    values[`darken${i}`] = intToHex(darken(value, i))\n  }\n\n  return values\n}\n\nexport function lighten (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] + amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n\nexport function darken (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] - amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n"],"sourceRoot":"","file":"utils.js"}
+{"version":3,"sources":["../../../src/services/theme/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { keys } from '../../util/helpers'\nimport { colorToInt, intToHex, colorToHex, ColorInt } from '../../util/colorUtils'\nimport * as sRGB from '../../util/color/transformSRGB'\nimport * as LAB from '../../util/color/transformCIELAB'\nimport {\n  KdutifyParsedTheme,\n  KdutifyThemeItem,\n} from 'kdutify/types/services/theme'\n\nexport function parse (\n  theme: Record<string, KdutifyThemeItem>,\n  isItem = false,\n  variations = true,\n): KdutifyParsedTheme {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n  const parsedTheme: any = {}\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    if (value == null) continue\n\n    if (!variations) {\n      parsedTheme[name] = { base: intToHex(colorToInt(value)) }\n    } else if (isItem) {\n      /* istanbul ignore else */\n      if (name === 'base' || name.startsWith('lighten') || name.startsWith('darken')) {\n        parsedTheme[name] = colorToHex(value)\n      }\n    } else if (typeof value === 'object') {\n      parsedTheme[name] = parse(value, true, variations)\n    } else {\n      parsedTheme[name] = genVariations(name, colorToInt(value))\n    }\n  }\n\n  if (!isItem) {\n    parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base\n  }\n\n  return parsedTheme\n}\n\n/**\n * Generate the CSS for a base color (.primary)\n */\nconst genBaseColor = (name: string, value: string): string => {\n  return `\n.k-application .${name} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.k-application .${name}--text {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\n/**\n * Generate the CSS for a variant color (.primary.darken-2)\n */\nconst genVariantColor = (name: string, variant: string, value: string): string => {\n  const [type, n] = variant.split(/(\\d)/, 2)\n  return `\n.k-application .${name}.${type}-${n} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.k-application .${name}--text.text--${type}-${n} {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\nconst genColorVariableName = (name: string, variant = 'base'): string => `--k-${name}-${variant}`\n\nconst genColorVariable = (name: string, variant = 'base'): string => `var(${genColorVariableName(name, variant)})`\n\nexport function genStyles (theme: KdutifyParsedTheme, cssVar = false): string {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n\n  if (!colors.length) return ''\n\n  let variablesCss = ''\n  let css = ''\n\n  const aColor = cssVar ? genColorVariable('anchor') : anchor\n  css += `.k-application a { color: ${aColor}; }`\n  cssVar && (variablesCss += `  ${genColorVariableName('anchor')}: ${anchor};\\n`)\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base)\n    cssVar && (variablesCss += `  ${genColorVariableName(name)}: ${value.base};\\n`)\n\n    const variants = keys(value)\n    for (let i = 0; i < variants.length; ++i) {\n      const variant = variants[i]\n      const variantValue = value[variant]\n      if (variant === 'base') continue\n\n      css += genVariantColor(name, variant, cssVar ? genColorVariable(name, variant) : variantValue)\n      cssVar && (variablesCss += `  ${genColorVariableName(name, variant)}: ${variantValue};\\n`)\n    }\n  }\n\n  if (cssVar) {\n    variablesCss = `:root {\\n${variablesCss}}\\n\\n`\n  }\n\n  return variablesCss + css\n}\n\nexport function genVariations (name: string, value: ColorInt): Record<string, string> {\n  const values: Record<string, string> = {\n    base: intToHex(value),\n  }\n\n  for (let i = 5; i > 0; --i) {\n    values[`lighten${i}`] = intToHex(lighten(value, i))\n  }\n\n  for (let i = 1; i <= 4; ++i) {\n    values[`darken${i}`] = intToHex(darken(value, i))\n  }\n\n  return values\n}\n\nexport function lighten (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] + amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n\nexport function darken (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] - amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n"],"sourceRoot":"","file":"utils.js"}

package/lib/util/color/transformCIELAB.js

@@ -1,9 +1,6 @@
 const delta = 0.20689655172413793; // 6÷29
-
 const cielabForwardTransform = t => t > delta ** 3 ? Math.cbrt(t) : t / (3 * delta ** 2) + 4 / 29;
-
 const cielabReverseTransform = t => t > delta ? t ** 3 : 3 * delta ** 2 * (t - 4 / 29);
-
 export function fromXYZ(xyz) {
   const transform = cielabForwardTransform;
   const transformedY = transform(xyz[1]);

package/lib/util/color/transformCIELAB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/util/color/transformCIELAB.ts"],"names":[],"mappings":"AAEA,MAAM,KAAK,GAAG,mBAAd,C,CAAkC;;AAElC,MAAM,sBAAsB,GAAI,CAAD,IAC7B,CAAC,GAAG,KAAK,IAAI,CAAb,GACI,IAAI,CAAC,IAAL,CAAU,CAAV,CADJ,GAEK,CAAC,IAAI,IAAI,KAAK,IAAI,CAAjB,CAAF,GAAyB,IAAI,EAHnC;;AAMA,MAAM,sBAAsB,GAAI,CAAD,IAC7B,CAAC,GAAG,KAAJ,GACI,CAAC,IAAI,CADT,GAEK,IAAI,KAAK,IAAI,CAAd,IAAoB,CAAC,GAAG,IAAI,EAA5B,CAHN;;AAMA,OAAM,SAAU,OAAV,CAAmB,GAAnB,EAA2B;AAC/B,QAAM,SAAS,GAAG,sBAAlB;AACA,QAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAD,CAAJ,CAA9B;AAEA,SAAO,CACL,MAAM,YAAN,GAAqB,EADhB,EAEL,OAAO,SAAS,CAAC,GAAG,CAAC,CAAD,CAAH,GAAS,OAAV,CAAT,GAA8B,YAArC,CAFK,EAGL,OAAO,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAD,CAAH,GAAS,OAAV,CAA/B,CAHK,CAAP;AAKD;AAED,OAAM,SAAU,KAAV,CAAiB,GAAjB,EAAyB;AAC7B,QAAM,SAAS,GAAG,sBAAlB;AACA,QAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAD,CAAH,GAAS,EAAV,IAAgB,GAA3B;AACA,SAAO,CACL,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,CAAD,CAAH,GAAS,GAAf,CAAT,GAA+B,OAD1B,EAEL,SAAS,CAAC,EAAD,CAFJ,EAGL,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,CAAD,CAAH,GAAS,GAAf,CAAT,GAA+B,OAH1B,CAAP;AAKD","sourcesContent":["import { XYZ, LAB } from '../colorUtils'\n\nconst delta = 0.20689655172413793 // 6÷29\n\nconst cielabForwardTransform = (t: number): number => (\n  t > delta ** 3\n    ? Math.cbrt(t)\n    : (t / (3 * delta ** 2)) + 4 / 29\n)\n\nconst cielabReverseTransform = (t: number): number => (\n  t > delta\n    ? t ** 3\n    : (3 * delta ** 2) * (t - 4 / 29)\n)\n\nexport function fromXYZ (xyz: XYZ): LAB {\n  const transform = cielabForwardTransform\n  const transformedY = transform(xyz[1])\n\n  return [\n    116 * transformedY - 16,\n    500 * (transform(xyz[0] / 0.95047) - transformedY),\n    200 * (transformedY - transform(xyz[2] / 1.08883)),\n  ]\n}\n\nexport function toXYZ (lab: LAB): XYZ {\n  const transform = cielabReverseTransform\n  const Ln = (lab[0] + 16) / 116\n  return [\n    transform(Ln + lab[1] / 500) * 0.95047,\n    transform(Ln),\n    transform(Ln - lab[2] / 200) * 1.08883,\n  ]\n}\n"],"sourceRoot":"","file":"transformCIELAB.js"}
+{"version":3,"sources":["../../../src/util/color/transformCIELAB.ts"],"names":[],"mappings":"AAEA,MAAM,KAAK,GAAG,mBAAmB,CAAA,CAAC;AAElC,MAAM,sBAAsB,GAAI,CAAS,IACvC,CAAC,GAAG,KAAK,IAAI,CAAC,GACV,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GACX,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,GAAI,CAAC,GAAG,EAClC;AAED,MAAM,sBAAsB,GAAI,CAAS,IACvC,CAAC,GAAG,KAAK,GACL,CAAC,IAAI,CAAC,GACL,CAAC,GAAG,KAAK,IAAI,CAAC,IAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CACnC;AAED,OAAM,SAAU,OAAO,CAAE,GAAQ,EAAA;EAC/B,MAAM,SAAS,GAAG,sBAAsB;EACxC,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EAEtC,OAAO,CACL,GAAG,GAAG,YAAY,GAAG,EAAE,EACvB,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,YAAY,CAAC,EAClD,GAAG,IAAI,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CACnD;AACH;AAEA,OAAM,SAAU,KAAK,CAAE,GAAQ,EAAA;EAC7B,MAAM,SAAS,GAAG,sBAAsB;EACxC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG;EAC9B,OAAO,CACL,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,OAAO,EACtC,SAAS,CAAC,EAAE,CAAC,EACb,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,OAAO,CACvC;AACH","sourcesContent":["import { XYZ, LAB } from '../colorUtils'\n\nconst delta = 0.20689655172413793 // 6÷29\n\nconst cielabForwardTransform = (t: number): number => (\n  t > delta ** 3\n    ? Math.cbrt(t)\n    : (t / (3 * delta ** 2)) + 4 / 29\n)\n\nconst cielabReverseTransform = (t: number): number => (\n  t > delta\n    ? t ** 3\n    : (3 * delta ** 2) * (t - 4 / 29)\n)\n\nexport function fromXYZ (xyz: XYZ): LAB {\n  const transform = cielabForwardTransform\n  const transformedY = transform(xyz[1])\n\n  return [\n    116 * transformedY - 16,\n    500 * (transform(xyz[0] / 0.95047) - transformedY),\n    200 * (transformedY - transform(xyz[2] / 1.08883)),\n  ]\n}\n\nexport function toXYZ (lab: LAB): XYZ {\n  const transform = cielabReverseTransform\n  const Ln = (lab[0] + 16) / 116\n  return [\n    transform(Ln + lab[1] / 500) * 0.95047,\n    transform(Ln),\n    transform(Ln - lab[2] / 200) * 1.08883,\n  ]\n}\n"],"sourceRoot":"","file":"transformCIELAB.js"}

package/lib/util/color/transformSRGB.js

@@ -1,39 +1,35 @@
-import { clamp } from '../../util/helpers'; // For converting XYZ to sRGB
-
-const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]]; // Forward gamma adjust
-
-const srgbForwardTransform = C => C <= 0.0031308 ? C * 12.92 : 1.055 * C ** (1 / 2.4) - 0.055; // For converting sRGB to XYZ
-
-
-const srgbReverseMatrix = [[0.4124, 0.3576, 0.1805], [0.2126, 0.7152, 0.0722], [0.0193, 0.1192, 0.9505]]; // Reverse gamma adjust
-
+import { clamp } from '../../util/helpers';
+// For converting XYZ to sRGB
+const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]];
+// Forward gamma adjust
+const srgbForwardTransform = C => C <= 0.0031308 ? C * 12.92 : 1.055 * C ** (1 / 2.4) - 0.055;
+// For converting sRGB to XYZ
+const srgbReverseMatrix = [[0.4124, 0.3576, 0.1805], [0.2126, 0.7152, 0.0722], [0.0193, 0.1192, 0.9505]];
+// Reverse gamma adjust
 const srgbReverseTransform = C => C <= 0.04045 ? C / 12.92 : ((C + 0.055) / 1.055) ** 2.4;
-
 export function fromXYZ(xyz) {
   const rgb = Array(3);
   const transform = srgbForwardTransform;
-  const matrix = srgbForwardMatrix; // Matrix transform, then gamma adjustment
-
+  const matrix = srgbForwardMatrix;
+  // Matrix transform, then gamma adjustment
   for (let i = 0; i < 3; ++i) {
     rgb[i] = Math.round(clamp(transform(matrix[i][0] * xyz[0] + matrix[i][1] * xyz[1] + matrix[i][2] * xyz[2])) * 255);
-  } // Rescale back to [0, 255]
-
-
+  }
+  // Rescale back to [0, 255]
   return (rgb[0] << 16) + (rgb[1] << 8) + (rgb[2] << 0);
 }
 export function toXYZ(rgb) {
   const xyz = [0, 0, 0];
   const transform = srgbReverseTransform;
-  const matrix = srgbReverseMatrix; // Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB
-
+  const matrix = srgbReverseMatrix;
+  // Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB
   const r = transform((rgb >> 16 & 0xff) / 255);
   const g = transform((rgb >> 8 & 0xff) / 255);
-  const b = transform((rgb >> 0 & 0xff) / 255); // Matrix color space transform
-
+  const b = transform((rgb >> 0 & 0xff) / 255);
+  // Matrix color space transform
   for (let i = 0; i < 3; ++i) {
     xyz[i] = matrix[i][0] * r + matrix[i][1] * g + matrix[i][2] * b;
   }
-
   return xyz;
 }
 //# sourceMappingURL=transformSRGB.js.map

package/lib/util/color/transformSRGB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/util/color/transformSRGB.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,QAAsB,oBAAtB,C,CAEA;;AACA,MAAM,iBAAiB,GAAG,CACxB,CAAC,MAAD,EAAS,CAAC,MAAV,EAAkB,CAAC,MAAnB,CADwB,EAExB,CAAC,CAAC,MAAF,EAAU,MAAV,EAAkB,MAAlB,CAFwB,EAGxB,CAAC,MAAD,EAAS,CAAC,MAAV,EAAkB,MAAlB,CAHwB,CAA1B,C,CAMA;;AACA,MAAM,oBAAoB,GAAI,CAAD,IAC3B,CAAC,IAAI,SAAL,GACI,CAAC,GAAG,KADR,GAEI,QAAQ,CAAC,KAAK,IAAI,GAAT,CAAT,GAAyB,KAH/B,C,CAMA;;;AACA,MAAM,iBAAiB,GAAG,CACxB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CADwB,EAExB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAFwB,EAGxB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAHwB,CAA1B,C,CAMA;;AACA,MAAM,oBAAoB,GAAI,CAAD,IAC3B,CAAC,IAAI,OAAL,GACI,CAAC,GAAG,KADR,GAEI,CAAC,CAAC,CAAC,GAAG,KAAL,IAAc,KAAf,KAAyB,GAH/B;;AAMA,OAAM,SAAU,OAAV,CAAmB,GAAnB,EAA2B;AAC/B,QAAM,GAAG,GAAG,KAAK,CAAC,CAAD,CAAjB;AACA,QAAM,SAAS,GAAG,oBAAlB;AACA,QAAM,MAAM,GAAG,iBAAf,CAH+B,CAK/B;;AACA,OAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,CAApB,EAAuB,EAAE,CAAzB,EAA4B;AAC1B,IAAA,GAAG,CAAC,CAAD,CAAH,GAAS,IAAI,CAAC,KAAL,CAAW,KAAK,CAAC,SAAS,CACjC,MAAM,CAAC,CAAD,CAAN,CAAU,CAAV,IAAe,GAAG,CAAC,CAAD,CAAlB,GACA,MAAM,CAAC,CAAD,CAAN,CAAU,CAAV,IAAe,GAAG,CAAC,CAAD,CADlB,GAEA,MAAM,CAAC,CAAD,CAAN,CAAU,CAAV,IAAe,GAAG,CAAC,CAAD,CAHe,CAAV,CAAL,GAIf,GAJI,CAAT;AAKD,GAZ8B,CAc/B;;;AACA,SAAO,CAAC,GAAG,CAAC,CAAD,CAAH,IAAU,EAAX,KAAkB,GAAG,CAAC,CAAD,CAAH,IAAU,CAA5B,KAAkC,GAAG,CAAC,CAAD,CAAH,IAAU,CAA5C,CAAP;AACD;AAED,OAAM,SAAU,KAAV,CAAiB,GAAjB,EAA8B;AAClC,QAAM,GAAG,GAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAjB;AACA,QAAM,SAAS,GAAG,oBAAlB;AACA,QAAM,MAAM,GAAG,iBAAf,CAHkC,CAKlC;;AACA,QAAM,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,EAAP,GAAY,IAAb,IAAqB,GAAtB,CAAnB;AACA,QAAM,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAP,GAAW,IAAZ,IAAoB,GAArB,CAAnB;AACA,QAAM,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAP,GAAW,IAAZ,IAAoB,GAArB,CAAnB,CARkC,CAUlC;;AACA,OAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,CAApB,EAAuB,EAAE,CAAzB,EAA4B;AAC1B,IAAA,GAAG,CAAC,CAAD,CAAH,GAAS,MAAM,CAAC,CAAD,CAAN,CAAU,CAAV,IAAe,CAAf,GAAmB,MAAM,CAAC,CAAD,CAAN,CAAU,CAAV,IAAe,CAAlC,GAAsC,MAAM,CAAC,CAAD,CAAN,CAAU,CAAV,IAAe,CAA9D;AACD;;AAED,SAAO,GAAP;AACD","sourcesContent":["import { ColorInt, XYZ } from '../colorUtils'\nimport { clamp } from '../../util/helpers'\n\n// For converting XYZ to sRGB\nconst srgbForwardMatrix = [\n  [3.2406, -1.5372, -0.4986],\n  [-0.9689, 1.8758, 0.0415],\n  [0.0557, -0.2040, 1.0570],\n]\n\n// Forward gamma adjust\nconst srgbForwardTransform = (C: number): number => (\n  C <= 0.0031308\n    ? C * 12.92\n    : 1.055 * C ** (1 / 2.4) - 0.055\n)\n\n// For converting sRGB to XYZ\nconst srgbReverseMatrix = [\n  [0.4124, 0.3576, 0.1805],\n  [0.2126, 0.7152, 0.0722],\n  [0.0193, 0.1192, 0.9505],\n]\n\n// Reverse gamma adjust\nconst srgbReverseTransform = (C: number): number => (\n  C <= 0.04045\n    ? C / 12.92\n    : ((C + 0.055) / 1.055) ** 2.4\n)\n\nexport function fromXYZ (xyz: XYZ): ColorInt {\n  const rgb = Array(3)\n  const transform = srgbForwardTransform\n  const matrix = srgbForwardMatrix\n\n  // Matrix transform, then gamma adjustment\n  for (let i = 0; i < 3; ++i) {\n    rgb[i] = Math.round(clamp(transform(\n      matrix[i][0] * xyz[0] +\n      matrix[i][1] * xyz[1] +\n      matrix[i][2] * xyz[2]\n    )) * 255)\n  }\n\n  // Rescale back to [0, 255]\n  return (rgb[0] << 16) + (rgb[1] << 8) + (rgb[2] << 0)\n}\n\nexport function toXYZ (rgb: ColorInt): XYZ {\n  const xyz: XYZ = [0, 0, 0]\n  const transform = srgbReverseTransform\n  const matrix = srgbReverseMatrix\n\n  // Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB\n  const r = transform((rgb >> 16 & 0xff) / 255)\n  const g = transform((rgb >> 8 & 0xff) / 255)\n  const b = transform((rgb >> 0 & 0xff) / 255)\n\n  // Matrix color space transform\n  for (let i = 0; i < 3; ++i) {\n    xyz[i] = matrix[i][0] * r + matrix[i][1] * g + matrix[i][2] * b\n  }\n\n  return xyz\n}\n"],"sourceRoot":"","file":"transformSRGB.js"}
+{"version":3,"sources":["../../../src/util/color/transformSRGB.ts"],"names":[],"mappings":"AACA,SAAS,KAAK,QAAQ,oBAAoB;AAE1C;AACA,MAAM,iBAAiB,GAAG,CACxB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,EAC1B,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACzB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAC1B;AAED;AACA,MAAM,oBAAoB,GAAI,CAAS,IACrC,CAAC,IAAI,SAAS,GACV,CAAC,GAAG,KAAK,GACT,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,KAC9B;AAED;AACA,MAAM,iBAAiB,GAAG,CACxB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACzB;AAED;AACA,MAAM,oBAAoB,GAAI,CAAS,IACrC,CAAC,IAAI,OAAO,GACR,CAAC,GAAG,KAAK,GACT,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,KAAK,GAC9B;AAED,OAAM,SAAU,OAAO,CAAE,GAAQ,EAAA;EAC/B,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC;EACpB,MAAM,SAAS,GAAG,oBAAoB;EACtC,MAAM,MAAM,GAAG,iBAAiB;EAEhC;EACA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE;IAC1B,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CACjC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GACrB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GACrB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CACtB,CAAC,GAAG,GAAG,CAAC;EACV;EAED;EACA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AACvD;AAEA,OAAM,SAAU,KAAK,CAAE,GAAa,EAAA;EAClC,MAAM,GAAG,GAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAC1B,MAAM,SAAS,GAAG,oBAAoB;EACtC,MAAM,MAAM,GAAG,iBAAiB;EAEhC;EACA,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI,GAAG,CAAC;EAC7C,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,GAAG,CAAC;EAC5C,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,GAAG,CAAC;EAE5C;EACA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE;IAC1B,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;EAChE;EAED,OAAO,GAAG;AACZ","sourcesContent":["import { ColorInt, XYZ } from '../colorUtils'\nimport { clamp } from '../../util/helpers'\n\n// For converting XYZ to sRGB\nconst srgbForwardMatrix = [\n  [3.2406, -1.5372, -0.4986],\n  [-0.9689, 1.8758, 0.0415],\n  [0.0557, -0.2040, 1.0570],\n]\n\n// Forward gamma adjust\nconst srgbForwardTransform = (C: number): number => (\n  C <= 0.0031308\n    ? C * 12.92\n    : 1.055 * C ** (1 / 2.4) - 0.055\n)\n\n// For converting sRGB to XYZ\nconst srgbReverseMatrix = [\n  [0.4124, 0.3576, 0.1805],\n  [0.2126, 0.7152, 0.0722],\n  [0.0193, 0.1192, 0.9505],\n]\n\n// Reverse gamma adjust\nconst srgbReverseTransform = (C: number): number => (\n  C <= 0.04045\n    ? C / 12.92\n    : ((C + 0.055) / 1.055) ** 2.4\n)\n\nexport function fromXYZ (xyz: XYZ): ColorInt {\n  const rgb = Array(3)\n  const transform = srgbForwardTransform\n  const matrix = srgbForwardMatrix\n\n  // Matrix transform, then gamma adjustment\n  for (let i = 0; i < 3; ++i) {\n    rgb[i] = Math.round(clamp(transform(\n      matrix[i][0] * xyz[0] +\n      matrix[i][1] * xyz[1] +\n      matrix[i][2] * xyz[2]\n    )) * 255)\n  }\n\n  // Rescale back to [0, 255]\n  return (rgb[0] << 16) + (rgb[1] << 8) + (rgb[2] << 0)\n}\n\nexport function toXYZ (rgb: ColorInt): XYZ {\n  const xyz: XYZ = [0, 0, 0]\n  const transform = srgbReverseTransform\n  const matrix = srgbReverseMatrix\n\n  // Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB\n  const r = transform((rgb >> 16 & 0xff) / 255)\n  const g = transform((rgb >> 8 & 0xff) / 255)\n  const b = transform((rgb >> 0 & 0xff) / 255)\n\n  // Matrix color space transform\n  for (let i = 0; i < 3; ++i) {\n    xyz[i] = matrix[i][0] * r + matrix[i][1] * g + matrix[i][2] * b\n  }\n\n  return xyz\n}\n"],"sourceRoot":"","file":"transformSRGB.js"}

package/lib/util/colorUtils.js

@@ -7,25 +7,20 @@ export function isCssColor(color) {
 }
 export function colorToInt(color) {
   let rgb;
-
   if (typeof color === 'number') {
     rgb = color;
   } else if (typeof color === 'string') {
     let c = color[0] === '#' ? color.substring(1) : color;
-
     if (c.length === 3) {
       c = c.split('').map(char => char + char).join('');
     }
-
     if (c.length !== 6) {
       consoleWarn(`'${color}' is not a valid rgb color`);
     }
-
     rgb = parseInt(c, 16);
   } else {
     throw new TypeError(`Colors can only be numbers or strings, recieved ${color == null ? color : color.constructor.name} instead`);
   }
-
   if (rgb < 0) {
     consoleWarn(`Colors cannot be negative: '${color}'`);
     rgb = 0;
@@ -33,13 +28,11 @@ export function colorToInt(color) {
     consoleWarn(`'${color}' is not a valid rgb color`);
     rgb = 0xffffff;
   }
-
   return rgb;
 }
 export function classToHex(color, colors, currentTheme) {
   const [colorName, colorModifier] = color.toString().trim().replace('-', '').split(' ', 2);
   let hexColor = '';
-
   if (colorName && colorName in colors) {
     if (colorModifier && colorModifier in colors[colorName]) {
       hexColor = colors[colorName][colorModifier];
@@ -49,7 +42,6 @@ export function classToHex(color, colors, currentTheme) {
   } else if (colorName && colorName in currentTheme) {
     hexColor = currentTheme[colorName];
   }
-
   return hexColor;
 }
 export function intToHex(color) {
@@ -60,12 +52,11 @@ export function intToHex(color) {
 export function colorToHex(color) {
   return intToHex(colorToInt(color));
 }
-/**
- * Converts HSVA to RGBA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV
- *
- * @param color HSVA color as an array [0-360, 0-1, 0-1, 0-1]
+/**
+ * Converts HSVA to RGBA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV
+ *
+ * @param color HSVA color as an array [0-360, 0-1, 0-1, 0-1]
  */
-
 export function HSVAtoRGBA(hsva) {
   const {
     h,
@@ -73,12 +64,10 @@ export function HSVAtoRGBA(hsva) {
     v,
     a
   } = hsva;
-
   const f = n => {
     const k = (n + h / 60) % 6;
     return v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
   };
-
   const rgb = [f(5), f(3), f(1)].map(v => Math.round(v * 255));
   return {
     r: rgb[0],
@@ -87,12 +76,11 @@ export function HSVAtoRGBA(hsva) {
     a
   };
 }
-/**
- * Converts RGBA to HSVA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV
- *
- * @param color RGBA color as an array [0-255, 0-255, 0-255, 0-1]
+/**
+ * Converts RGBA to HSVA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV
+ *
+ * @param color RGBA color as an array [0-255, 0-255, 0-255, 0-1]
  */
-
 export function RGBAtoHSVA(rgba) {
   if (!rgba) return {
     h: 0,
@@ -106,7 +94,6 @@ export function RGBAtoHSVA(rgba) {
   const max = Math.max(r, g, b);
   const min = Math.min(r, g, b);
   let h = 0;
-
   if (max !== min) {
     if (max === r) {
       h = 60 * (0 + (g - b) / (max - min));
@@ -116,7 +103,6 @@ export function RGBAtoHSVA(rgba) {
       h = 60 * (4 + (r - g) / (max - min));
     }
   }
-
   if (h < 0) h = h + 360;
   const s = max === 0 ? 0 : (max - min) / max;
   const hsv = [h, s, max];
@@ -163,7 +149,8 @@ export function RGBAtoCSS(rgba) {
   return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`;
 }
 export function RGBtoCSS(rgba) {
-  return RGBAtoCSS({ ...rgba,
+  return RGBAtoCSS({
+    ...rgba,
     a: 1
   });
 }
@@ -172,7 +159,6 @@ export function RGBAtoHex(rgba) {
     const h = Math.round(v).toString(16);
     return ('00'.substr(0, 2 - h.length) + h).toUpperCase();
   };
-
   return `#${[toHex(rgba.r), toHex(rgba.g), toHex(rgba.b), toHex(Math.round(rgba.a * 255))].join('')}`;
 }
 export function HexToRGBA(hex) {
@@ -195,19 +181,15 @@ export function parseHex(hex) {
   if (hex.startsWith('#')) {
     hex = hex.slice(1);
   }
-
   hex = hex.replace(/([^0-9a-f])/gi, 'F');
-
   if (hex.length === 3 || hex.length === 4) {
     hex = hex.split('').map(x => x + x).join('');
   }
-
   if (hex.length === 6) {
     hex = padEnd(hex, 8, 'F');
   } else {
     hex = padEnd(padEnd(hex, 6), 8, 'F');
   }
-
   return `#${hex}`.toUpperCase().substr(0, 9);
 }
 export function parseGradient(gradient, colors, currentTheme) {
@@ -220,13 +202,12 @@ export function parseGradient(gradient, colors, currentTheme) {
 export function RGBtoInt(rgba) {
   return (rgba.r << 16) + (rgba.g << 8) + rgba.b;
 }
-/**
- * Returns the contrast ratio (1-21) between two colors.
- *
- * @param c1 First color
- * @param c2 Second color
+/**
+ * Returns the contrast ratio (1-21) between two colors.
+ *
+ * @param c1 First color
+ * @param c2 Second color
  */
-
 export function contrastRatio(c1, c2) {
   const [, y1] = toXYZ(RGBtoInt(c1));
   const [, y2] = toXYZ(RGBtoInt(c2));

package/lib/util/colorUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/colorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nimport { consoleWarn } from './console'\nimport { chunk, padEnd } from './helpers'\nimport { toXYZ } from './color/transformSRGB'\n\n// Types\nimport { KdutifyThemeVariant } from 'types/services/theme'\n\nexport type ColorInt = number\nexport type XYZ = [number, number, number]\nexport type LAB = [number, number, number]\nexport type HSV = { h: number, s: number, v: number }\nexport type HSVA = HSV & { a: number }\nexport type RGB = { r: number, g: number, b: number }\nexport type RGBA = RGB & { a: number }\nexport type HSL = { h: number, s: number, l: number }\nexport type HSLA = HSL & { a: number }\nexport type Hex = string\nexport type Hexa = string\nexport type Color = string | number | {}\n\nexport function isCssColor (color?: string | false): boolean {\n  return !!color && !!color.match(/^(#|var\\(--|(rgb|hsl)a?\\()/)\n}\n\nexport function colorToInt (color: Color): ColorInt {\n  let rgb\n\n  if (typeof color === 'number') {\n    rgb = color\n  } else if (typeof color === 'string') {\n    let c = color[0] === '#' ? color.substring(1) : color\n    if (c.length === 3) {\n      c = c.split('').map(char => char + char).join('')\n    }\n    if (c.length !== 6) {\n      consoleWarn(`'${color}' is not a valid rgb color`)\n    }\n    rgb = parseInt(c, 16)\n  } else {\n    throw new TypeError(`Colors can only be numbers or strings, recieved ${color == null ? color : color.constructor.name} instead`)\n  }\n\n  if (rgb < 0) {\n    consoleWarn(`Colors cannot be negative: '${color}'`)\n    rgb = 0\n  } else if (rgb > 0xffffff || isNaN(rgb)) {\n    consoleWarn(`'${color}' is not a valid rgb color`)\n    rgb = 0xffffff\n  }\n\n  return rgb\n}\n\nexport function classToHex (\n  color: string,\n  colors: Record<string, Record<string, string>>,\n  currentTheme: Partial<KdutifyThemeVariant>,\n): string {\n  const [colorName, colorModifier] = color\n    .toString().trim().replace('-', '').split(' ', 2) as (string | undefined)[]\n\n  let hexColor = ''\n  if (colorName && colorName in colors) {\n    if (colorModifier && colorModifier in colors[colorName]) {\n      hexColor = colors[colorName][colorModifier]\n    } else if ('base' in colors[colorName]) {\n      hexColor = colors[colorName].base\n    }\n  } else if (colorName && colorName in currentTheme) {\n    hexColor = currentTheme[colorName] as string\n  }\n\n  return hexColor\n}\n\nexport function intToHex (color: ColorInt): string {\n  let hexColor: string = color.toString(16)\n\n  if (hexColor.length < 6) hexColor = '0'.repeat(6 - hexColor.length) + hexColor\n\n  return '#' + hexColor\n}\n\nexport function colorToHex (color: Color): string {\n  return intToHex(colorToInt(color))\n}\n\n/**\n * Converts HSVA to RGBA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV\n *\n * @param color HSVA color as an array [0-360, 0-1, 0-1, 0-1]\n */\nexport function HSVAtoRGBA (hsva: HSVA): RGBA {\n  const { h, s, v, a } = hsva\n  const f = (n: number) => {\n    const k = (n + (h / 60)) % 6\n    return v - v * s * Math.max(Math.min(k, 4 - k, 1), 0)\n  }\n\n  const rgb = [f(5), f(3), f(1)].map(v => Math.round(v * 255))\n\n  return { r: rgb[0], g: rgb[1], b: rgb[2], a }\n}\n\n/**\n * Converts RGBA to HSVA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV\n *\n * @param color RGBA color as an array [0-255, 0-255, 0-255, 0-1]\n */\nexport function RGBAtoHSVA (rgba: RGBA): HSVA {\n  if (!rgba) return { h: 0, s: 1, v: 1, a: 1 }\n\n  const r = rgba.r / 255\n  const g = rgba.g / 255\n  const b = rgba.b / 255\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n\n  let h = 0\n\n  if (max !== min) {\n    if (max === r) {\n      h = 60 * (0 + ((g - b) / (max - min)))\n    } else if (max === g) {\n      h = 60 * (2 + ((b - r) / (max - min)))\n    } else if (max === b) {\n      h = 60 * (4 + ((r - g) / (max - min)))\n    }\n  }\n\n  if (h < 0) h = h + 360\n\n  const s = max === 0 ? 0 : (max - min) / max\n  const hsv = [h, s, max]\n\n  return { h: hsv[0], s: hsv[1], v: hsv[2], a: rgba.a }\n}\n\nexport function HSVAtoHSLA (hsva: HSVA): HSLA {\n  const { h, s, v, a } = hsva\n\n  const l = v - (v * s / 2)\n\n  const sprime = l === 1 || l === 0 ? 0 : (v - l) / Math.min(l, 1 - l)\n\n  return { h, s: sprime, l, a }\n}\n\nexport function HSLAtoHSVA (hsl: HSLA): HSVA {\n  const { h, s, l, a } = hsl\n\n  const v = l + s * Math.min(l, 1 - l)\n\n  const sprime = v === 0 ? 0 : 2 - (2 * l / v)\n\n  return { h, s: sprime, v, a }\n}\n\nexport function RGBAtoCSS (rgba: RGBA): string {\n  return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`\n}\n\nexport function RGBtoCSS (rgba: RGBA): string {\n  return RGBAtoCSS({ ...rgba, a: 1 })\n}\n\nexport function RGBAtoHex (rgba: RGBA): Hex {\n  const toHex = (v: number) => {\n    const h = Math.round(v).toString(16)\n    return ('00'.substr(0, 2 - h.length) + h).toUpperCase()\n  }\n\n  return `#${[\n    toHex(rgba.r),\n    toHex(rgba.g),\n    toHex(rgba.b),\n    toHex(Math.round(rgba.a * 255)),\n  ].join('')}`\n}\n\nexport function HexToRGBA (hex: Hex): RGBA {\n  const rgba = chunk(hex.slice(1), 2).map((c: string) => parseInt(c, 16))\n\n  return {\n    r: rgba[0],\n    g: rgba[1],\n    b: rgba[2],\n    a: Math.round((rgba[3] / 255) * 100) / 100,\n  }\n}\n\nexport function HexToHSVA (hex: Hex): HSVA {\n  const rgb = HexToRGBA(hex)\n  return RGBAtoHSVA(rgb)\n}\n\nexport function HSVAtoHex (hsva: HSVA): Hex {\n  return RGBAtoHex(HSVAtoRGBA(hsva))\n}\n\nexport function parseHex (hex: string): Hex {\n  if (hex.startsWith('#')) {\n    hex = hex.slice(1)\n  }\n\n  hex = hex.replace(/([^0-9a-f])/gi, 'F')\n\n  if (hex.length === 3 || hex.length === 4) {\n    hex = hex.split('').map(x => x + x).join('')\n  }\n\n  if (hex.length === 6) {\n    hex = padEnd(hex, 8, 'F')\n  } else {\n    hex = padEnd(padEnd(hex, 6), 8, 'F')\n  }\n\n  return `#${hex}`.toUpperCase().substr(0, 9)\n}\n\nexport function parseGradient (\n  gradient: string,\n  colors: Record<string, Record<string, string>>,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  return gradient.replace(/([a-z]+(\\s[a-z]+-[1-5])?)(?=$|,)/gi, x => {\n    return classToHex(x, colors, currentTheme) || x\n  }).replace(/(rgba\\()#[0-9a-f]+(?=,)/gi, x => {\n    return 'rgba(' + Object.values(HexToRGBA(parseHex(x.replace(/rgba\\(/, '')))).slice(0, 3).join(',')\n  })\n}\n\nexport function RGBtoInt (rgba: RGBA): ColorInt {\n  return (rgba.r << 16) + (rgba.g << 8) + rgba.b\n}\n\n/**\n * Returns the contrast ratio (1-21) between two colors.\n *\n * @param c1 First color\n * @param c2 Second color\n */\nexport function contrastRatio (c1: RGBA, c2: RGBA): number {\n  const [, y1] = toXYZ(RGBtoInt(c1))\n  const [, y2] = toXYZ(RGBtoInt(c2))\n\n  return (Math.max(y1, y2) + 0.05) / (Math.min(y1, y2) + 0.05)\n}\n"],"sourceRoot":"","file":"colorUtils.js"}
+{"version":3,"sources":["../../src/util/colorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nimport { consoleWarn } from './console'\nimport { chunk, padEnd } from './helpers'\nimport { toXYZ } from './color/transformSRGB'\n\n// Types\nimport { KdutifyThemeVariant } from 'types/services/theme'\n\nexport type ColorInt = number\nexport type XYZ = [number, number, number]\nexport type LAB = [number, number, number]\nexport type HSV = { h: number, s: number, v: number }\nexport type HSVA = HSV & { a: number }\nexport type RGB = { r: number, g: number, b: number }\nexport type RGBA = RGB & { a: number }\nexport type HSL = { h: number, s: number, l: number }\nexport type HSLA = HSL & { a: number }\nexport type Hex = string\nexport type Hexa = string\nexport type Color = string | number | {}\n\nexport function isCssColor (color?: string | false): boolean {\n  return !!color && !!color.match(/^(#|var\\(--|(rgb|hsl)a?\\()/)\n}\n\nexport function colorToInt (color: Color): ColorInt {\n  let rgb\n\n  if (typeof color === 'number') {\n    rgb = color\n  } else if (typeof color === 'string') {\n    let c = color[0] === '#' ? color.substring(1) : color\n    if (c.length === 3) {\n      c = c.split('').map(char => char + char).join('')\n    }\n    if (c.length !== 6) {\n      consoleWarn(`'${color}' is not a valid rgb color`)\n    }\n    rgb = parseInt(c, 16)\n  } else {\n    throw new TypeError(`Colors can only be numbers or strings, recieved ${color == null ? color : color.constructor.name} instead`)\n  }\n\n  if (rgb < 0) {\n    consoleWarn(`Colors cannot be negative: '${color}'`)\n    rgb = 0\n  } else if (rgb > 0xffffff || isNaN(rgb)) {\n    consoleWarn(`'${color}' is not a valid rgb color`)\n    rgb = 0xffffff\n  }\n\n  return rgb\n}\n\nexport function classToHex (\n  color: string,\n  colors: Record<string, Record<string, string>>,\n  currentTheme: Partial<KdutifyThemeVariant>,\n): string {\n  const [colorName, colorModifier] = color\n    .toString().trim().replace('-', '').split(' ', 2) as (string | undefined)[]\n\n  let hexColor = ''\n  if (colorName && colorName in colors) {\n    if (colorModifier && colorModifier in colors[colorName]) {\n      hexColor = colors[colorName][colorModifier]\n    } else if ('base' in colors[colorName]) {\n      hexColor = colors[colorName].base\n    }\n  } else if (colorName && colorName in currentTheme) {\n    hexColor = currentTheme[colorName] as string\n  }\n\n  return hexColor\n}\n\nexport function intToHex (color: ColorInt): string {\n  let hexColor: string = color.toString(16)\n\n  if (hexColor.length < 6) hexColor = '0'.repeat(6 - hexColor.length) + hexColor\n\n  return '#' + hexColor\n}\n\nexport function colorToHex (color: Color): string {\n  return intToHex(colorToInt(color))\n}\n\n/**\n * Converts HSVA to RGBA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV\n *\n * @param color HSVA color as an array [0-360, 0-1, 0-1, 0-1]\n */\nexport function HSVAtoRGBA (hsva: HSVA): RGBA {\n  const { h, s, v, a } = hsva\n  const f = (n: number) => {\n    const k = (n + (h / 60)) % 6\n    return v - v * s * Math.max(Math.min(k, 4 - k, 1), 0)\n  }\n\n  const rgb = [f(5), f(3), f(1)].map(v => Math.round(v * 255))\n\n  return { r: rgb[0], g: rgb[1], b: rgb[2], a }\n}\n\n/**\n * Converts RGBA to HSVA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV\n *\n * @param color RGBA color as an array [0-255, 0-255, 0-255, 0-1]\n */\nexport function RGBAtoHSVA (rgba: RGBA): HSVA {\n  if (!rgba) return { h: 0, s: 1, v: 1, a: 1 }\n\n  const r = rgba.r / 255\n  const g = rgba.g / 255\n  const b = rgba.b / 255\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n\n  let h = 0\n\n  if (max !== min) {\n    if (max === r) {\n      h = 60 * (0 + ((g - b) / (max - min)))\n    } else if (max === g) {\n      h = 60 * (2 + ((b - r) / (max - min)))\n    } else if (max === b) {\n      h = 60 * (4 + ((r - g) / (max - min)))\n    }\n  }\n\n  if (h < 0) h = h + 360\n\n  const s = max === 0 ? 0 : (max - min) / max\n  const hsv = [h, s, max]\n\n  return { h: hsv[0], s: hsv[1], v: hsv[2], a: rgba.a }\n}\n\nexport function HSVAtoHSLA (hsva: HSVA): HSLA {\n  const { h, s, v, a } = hsva\n\n  const l = v - (v * s / 2)\n\n  const sprime = l === 1 || l === 0 ? 0 : (v - l) / Math.min(l, 1 - l)\n\n  return { h, s: sprime, l, a }\n}\n\nexport function HSLAtoHSVA (hsl: HSLA): HSVA {\n  const { h, s, l, a } = hsl\n\n  const v = l + s * Math.min(l, 1 - l)\n\n  const sprime = v === 0 ? 0 : 2 - (2 * l / v)\n\n  return { h, s: sprime, v, a }\n}\n\nexport function RGBAtoCSS (rgba: RGBA): string {\n  return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`\n}\n\nexport function RGBtoCSS (rgba: RGBA): string {\n  return RGBAtoCSS({ ...rgba, a: 1 })\n}\n\nexport function RGBAtoHex (rgba: RGBA): Hex {\n  const toHex = (v: number) => {\n    const h = Math.round(v).toString(16)\n    return ('00'.substr(0, 2 - h.length) + h).toUpperCase()\n  }\n\n  return `#${[\n    toHex(rgba.r),\n    toHex(rgba.g),\n    toHex(rgba.b),\n    toHex(Math.round(rgba.a * 255)),\n  ].join('')}`\n}\n\nexport function HexToRGBA (hex: Hex): RGBA {\n  const rgba = chunk(hex.slice(1), 2).map((c: string) => parseInt(c, 16))\n\n  return {\n    r: rgba[0],\n    g: rgba[1],\n    b: rgba[2],\n    a: Math.round((rgba[3] / 255) * 100) / 100,\n  }\n}\n\nexport function HexToHSVA (hex: Hex): HSVA {\n  const rgb = HexToRGBA(hex)\n  return RGBAtoHSVA(rgb)\n}\n\nexport function HSVAtoHex (hsva: HSVA): Hex {\n  return RGBAtoHex(HSVAtoRGBA(hsva))\n}\n\nexport function parseHex (hex: string): Hex {\n  if (hex.startsWith('#')) {\n    hex = hex.slice(1)\n  }\n\n  hex = hex.replace(/([^0-9a-f])/gi, 'F')\n\n  if (hex.length === 3 || hex.length === 4) {\n    hex = hex.split('').map(x => x + x).join('')\n  }\n\n  if (hex.length === 6) {\n    hex = padEnd(hex, 8, 'F')\n  } else {\n    hex = padEnd(padEnd(hex, 6), 8, 'F')\n  }\n\n  return `#${hex}`.toUpperCase().substr(0, 9)\n}\n\nexport function parseGradient (\n  gradient: string,\n  colors: Record<string, Record<string, string>>,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  return gradient.replace(/([a-z]+(\\s[a-z]+-[1-5])?)(?=$|,)/gi, x => {\n    return classToHex(x, colors, currentTheme) || x\n  }).replace(/(rgba\\()#[0-9a-f]+(?=,)/gi, x => {\n    return 'rgba(' + Object.values(HexToRGBA(parseHex(x.replace(/rgba\\(/, '')))).slice(0, 3).join(',')\n  })\n}\n\nexport function RGBtoInt (rgba: RGBA): ColorInt {\n  return (rgba.r << 16) + (rgba.g << 8) + rgba.b\n}\n\n/**\n * Returns the contrast ratio (1-21) between two colors.\n *\n * @param c1 First color\n * @param c2 Second color\n */\nexport function contrastRatio (c1: RGBA, c2: RGBA): number {\n  const [, y1] = toXYZ(RGBtoInt(c1))\n  const [, y2] = toXYZ(RGBtoInt(c2))\n\n  return (Math.max(y1, y2) + 0.05) / (Math.min(y1, y2) + 0.05)\n}\n"],"sourceRoot":"","file":"colorUtils.js"}