@breadstone/mosaik-elements-foundation 0.0.12-beta.8 → 0.0.13

package/Theming/Types.js

@@ -1,202 +0,0 @@
-"use strict";
-// /**
-//  * @public
-//  */
-// export type CssRGBColor = `rgb(${number}, ${number}, ${number})`;
-// /**
-//  * @public
-//  */
-// export type CssRGBAColor = `rgba(${number}, ${number}, ${number}, ${number})`;
-// /**
-//  * @public
-//  */
-// export type CssHEXColor = `#${string}`;
-// /**
-//  * @public
-//  */
-// export type CssColor = CssRGBColor | CssRGBAColor | CssHEXColor;
-// /**
-//  * @public
-//  */
-// export function isCssColor(value: unknown): value is CssColor {
-//     if (typeof value !== 'string') {
-//         return false;
-//     }
-//     if (value.trim() === '') {
-//         return false;
-//     }
-//     const rgbRegex = /^rgb\(\d{1,3},\s*\d{1,3},\s*\d{1,3}\)$/;
-//     const rgbaRegex = /^rgba\(\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*(0(\.\d+)?|1(\.0+)?)\)$/;
-//     const hexRegex = /^#[0-9a-fA-F]{3,6}$/;
-//     return rgbRegex.test(value) || rgbaRegex.test(value) || hexRegex.test(value);
-// }
-// /**
-//  * @public
-//  */
-// export type CssLengthUnit = 'em' | 'ex' | 'ch' | 'rem' | 'vh' | 'vw' | 'vmin' | 'vmax' | 'px' | 'mm' | 'cm' | 'in' | 'pt' | 'pc' | 'mozmm';
-// /**
-//  * @public
-//  */
-// export type CssLength = `${number}${CssLengthUnit | '%'}` | number | 'auto';
-// export namespace CssLength {
-//     /**
-//      * Determines whether the given value is a valid CSS length.
-//      *
-//      * @public
-//      * @returns `true` if the value is a valid CSS length; otherwise, `false`.
-//      */
-//     export function isCssLength(value: unknown): value is CssLength {
-//         if (typeof value === 'number' || value === 'auto') {
-//             return true;
-//         }
-//         if (typeof value !== 'string') {
-//             return false;
-//         }
-//         if (value.trim() === '') {
-//             return false;
-//         }
-//         const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm|%)/;
-//         return lengthRegex.test(value);
-//     }
-//     /**
-//      * @public
-//      */
-//     export function isAuto(value: unknown): value is Extract<CssLength, 'auto'> {
-//         return value === 'auto';
-//     }
-//     /**
-//      * @public
-//      */
-//     export function isPercentage(value: unknown): value is `${number}%` {
-//         if (typeof value !== 'string') {
-//             return false;
-//         }
-//         if (value.trim() === '') {
-//             return false;
-//         }
-//         const percentageRegex = /^-?\d+(\.\d+)?%/;
-//         return percentageRegex.test(value);
-//     }
-//     /**
-//      * @public
-//      */
-//     export function isLength(value: unknown): value is `${number}${CssLengthUnit}` {
-//         if (typeof value !== 'string') {
-//             return false;
-//         }
-//         if (value.trim() === '') {
-//             return false;
-//         }
-//         const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm)/;
-//         return lengthRegex.test(value);
-//     }
-//     /**
-//      * @public
-//      */
-//     export function extracthUnit(cssLength: `${number}${CssLengthUnit | '%'}`): CssLengthUnit {
-//         const match = (/[a-z%]+$/i).exec(cssLength);
-//         const lengt = match ? (match[0] as CssLengthUnit) : null;
-//         if (lengt === null) {
-//             throw new Error(`Invalid value: ${cssLength}`);
-//         }
-//         return lengt;
-//     }
-//     /**
-//      * @public
-//      */
-//     export function extractValue(cssLength: `${number}${CssLengthUnit | '%'}`): number {
-//         const match = (/^-?\d*\.?\d+/).exec(cssLength);
-//         const value = match ? parseFloat(match[0]) : null;
-//         if (value === null) {
-//             throw new Error(`Invalid value: ${cssLength}`);
-//         }
-//         return value;
-//     }
-//     /**
-//      * Converts pixel values to rem units.
-//      *
-//      * @public
-//      * @param pixel - The pixel value to convert.
-//      * @returns The converted value in rem units.
-//      */
-//     export function pxToRem(pixel: `${number}${Extract<CssLengthUnit, 'px'>}`): string {
-//         const value = extractValue(pixel);
-//         const baseSize = 16; // Default font size in pixels
-//         const sizeInRem = `${value / baseSize}rem`;
-//         return sizeInRem;
-//     }
-//     export function parse(value: unknown, defaultUnit: CssLengthUnit = 'px'): CssLength | undefined {
-//         if (value === undefined || value === null) {
-//             return undefined;
-//         }
-//         if (typeof value === 'string') {
-//             if (isLength(value)) {
-//                 return value;
-//             }
-//             return `${value}${defaultUnit}` as CssLength;
-//         }
-//         if (typeof value === 'number') {
-//             return `${String(value)}${defaultUnit}` as CssLength;
-//         }
-//         return undefined;
-//     }
-// }
-// /**
-//  * @public
-//  */
-// export type CssTimeUnit = 's' | 'ms';
-// /**
-//  * @public
-//  */
-// export type CssTime = `${string}${CssTimeUnit}` | number | 0;
-// /**
-//  * @public
-//  */
-// export namespace CssTime {
-//     /**
-//      * @public
-//      */
-//     export function isCssTime(value: unknown): value is CssTime {
-//         if (typeof value === 'number' || value === 0) {
-//             return true;
-//         }
-//         if (typeof value !== 'string') {
-//             return false;
-//         }
-//         if (value.trim() === '') {
-//             return false;
-//         }
-//         const timeRegex = /^-?\d+(\.\d+)?(s|ms)/;
-//         return timeRegex.test(value);
-//     }
-// }
-// /**
-//  * @public
-//  */
-// export type CssAspectRatio = 'auto' | `${number}` | `${number}/${number}`;
-// /**
-//  * @public
-//  */
-// export namespace CssAspectRatio {
-//     /**
-//      * @public
-//      */
-//     export function isCssAspectRatio(value: unknown): value is CssAspectRatio {
-//         if (value === 'auto') {
-//             return true;
-//         }
-//         if (typeof value === 'string') {
-//             const ratioParts = value.split('/');
-//             if (ratioParts.length === 1) {
-//                 // Check if it's a single number
-//                 return !isNaN(Number(ratioParts[0])) && Number(ratioParts[0]) >= 0;
-//             }
-//             if (ratioParts.length === 2) {
-//                 // Check if both parts are numbers
-//                 return !isNaN(Number(ratioParts[0])) && Number(ratioParts[0]) >= 0 && !isNaN(Number(ratioParts[1])) && Number(ratioParts[1]) >= 0;
-//             }
-//         }
-//         return false;
-//     }
-// }
-//# sourceMappingURL=Types.js.map

package/Theming/Types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../src/Theming/Types.ts"],"names":[],"mappings":"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"}

package/Theming/vNext/ITheme2ElementProps.d.ts

@@ -1,11 +0,0 @@
-import type { ITheme } from '@breadstone/mosaik-themes';
-/**
- * Represents the `{@link ITheme2ElementProps}` interface.
- *
- * @public
- */
-export interface ITheme2ElementProps {
-    theme: ITheme | null;
-    isInline: boolean;
-}
-//# sourceMappingURL=ITheme2ElementProps.d.ts.map

package/Theming/vNext/ITheme2ElementProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITheme2ElementProps.d.ts","sourceRoot":"","sources":["../../../src/Theming/vNext/ITheme2ElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAIxD;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACrB"}

package/Theming/vNext/ITheme2ElementProps.js

@@ -1,3 +0,0 @@
-// #region Imports
-export {};
-//# sourceMappingURL=ITheme2ElementProps.js.map

package/Theming/vNext/ITheme2ElementProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITheme2ElementProps.js","sourceRoot":"","sources":["../../../src/Theming/vNext/ITheme2ElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Theming/vNext/Theme2.d.ts

@@ -1,126 +0,0 @@
-import type { ITheme, IThemePalette, ThemeMode } from '@breadstone/mosaik-themes';
-import type { IEventDetail } from '../../Events/Details/Interfaces/IEventDetail';
-import type { IEventEmitter } from '../../Events/Emitters/Interfaces/IEventEmitter';
-import type { Theme2Element } from './Theme2Element';
-import type { CssColor } from '../Types';
-/**
- * The `Theme2` class.
- *
- * @public
- */
-export declare class Theme2 {
-    private static readonly _themeElements;
-    private readonly _themeChanged;
-    private readonly _schemeChanged;
-    private readonly _paletteChanged;
-    /**
-     * Constructs a new instance of the `Theme` class.
-     *
-     * @public
-     */
-    constructor();
-    /**
-     * @public
-     * @readonly
-     * @eventProperty
-     */
-    get themeChanged(): IEventEmitter<IEventDetail>;
-    /**
-     * @public
-     * @readonly
-     * @eventProperty
-     */
-    get schemeChanged(): IEventEmitter<IEventDetail>;
-    /**
-     * @public
-     * @readonly
-     * @eventProperty
-     */
-    get paletteChanged(): IEventEmitter<IEventDetail>;
-    /**
-     * @public
-     * @static
-     */
-    static register(element: Theme2Element): void;
-    /**
-     * @public
-     * @static
-     */
-    static unregister(element: Theme2Element): void;
-    /**
-     * @public
-     */
-    getTheme(): ITheme;
-    getDocumentTheme(): string | null;
-    getDocumentThemeMode(): ThemeMode | null;
-    /**
-     * Applies the specified scheme.
-     *
-     * @public
-     */
-    applyScheme(scheme: ITheme['scheme']): void;
-    /**
-     * Replaces the scheme with the specified key.
-     * This is useful when you want to replace a specific scheme in the theme.
-     *
-     * @public
-     */
-    replaceScheme(key: string, scheme: Record<string, CssColor>): void;
-    /**
-     * Applies the specified palette.
-     *
-     * @public
-     */
-    applyPalette(palette: ITheme['palette']): void;
-    /**
-     * Replaces the palette with the specified key.
-     * This is useful when you want to replace a specific palette in the theme.
-     *
-     * @public
-     */
-    replacePalette(key: string, palette: Record<string, IThemePalette | CssColor>): void;
-    /**
-     * Applies the specified font family.
-     *
-     * @public
-     */
-    applyFontFamily(fontFamily: ITheme['fontFamily']): void;
-    /**
-     * Replaces the font family with the specified value.
-     * This is useful when you want to replace the font family in the theme.
-     *
-     * @public
-     */
-    replaceFontFamily(fontFamily: string): void;
-    /**
-     * @public
-     */
-    applyTypography(typography: ITheme['typography']): void;
-    /**
-     * Applies the specified layout.
-     *
-     * @public
-     */
-    applyLayout(layout: ITheme['layout']): void;
-    /**
-     * Replaces the layout with the specified value.
-     * This is useful when you want to replace the layout in the theme.
-     *
-     * @public
-     */
-    replaceLayout(layout: ITheme['layout']): void;
-    /**
-     * @public
-     */
-    applyElevation(elevation: ITheme['elevation']): void;
-}
-/**
- * @public
- */
-export declare class Theme2ServiceLocator {
-    private static _current;
-    static get current(): Theme2;
-    static isSet(): boolean;
-    static set(current: Theme2): void;
-}
-//# sourceMappingURL=Theme2.d.ts.map

package/Theming/vNext/Theme2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2.d.ts","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIzC;;;;GAIG;AACH,qBAAa,MAAM;IAIf,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAA4B;IAClE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA8B;IAC7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA8B;IAM9D;;;;OAIG;;IAWH;;;;OAIG;IACH,IAAW,YAAY,IAAI,aAAa,CAAC,YAAY,CAAC,CAErD;IAED;;;;OAIG;IACH,IAAW,aAAa,IAAI,aAAa,CAAC,YAAY,CAAC,CAEtD;IAED;;;;OAIG;IACH,IAAW,cAAc,IAAI,aAAa,CAAC,YAAY,CAAC,CAEvD;IAMD;;;OAGG;WACW,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAIpD;;;OAGG;WACW,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOtD;;OAEG;IACI,QAAQ,IAAI,MAAM;IAUlB,gBAAgB,IAAI,MAAM,GAAG,IAAI;IAIjC,oBAAoB,IAAI,SAAS,GAAG,IAAI;IAI/C;;;;OAIG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAQlD;;;;;OAKG;IACI,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI;IASzE;;;;OAIG;IACI,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI;IAQrD;;;;;OAKG;IACI,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,QAAQ,CAAC,GAAG,IAAI;IAY3F;;;;OAIG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;;OAKG;IACI,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAMlD;;OAEG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;OAIG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAMlD;;;;;OAKG;IACI,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAMpD;;OAEG;IACI,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAQ9D;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAI7B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuB;IAM9C,WAAkB,OAAO,IAAI,MAAM,CAKlC;WAMa,KAAK,IAAI,OAAO;WAIhB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAM3C"}

package/Theming/vNext/Theme2.js

@@ -1,223 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { PureEventEmitter } from '../../Events/Emitters/PureEventEmitter';
-// #endregion
-/**
- * The `Theme2` class.
- *
- * @public
- */
-export class Theme2 {
-    // #region Fields
-    static _themeElements = [];
-    _themeChanged;
-    _schemeChanged;
-    _paletteChanged;
-    // #endregion
-    // #region Ctor
-    /**
-     * Constructs a new instance of the `Theme` class.
-     *
-     * @public
-     */
-    constructor() {
-        this._themeChanged = new PureEventEmitter();
-        this._schemeChanged = new PureEventEmitter();
-        this._paletteChanged = new PureEventEmitter();
-    }
-    // #endregion
-    // #region Properties
-    /**
-     * @public
-     * @readonly
-     * @eventProperty
-     */
-    get themeChanged() {
-        return this._themeChanged;
-    }
-    /**
-     * @public
-     * @readonly
-     * @eventProperty
-     */
-    get schemeChanged() {
-        return this._schemeChanged;
-    }
-    /**
-     * @public
-     * @readonly
-     * @eventProperty
-     */
-    get paletteChanged() {
-        return this._paletteChanged;
-    }
-    // #endregion
-    // #region Methods
-    /**
-     * @public
-     * @static
-     */
-    static register(element) {
-        Theme2._themeElements.push(element);
-    }
-    /**
-     * @public
-     * @static
-     */
-    static unregister(element) {
-        const index = Theme2._themeElements.indexOf(element);
-        if (index > -1) {
-            Theme2._themeElements.splice(index, 1);
-        }
-    }
-    /**
-     * @public
-     */
-    getTheme() {
-        const current = Theme2._themeElements.at(0)?.theme;
-        if (!current) {
-            throw new Error('No theme set.');
-        }
-        return current;
-    }
-    getDocumentTheme() {
-        return document.documentElement.getAttribute('theme');
-    }
-    getDocumentThemeMode() {
-        return document.documentElement.getAttribute('theme-mode');
-    }
-    /**
-     * Applies the specified scheme.
-     *
-     * @public
-     */
-    applyScheme(scheme) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyScheme(scheme);
-        });
-        this._schemeChanged.emit({ scheme: scheme });
-    }
-    /**
-     * Replaces the scheme with the specified key.
-     * This is useful when you want to replace a specific scheme in the theme.
-     *
-     * @public
-     */
-    replaceScheme(key, scheme) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyScheme({
-                ...element.theme?.scheme,
-                [key]: scheme
-            });
-        });
-    }
-    /**
-     * Applies the specified palette.
-     *
-     * @public
-     */
-    applyPalette(palette) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyPalette(palette);
-        });
-        this._paletteChanged.emit({ palette: palette });
-    }
-    /**
-     * Replaces the palette with the specified key.
-     * This is useful when you want to replace a specific palette in the theme.
-     *
-     * @public
-     */
-    replacePalette(key, palette) {
-        Theme2._themeElements.forEach((element) => {
-            // element.theme.palette[key] = palette;
-            element.applyPalette({
-                ...element.theme?.palette,
-                [key]: palette
-            });
-        });
-        this._paletteChanged.emit({ palette: palette });
-    }
-    /**
-     * Applies the specified font family.
-     *
-     * @public
-     */
-    applyFontFamily(fontFamily) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyFontFamily(fontFamily);
-        });
-    }
-    /**
-     * Replaces the font family with the specified value.
-     * This is useful when you want to replace the font family in the theme.
-     *
-     * @public
-     */
-    replaceFontFamily(fontFamily) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyFontFamily(fontFamily);
-        });
-    }
-    /**
-     * @public
-     */
-    applyTypography(typography) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyTypography(typography);
-        });
-    }
-    /**
-     * Applies the specified layout.
-     *
-     * @public
-     */
-    applyLayout(layout) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyLayout(layout);
-        });
-    }
-    /**
-     * Replaces the layout with the specified value.
-     * This is useful when you want to replace the layout in the theme.
-     *
-     * @public
-     */
-    replaceLayout(layout) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyLayout(layout);
-        });
-    }
-    /**
-     * @public
-     */
-    applyElevation(elevation) {
-        Theme2._themeElements.forEach((element) => {
-            element.applyElevation(elevation);
-        });
-    }
-}
-/**
- * @public
- */
-export class Theme2ServiceLocator {
-    // #region Fields
-    static _current = null;
-    // #endregion
-    // #region Properties
-    static get current() {
-        if (!Theme2ServiceLocator.isSet()) {
-            throw new Error('\'Theme\' not set.');
-        }
-        return Theme2ServiceLocator._current;
-    }
-    // #endregion
-    // #region Methods
-    static isSet() {
-        return Theme2ServiceLocator._current !== null;
-    }
-    static set(current) {
-        Theme2ServiceLocator._current = current;
-    }
-}
-Theme2ServiceLocator.set(new Theme2());
-//# sourceMappingURL=Theme2.js.map

package/Theming/vNext/Theme2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2.js","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2.ts"],"names":[],"mappings":"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"}

package/Theming/vNext/Theme2Element.d.ts

@@ -1,66 +0,0 @@
-import { ITheme } from '@breadstone/mosaik-themes';
-import { CustomElement } from '../../Controls/Components/Abstracts/CustomElement';
-import { ITheme2ElementProps } from './ITheme2ElementProps';
-/**
- * The `{@link Theme2Element}` element.
- *
- * @public
- */
-export declare class Theme2Element extends CustomElement implements ITheme2ElementProps {
-    private _theme;
-    private _isInline;
-    /**
-     * @public
-     */
-    constructor();
-    /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
-     *
-     * @public
-     * @static
-     * @readonly
-     */
-    static get is(): string;
-    /**
-     * Gets or sets the `theme` property.
-     *
-     * @public
-     */
-    get theme(): ITheme | null;
-    set theme(value: ITheme | null);
-    /**
-     * Gets or sets the `isInline` property.
-     *
-     * @public
-     */
-    get isInline(): boolean;
-    set isInline(value: boolean);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected onThemePropertyChanged(prev?: ITheme, next?: ITheme): void;
-    /**
-     * Applies the theme properties to the root element of the DOM.
-     *
-     * @private
-     */
-    private tryApplyRootTheme;
-    private _style;
-    /**
-     * @private
-     */
-    private setGlobalVariable;
-    /**
-     * @private
-     */
-    private applyTheme;
-}
-/**
- * @public
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'mosaik-theme2': Theme2Element;
-    }
-}
-//# sourceMappingURL=Theme2Element.d.ts.map

package/Theming/vNext/Theme2Element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2Element.d.ts","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2Element.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAA2C,MAAM,2BAA2B,CAAC;AAE5F,OAAO,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAUlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D;;;;GAIG;AACH,qBAMa,aACT,SAAQ,aACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAcH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAWpC;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMe,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IA4I5C,SAAS,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAMpE;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,MAAM,CAAiC;IAE/C;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAqBzB;;OAEG;IACH,OAAO,CAAC,UAAU;CAerB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}