@stats-forge/github-stats-forge-core 0.0.1 → 0.1.0

package/build/common/Card.js

@@ -1,6 +1,34 @@
+import { atRule, cssComment, el, renderMarkup, rule, style } from '../markup/index.js';
 import { getCardColors, isPrefixedHexColor, isValidGradient } from './color.js';
-import { encodeHTML } from './html.js';
 import { flexLayout } from './render.js';
+/** Stops every animation, whether the reader asked or the card did. */
+const NO_MOTION = {
+    'animation-duration': '0s !important',
+    'animation-delay': '0s !important',
+};
+/**
+ * Retrieves css animations for a card.
+ *
+ * @returns Animation css.
+ */
+const getAnimations = () => [
+    cssComment('Animations'),
+    atRule('@keyframes scaleInAnimation', rule('from', { transform: 'translate(-5px, 5px) scale(0)' }), rule('to', { transform: 'translate(-5px, 5px) scale(1)' })),
+    atRule('@keyframes fadeInAnimation', rule('from', { opacity: 0 }), rule('to', { opacity: 1 })),
+    atRule('@media (prefers-reduced-motion: reduce)', rule('*', NO_MOTION)),
+];
+/** One `linearGradient` definition, built from an angle followed by its stops. */
+const buildGradientDef = (id, bgColor) => {
+    const gradients = bgColor.slice(1);
+    return el('linearGradient', {
+        id,
+        gradientTransform: `rotate(${String(bgColor[0])})`,
+        gradientUnits: 'userSpaceOnUse',
+    }, gradients.map((grad, index) => el('stop', {
+        offset: `${(index * 100) / (gradients.length - 1)}%`,
+        'stop-color': `#${grad}`,
+    })));
+};
 class Card {
     width;
     height;
@@ -19,30 +47,17 @@ class Card {
     a11yDesc;
     /**
      * Creates a new card instance.
-     *
-     * The caller must ensure that the passed `titlePrefixIcon` is properly sanitized!
-     *
-     * @param props Card arguments.
-     * @param props.width Card width.
-     * @param props.height Card height.
-     * @param props.border_radius Card border radius.
-     * @param props.colors Card colors for light and dark mode.
-     * @param props.colors.light Card colors for light mode.
-     * @param props.colors.dark Card colors for dark mode, or `null` when no dark-mode override is needed.
-     * @param props.customTitle Card custom title.
-     * @param props.defaultTitle Card default title.
-     * @param props.titlePrefixIcon Sanitized card title prefix icon.
      */
-    constructor({ width = 100, height = 100, border_radius = 4.5, colors = { light: getCardColors({}), dark: null }, customTitle, defaultTitle = '', titlePrefixIcon, }) {
+    constructor({ width = 100, height = 100, border_radius = 8, colors = { light: getCardColors({}), dark: null }, customTitle, defaultTitle = '', titlePrefixIcon, }) {
         this.width = width;
         this.height = height;
         this.hideBorder = false;
         this.hideTitle = false;
-        this.border_radius = parseFloat(String(border_radius));
+        this.border_radius = Number.parseFloat(String(border_radius));
         this.colors = colors;
-        this.title = customTitle === undefined ? defaultTitle : customTitle;
-        this.css = '';
-        this.darkCss = '';
+        this.title = customTitle ?? defaultTitle;
+        this.css = [];
+        this.darkCss = [];
         this.paddingX = 25;
         this.paddingY = 35;
         this.titlePrefixIcon = titlePrefixIcon;
@@ -53,11 +68,6 @@ class Card {
     disableAnimations() {
         this.animations = false;
     }
-    /**
-     * @param props The props object.
-     * @param props.title Accessibility title.
-     * @param props.desc Accessibility description.
-     */
     setAccessibilityLabel({ title, desc }) {
         this.a11yTitle = title;
         this.a11yDesc = desc;
@@ -68,26 +78,14 @@ class Card {
      * Each builder receives the colors of its own color scheme,
      * so a card never handles a missing dark palette itself:
      * `dark` runs only when the card has dark colors, and always with non-null ones.
-     *
-     * @warning The caller must ensure that the returned CSS strings are properly sanitized!
-     *
-     * @param props The props object.
-     * @param props.light Builds the CSS applied unconditionally (light/default mode).
-     * @param props.dark Builds the CSS placed inside a `@media (prefers-color-scheme: dark)` block.
      */
     setCSS({ light, dark }) {
         this.css = light(this.colors.light);
-        this.darkCss = this.colors.dark ? dark(this.colors.dark) : '';
+        this.darkCss = this.colors.dark ? dark(this.colors.dark) : [];
     }
-    /**
-     * @param value Whether to hide the border or not.
-     */
     setHideBorder(value) {
         this.hideBorder = value;
     }
-    /**
-     * @param value Whether to hide the title or not.
-     */
     setHideTitle(value) {
         if (value && !this.hideTitle) {
             this.height -= 30;
@@ -97,69 +95,33 @@ class Card {
         }
         this.hideTitle = value;
     }
-    /**
-     * @param text The title to set.
-     */
     setTitle(text) {
         this.title = text;
     }
-    /**
-     * @returns The rendered card title.
-     */
+    /** @returns The rendered card title. */
     renderTitle() {
-        const titleText = `
-      <text
-        x="0"
-        y="0"
-        class="header"
-        data-testid="header"
-      >${encodeHTML(this.title)}</text>
-    `;
-        const prefixIcon = `
-      <svg
-        class="icon"
-        x="0"
-        y="-13"
-        viewBox="0 0 16 16"
-        version="1.1"
-        width="16"
-        height="16"
-      >
-        ${String(this.titlePrefixIcon)}
-      </svg>
-    `;
-        return `
-      <g
-        data-testid="card-title"
-        transform="translate(${this.paddingX}, ${this.paddingY})"
-      >
-        ${flexLayout({
-            items: [this.titlePrefixIcon ? prefixIcon : '', titleText],
+        return el('g', {
+            'data-testid': 'card-title',
+            transform: `translate(${this.paddingX}, ${this.paddingY})`,
+        }, flexLayout({
+            items: [
+                this.titlePrefixIcon &&
+                    el('svg', {
+                        class: 'icon',
+                        x: 0,
+                        y: -13,
+                        viewBox: '0 0 16 16',
+                        version: '1.1',
+                        width: 16,
+                        height: 16,
+                    }, this.titlePrefixIcon),
+                el('text', { x: 0, y: 0, class: 'header', 'data-testid': 'header' }, this.title),
+            ],
             gap: 25,
-        }).join('')}
-      </g>
-    `;
+        }));
     }
-    /**
-     * @returns The rendered card gradient.
-     */
+    /** @returns The card's gradient definitions, or nothing when no color is a gradient. */
     renderGradient() {
-        const buildGradientDef = (id, bgColor) => {
-            const gradients = bgColor.slice(1);
-            return `
-          <linearGradient
-            id="${id}"
-            gradientTransform="rotate(${String(bgColor[0])})"
-            gradientUnits="userSpaceOnUse"
-          >
-            ${gradients
-                .map((grad, index) => {
-                const offset = (index * 100) / (gradients.length - 1);
-                return `<stop offset="${offset}%" stop-color="#${grad}" />`;
-            })
-                .join(',')}
-          </linearGradient>`;
-        };
         if (typeof this.colors.light.bgColor === 'object' &&
             !isValidGradient(this.colors.light.bgColor)) {
             throw new Error(`Invalid gradient: ${this.colors.light.bgColor.join(',')}`);
@@ -169,66 +131,32 @@ class Card {
             !isValidGradient(this.colors.dark.bgColor)) {
             throw new Error(`Invalid dark gradient: ${this.colors.dark.bgColor.join(',')}`);
         }
-        return `
-        <defs>
-          ${typeof this.colors.light.bgColor === 'object' ? buildGradientDef('gradient', this.colors.light.bgColor) : ''}
-          ${this.colors.dark && typeof this.colors.dark.bgColor === 'object' ? buildGradientDef('gradient-dark', this.colors.dark.bgColor) : ''}
-        </defs>
-        `;
+        const defs = [
+            typeof this.colors.light.bgColor === 'object' &&
+                buildGradientDef('gradient', this.colors.light.bgColor),
+            this.colors.dark &&
+                typeof this.colors.dark.bgColor === 'object' &&
+                buildGradientDef('gradient-dark', this.colors.dark.bgColor),
+        ].filter(Boolean);
+        return defs.length === 0 ? undefined : el('defs', {}, defs);
     }
-    /**
-     * Retrieves css animations for a card.
-     *
-     * @returns Animation css.
-     */
-    getAnimations = () => {
-        return `
-      /* Animations */
-      @keyframes scaleInAnimation {
-        from {
-          transform: translate(-5px, 5px) scale(0);
-        }
-        to {
-          transform: translate(-5px, 5px) scale(1);
-        }
-      }
-      @keyframes fadeInAnimation {
-        from {
-          opacity: 0;
-        }
-        to {
-          opacity: 1;
-        }
-      }
-    `;
-    };
     /**
      * Builds the @media (prefers-color-scheme: dark) CSS block for the card.
-     * Returns an empty string when no dark colors are set.
+     * Returns nothing when no dark colors are set.
      */
     renderDarkMediaBlock() {
         if (!this.colors.dark) {
-            return '';
+            return undefined;
         }
         const bgFill = typeof this.colors.dark.bgColor === 'object'
             ? 'url(#gradient-dark)'
             : this.colors.dark.bgColor;
-        return `
-          @media (prefers-color-scheme: dark) {
-            .header { fill: ${this.colors.dark.titleColor}; }
-            .card-bg { fill: ${bgFill}; stroke: ${this.colors.dark.borderColor}; }
-            ${this.darkCss}
-          }`;
+        return atRule('@media (prefers-color-scheme: dark)', rule('.header', { fill: this.colors.dark.titleColor }), rule('.card-bg', { fill: bgFill, stroke: this.colors.dark.borderColor }), this.darkCss);
     }
-    /**
-     * The caller must ensure that the passed `body` string is properly sanitized!
-     *
-     * @param body The sanitized inner body of the card.
-     * @returns The rendered card.
-     */
+    /** @returns The rendered card. */
     render(body) {
         if (!Number.isFinite(this.border_radius)) {
-            throw new Error(`Invalid border radius: "${this.border_radius}"`);
+            throw new TypeError(`Invalid border radius: "${this.border_radius}"`);
         }
         if (!isPrefixedHexColor(this.colors.light.titleColor)) {
             throw new Error(`Invalid title color: "${this.colors.light.titleColor}"`);
@@ -241,65 +169,35 @@ class Card {
             : isPrefixedHexColor(this.colors.light.bgColor))) {
             throw new Error(`Invalid background color: ${String(this.colors.light.bgColor)}`);
         }
-        return `
-      <svg
-        width="${this.width}"
-        height="${this.height}"
-        viewBox="0 0 ${this.width} ${this.height}"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        role="img"
-        aria-labelledby="titleId descId"
-      >
-        <title id="titleId">${encodeHTML(this.a11yTitle)}</title>
-        <desc id="descId">${encodeHTML(this.a11yDesc)}</desc>
-        <style>
-          .header {
-            font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
-            fill: ${this.colors.light.titleColor};
-            animation: fadeInAnimation 0.8s ease-in-out forwards;
-          }
-          @supports(-moz-appearance: auto) {
-            /* Selector detects Firefox */
-            .header { font-size: 15.5px; }
-          }
-          ${this.css}
-          ${this.renderDarkMediaBlock()}
-
-          ${this.getAnimations()}
-          ${this.animations
-            ? ''
-            : `* { animation-duration: 0s !important; animation-delay: 0s !important; }`}
-        </style>
-
-        ${this.renderGradient()}
-
-        <rect
-          data-testid="card-bg"
-          class="card-bg"
-          x="0.5"
-          y="0.5"
-          rx="${this.border_radius}"
-          height="99%"
-          stroke="${this.colors.light.borderColor}"
-          width="${this.width - 1}"
-          fill="${typeof this.colors.light.bgColor === 'object'
-            ? 'url(#gradient)'
-            : this.colors.light.bgColor}"
-          stroke-opacity="${this.hideBorder ? 0 : 1}"
-        />
-
-        ${this.hideTitle ? '' : this.renderTitle()}
-
-        <g
-          data-testid="main-card-body"
-          transform="translate(0, ${this.hideTitle ? this.paddingX : this.paddingY + 20})"
-        >
-          ${body}
-        </g>
-      </svg>
-    `;
+        return renderMarkup(el('svg', {
+            width: this.width,
+            height: this.height,
+            viewBox: `0 0 ${this.width} ${this.height}`,
+            fill: 'none',
+            xmlns: 'http://www.w3.org/2000/svg',
+            role: 'img',
+            'aria-labelledby': 'titleId descId',
+        }, el('title', { id: 'titleId' }, this.a11yTitle), el('desc', { id: 'descId' }, this.a11yDesc), style(rule('.header', {
+            font: "600 18px 'Segoe UI', Ubuntu, Sans-Serif",
+            fill: this.colors.light.titleColor,
+            animation: 'fadeInAnimation 0.8s ease-in-out forwards',
+        }), atRule('@supports(-moz-appearance: auto)', cssComment('Selector detects Firefox'), rule('.header', { 'font-size': '15.5px' })), this.css, this.renderDarkMediaBlock(), getAnimations(), !this.animations && rule('*', NO_MOTION)), this.renderGradient(), el('rect', {
+            'data-testid': 'card-bg',
+            class: 'card-bg',
+            x: 0.5,
+            y: 0.5,
+            rx: this.border_radius,
+            height: '99%',
+            stroke: this.colors.light.borderColor,
+            width: this.width - 1,
+            fill: typeof this.colors.light.bgColor === 'object'
+                ? 'url(#gradient)'
+                : this.colors.light.bgColor,
+            'stroke-opacity': this.hideBorder ? 0 : 1,
+        }), !this.hideTitle && this.renderTitle(), el('g', {
+            'data-testid': 'main-card-body',
+            transform: `translate(0, ${this.hideTitle ? this.paddingX : this.paddingY + 20})`,
+        }, body)));
     }
 }
 export { Card };
-export default Card;

package/build/common/I18n.d.ts

@@ -6,11 +6,6 @@ type TranslationsMap = Record<string, Record<string, string>>;
 declare class I18n<Translations extends TranslationsMap = TranslationsMap> {
     locale: string;
     translations: Translations;
-    /**
-     * @param props Constructor arguments.
-     * @param props.locale Locale.
-     * @param props.translations Translations.
-     */
     constructor({ locale, translations, }: {
         locale?: string | undefined;
         translations: Translations;
@@ -18,7 +13,6 @@ declare class I18n<Translations extends TranslationsMap = TranslationsMap> {
     /**
      * Get translation.
      *
-     * @param str String to translate.
      * @returns Translated string.
      */
     t(str: keyof Translations & string): string;

package/build/common/I18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"I18n.d.ts","sourceRoot":"","sources":["../../src/common/I18n.ts"],"names":[],"mappings":"AAEA,uDAAuD;AACvD,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9D;;GAEG;AACH,cAAM,IAAI,CAAC,YAAY,SAAS,eAAe,GAAG,eAAe;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAE3B;;;;OAIG;gBACS,EACV,MAAM,EACN,YAAY,GACb,EAAE;QAED,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,YAAY,EAAE,YAAY,CAAC;KAC5B;IAKD;;;;;OAKG;IACH,CAAC,CAAC,GAAG,EAAE,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM;CAa5C;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"I18n.d.ts","sourceRoot":"","sources":["../../src/common/I18n.ts"],"names":[],"mappings":"AAEA,uDAAuD;AACvD,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9D;;GAEG;AACH,cAAM,IAAI,CAAC,YAAY,SAAS,eAAe,GAAG,eAAe;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAE3B,YAAY,EACV,MAAM,EACN,YAAY,GACb,EAAE;QAED,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,YAAY,EAAE,YAAY,CAAC;KAC5B,EAGA;IAED;;;;OAIG;IACH,CAAC,CAAC,GAAG,EAAE,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAe1C;CACF;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/build/common/I18n.js

@@ -5,11 +5,6 @@ const FALLBACK_LOCALE = 'en';
 class I18n {
     locale;
     translations;
-    /**
-     * @param props Constructor arguments.
-     * @param props.locale Locale.
-     * @param props.translations Translations.
-     */
     constructor({ locale, translations, }) {
         this.locale = locale || FALLBACK_LOCALE;
         this.translations = translations;
@@ -17,11 +12,13 @@ class I18n {
     /**
      * Get translation.
      *
-     * @param str String to translate.
      * @returns Translated string.
      */
     t(str) {
         const translation = this.translations[str];
+        // A key the type says is present can still be missing at runtime: a card passes
+        // a locale table it built, and `i18n.test.ts` covers exactly that.
+        // oxlint-disable-next-line typescript/no-unnecessary-condition
         if (!translation) {
             throw new Error(`${str} Translation string not found`);
         }

package/build/common/color.d.ts

@@ -3,7 +3,6 @@
  * (`"f00"`, `"ffffff"`). This is the form user-supplied color params and
  * gradient stops arrive in.
  *
- * @param value Value to check.
  * @returns True if the value is a bare hex color.
  */
 declare const isBareHexColor: (value: unknown) => boolean;
@@ -12,7 +11,6 @@ declare const isBareHexColor: (value: unknown) => boolean;
  * is the form colors take once resolved by {@link getCardColors}, i.e. right
  * before they are written into the SVG.
  *
- * @param value Value to check.
  * @returns True if the value is a `#`-prefixed hex color.
  */
 declare const isPrefixedHexColor: (value: unknown) => boolean;
@@ -21,14 +19,12 @@ declare const isPrefixedHexColor: (value: unknown) => boolean;
  * followed by at least two bare-hex color stops, e.g. `["90", "f00", "0f0"]`.
  * The angle is written into the SVG `gradientTransform="rotate(...)"`.
  *
- * @param parts Gradient parts: `[angle, ...stops]`.
  * @returns True if the parts form a valid gradient.
  */
 declare const isValidGradient: (parts: Array<string>) => boolean;
 /**
  * Checks if a string is a valid input for a color or gradient.
  *
- * @param color String to check, may be null or undefined.
  * @returns True if the given string is a valid input.
  */
 declare const isValidColorInput: (color: string | null | undefined) => boolean;
@@ -57,8 +53,8 @@ interface CardColors {
  * Single source of truth: the param types and {@link COLOR_PARAM_KEYS} are all
  * derived from this, so adding a param here is enough.
  */
-declare const BASE_COLOR_KEYS: readonly ["title_color", "icon_color", "text_color", "bg_color", "border_color", "ring_color", "prog_bar_bg_color", "theme"];
-declare const THEME_VARIANTS: readonly ["light", "dark"];
+declare const BASE_COLOR_KEYS: readonly ['title_color', 'icon_color', 'text_color', 'bg_color', 'border_color', 'ring_color', 'prog_bar_bg_color', 'theme'];
+declare const THEME_VARIANTS: readonly ['light', 'dark'];
 type BaseColorKey = (typeof BASE_COLOR_KEYS)[number];
 type ThemeVariant = (typeof THEME_VARIANTS)[number];
 /**
@@ -70,15 +66,6 @@ type ColorInput = Partial<Record<BaseColorKey, string | undefined>>;
 /**
  * Returns theme based colors with proper overrides and defaults.
  *
- * @param props Function arguments.
- * @param props.title_color Card title color.
- * @param props.text_color Card text color.
- * @param props.icon_color Card icon color.
- * @param props.bg_color Card background color.
- * @param props.border_color Card border color.
- * @param props.ring_color Card ring color.
- * @param props.prog_bar_bg_color Progress bar background color.
- * @param props.theme Card theme.
  * @returns Card colors.
  */
 declare const getCardColors: ({ title_color, text_color, icon_color, bg_color, border_color, ring_color, prog_bar_bg_color, theme, }: ColorInput) => CardColors;
@@ -94,9 +81,9 @@ type LightDarkColorParams = Partial<Record<`${BaseColorKey}_${ThemeVariant}`, st
  * Anything a mode does not override falls back to the general params,
  * so a partial override such as `bg_color_dark` alone keeps every other color from the base theme.
  *
- * When no `_light` / `_dark` param is provided at all, `darkColors` is `null` and the caller emits no dark-mode block.
+ * When no `_light` / `_dark` param is provided at all,
+ * `darkColors` is `null` and the caller emits no dark-mode block.
  *
- * @param params Raw query params, containing both general and `_light`/`_dark` suffixed colors and themes.
  * @returns `{ lightColors, darkColors }`, resolved colors for both light and dark mode
  */
 declare const getLightDarkColors: (params: ColorInput & LightDarkColorParams) => {

package/build/common/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/common/color.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,OAAO,KAAG,OAExC,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,OAE5C,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,eAAe,GAAI,OAAO,KAAK,CAAC,MAAM,CAAC,KAAG,OAS/C,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,OAK7D,CAAC;AAyBF;;GAEG;AACH,UAAU,UAAU;IAClB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,QAAA,MAAM,eAAe,8HASX,CAAC;AAEX,QAAA,MAAM,cAAc,4BAA6B,CAAC;AAElD,KAAK,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,KAAK,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD;;;;GAIG;AACH,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,aAAa,GAAI,wGASpB,UAAU,KAAG,UAoDf,CAAC;AAEF,KAAK,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,YAAY,IAAI,YAAY,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AAenG;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,kBAAkB,GACtB,QAAQ,UAAU,GAAG,oBAAoB,KACxC;IAAE,WAAW,EAAE,UAAU,CAAC;IAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAA;CAmB1D,CAAC;AAEF,KAAK,WAAW,GAAG,UAAU,GAAG,oBAAoB,CAAC;AAErD,QAAA,MAAM,gBAAgB,EAAE,aAAa,CAAC,MAAM,WAAW,CAKtD,CAAC;AAEF,+DAA+D;AAC/D,QAAA,MAAM,gBAAgB,EAAE,aAAa,CAAC,MAAM,WAAW,CAGtD,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;AAExC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,kBAAkB,EAIlB,eAAe,EACf,cAAc,EACd,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/common/color.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,UAAW,OAAO,KAAG,OACW,CAAC;AAErD;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,UAAW,OAAO,KAAG,OACyC,CAAC;AAEvF;;;;;;GAMG;AACH,QAAA,MAAM,eAAe,UAAW,KAAK,CAAC,MAAM,CAAC,KAAG,OAS/C,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,OAK7D,CAAC;AA8DF;;GAEG;AACH,UAAU,UAAU;IAClB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,QAAA,MAAM,eAAe,YACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,OAAO,CACC,CAAC;AAEX,QAAA,MAAM,cAAc,YAAI,OAAO,EAAE,MAAM,CAAU,CAAC;AAElD,KAAK,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,KAAK,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD;;;;GAIG;AACH,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AAEpE;;;;GAIG;AACH,QAAA,MAAM,aAAa,2GAShB,UAAU,KAAG,UA+Cf,CAAC;AAEF,KAAK,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,YAAY,IAAI,YAAY,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AA8BnG;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,kBAAkB,WACd,UAAU,GAAG,oBAAoB,KACxC;IAAE,WAAW,EAAE,UAAU,CAAC;IAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAA;CAU1D,CAAC;AAEF,KAAK,WAAW,GAAG,UAAU,GAAG,oBAAoB,CAAC;AAErD,QAAA,MAAM,gBAAgB,EAAE,aAAa,CAAC,MAAM,WAAW,CAKtD,CAAC;AAEF,+DAA+D;AAC/D,QAAA,MAAM,gBAAgB,EAAE,aAAa,CAAC,MAAM,WAAW,CAGtD,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;AAExC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,kBAAkB,EAIlB,eAAe,EACf,cAAc,EACd,gBAAgB,GACjB,CAAC"}