@breadstone/mosaik-elements-foundation 0.0.215 → 0.0.217

package/Controls/Components/Overlays/Drawer/DrawerStackBehavior.js

@@ -1,298 +0,0 @@
-// #region Imports
-import { DRAWER_STACK_DEFAULT_CONFIG } from './IDrawerStackConfig';
-import { DRAWER_STACKED_CLASS } from './DrawerService';
-// #endregion
-/**
- * Behavior that manages a stack of drawers with decreasing widths.
- * Each drawer in the stack is offset from the previous one, creating
- * a cascading visual effect.
- *
- * @public
- */
-export class DrawerStackBehavior {
-    // #region Fields
-    _config;
-    _stack;
-    // #endregion
-    // #region Ctor
-    /**
-     * Constructs a new instance of the `DrawerStackBehavior` class.
-     *
-     * @public
-     * @param config - Optional configuration for stack behavior.
-     */
-    constructor(config) {
-        this._config = {
-            ...DRAWER_STACK_DEFAULT_CONFIG,
-            ...config
-        };
-        this._stack = new Array();
-    }
-    // #endregion
-    // #region Properties
-    /**
-     * Returns the current number of drawers in the stack.
-     *
-     * @public
-     * @readonly
-     */
-    get stackSize() {
-        return this._stack.length;
-    }
-    /**
-     * Returns the current stack configuration.
-     *
-     * @public
-     * @readonly
-     */
-    get config() {
-        return this._config;
-    }
-    /**
-     * Returns an array of all drawer references in stack order (oldest first).
-     *
-     * @public
-     * @readonly
-     */
-    get stack() {
-        return this._stack;
-    }
-    // #endregion
-    // #region Methods
-    /**
-     * Configures the drawer options before opening.
-     * Calculates the appropriate width based on stack position.
-     *
-     * @public
-     * @param options - The drawer options to configure.
-     */
-    configure(options) {
-        if (!options.enableStack) {
-            return;
-        }
-        // Check max stack depth
-        if (this._config.maxStackDepth !== undefined && this._stack.length >= this._config.maxStackDepth) {
-            throw new Error(`Cannot open drawer: maximum stack depth (${this._config.maxStackDepth}) reached.`);
-        }
-    }
-    /**
-     * Attaches a drawer to the stack and applies stack styling.
-     *
-     * @public
-     * @param ref - The drawer reference to attach.
-     */
-    attach(ref) {
-        if (!ref.options?.enableStack) {
-            return;
-        }
-        // Use stackBaseWidth if provided, otherwise fall back to options.width (as string), then config.baseWidth
-        const baseWidth = ref.options.stackBaseWidth ?? this.cssLengthToString(ref.options.width) ?? this._config.baseWidth;
-        // Grow smaller drawers to match the new larger drawer
-        this.growSmallerDrawersToMatchLargest(baseWidth);
-        // Add stacked class to previous drawers
-        this.applyStackedClasses();
-        // Add to stack
-        this._stack.push(ref);
-    }
-    /**
-     * Detaches a drawer from the stack.
-     *
-     * @public
-     * @param ref - The drawer reference to detach.
-     */
-    detach(ref) {
-        const index = this._stack.indexOf(ref);
-        if (index !== -1) {
-            this._stack.splice(index, 1);
-            // Recalculate widths for remaining drawers
-            this.recalculateStackWidths();
-            // Update stacked classes
-            this.applyStackedClasses();
-        }
-    }
-    /**
-     * Disposes of all resources and clears the stack.
-     *
-     * @public
-     */
-    dispose() {
-        this._stack.length = 0;
-    }
-    /**
-     * Calculates the width for a drawer at a specific stack level.
-     *
-     * @public
-     * @param stackLevel - The zero-based index of the drawer in the stack.
-     * @param baseWidthOverride - Optional override for the base width.
-     * @returns The calculated CSS width string.
-     */
-    calculateWidth(stackLevel, baseWidthOverride) {
-        const baseWidth = baseWidthOverride ?? this._config.baseWidth;
-        const reduction = stackLevel * this._config.stackThreshold;
-        // Parse the base width to determine format (%, px, vw, etc.)
-        const match = (/^(\d+(?:\.\d+)?)(%.*)$/).exec(baseWidth);
-        if (match) {
-            const numericValue = parseFloat(match[1]);
-            const unit = match[2];
-            const calculatedValue = Math.max(0, numericValue - reduction);
-            return `${calculatedValue}${unit}`;
-        }
-        // For calc(), vw, or other complex values, use CSS calc
-        return `calc(${baseWidth} - ${reduction}%)`;
-    }
-    /**
-     * Applies the stacked CSS class to all drawers except the topmost one.
-     *
-     * @private
-     */
-    applyStackedClasses() {
-        for (let i = 0; i < this._stack.length; i++) {
-            const ref = this._stack[i];
-            const isTopmost = i === this._stack.length - 1;
-            if (isTopmost) {
-                ref.drawerElement.classList.remove(DRAWER_STACKED_CLASS);
-            }
-            else {
-                ref.drawerElement.classList.add(DRAWER_STACKED_CLASS);
-            }
-        }
-    }
-    /**
-     * Recalculates and applies widths for all remaining drawers in the stack.
-     * After a drawer is closed, we need to restore each drawer to its original width
-     * (which may have been grown when larger drawers were opened on top).
-     *
-     * @private
-     */
-    recalculateStackWidths() {
-        // Find the largest base width among remaining drawers
-        let largestBaseWidth = 0;
-        for (const ref of this._stack) {
-            const baseWidth = ref.options?.stackBaseWidth ?? this.cssLengthToString(ref.options?.width) ?? this._config.baseWidth;
-            const percentage = this.parseWidthToPercentage(baseWidth);
-            if (percentage !== null && percentage > largestBaseWidth) {
-                largestBaseWidth = percentage;
-            }
-        }
-        // Recalculate widths: drawers should be based on the largest remaining drawer
-        const threshold = this._config.stackThreshold;
-        const stackLength = this._stack.length;
-        for (let i = 0; i < stackLength; i++) {
-            const ref = this._stack[i];
-            const baseWidth = ref.options?.stackBaseWidth ?? this.cssLengthToString(ref.options?.width) ?? this._config.baseWidth;
-            const basePercentage = this.parseWidthToPercentage(baseWidth);
-            if (basePercentage === null) {
-                // For non-percentage widths, fall back to the original behavior
-                const newWidth = this.calculateWidth(i, baseWidth);
-                this.applyStackStyles(ref, i, newWidth);
-                continue;
-            }
-            // If the largest remaining drawer is bigger than this drawer's base,
-            // grow this drawer to match (plus offset)
-            if (largestBaseWidth > basePercentage) {
-                const offsetFromTop = stackLength - 1 - i;
-                const grownWidth = largestBaseWidth + (offsetFromTop * threshold);
-                this.applyStackStyles(ref, i, `${grownWidth}%`);
-            }
-            else {
-                // Otherwise use the original calculated width based on stack position
-                const newWidth = this.calculateWidth(i, baseWidth);
-                this.applyStackStyles(ref, i, newWidth);
-            }
-        }
-    }
-    /**
-     * Converts a CssLength to a string representation.
-     * If the value is a number, it's treated as pixels and not suitable for percentage-based calculations.
-     *
-     * @private
-     * @param value - The CssLength value to convert.
-     * @returns The string representation, or undefined if it's a number (pixels).
-     */
-    cssLengthToString(value) {
-        if (value === undefined || value === null) {
-            return undefined;
-        }
-        if (typeof value === 'number') {
-            // Numbers are treated as pixels, which we can't use for percentage-based stack calculations
-            return undefined;
-        }
-        return value;
-    }
-    /**
-     * Parses a percentage-based width string into a numeric value.
-     *
-     * @private
-     * @param width - The CSS width string (e.g. "50%").
-     * @returns The numeric percentage value, or null if not a percentage.
-     */
-    parseWidthToPercentage(width) {
-        if (!width) {
-            return null;
-        }
-        const match = (/^(\d+(?:\.\d+)?)%$/).exec(width);
-        if (match) {
-            return parseFloat(match[1]);
-        }
-        return null;
-    }
-    /**
-     * Grows smaller drawers in the stack to match the size of a newly opened larger drawer.
-     * Each existing drawer gets the new base width plus an offset based on its distance from the top.
-     *
-     * @private
-     * @param newDrawerBaseWidth - The base width of the newly opened drawer.
-     */
-    growSmallerDrawersToMatchLargest(newDrawerBaseWidth) {
-        const newWidthPercentage = this.parseWidthToPercentage(newDrawerBaseWidth);
-        if (newWidthPercentage === null) {
-            return;
-        }
-        const threshold = this._config.stackThreshold;
-        const stackLength = this._stack.length;
-        for (let i = 0; i < stackLength; i++) {
-            const ref = this._stack[i];
-            const existingBaseWidth = ref.options?.stackBaseWidth ?? this.cssLengthToString(ref.options?.width) ?? this._config.baseWidth;
-            const existingWidthPercentage = this.parseWidthToPercentage(existingBaseWidth);
-            if (existingWidthPercentage === null) {
-                continue;
-            }
-            // Only grow if the new drawer is larger
-            if (newWidthPercentage > existingWidthPercentage) {
-                // Calculate offset from the top of the stack (new drawer will be at stackLength)
-                // Drawer at index i has (stackLength - i) drawers above it
-                const offsetFromTop = stackLength - i;
-                const grownWidth = newWidthPercentage + (offsetFromTop * threshold);
-                const grownWidthStr = `${grownWidth}%`;
-                // Update computed width and apply styles
-                this.applyStackStyles(ref, i, grownWidthStr);
-            }
-        }
-    }
-    /**
-     * Applies stack-related styles to a drawer element.
-     *
-     * @private
-     * @param ref - The drawer reference.
-     * @param stackLevel - The stack level for this drawer.
-     * @param computedWidth - The computed width for this drawer.
-     */
-    applyStackStyles(ref, stackLevel, computedWidth) {
-        // Use CSS custom properties for styling
-        ref.drawerElement.setAttribute('data-stack-level', String(stackLevel));
-        ref.drawerElement.setAttribute('data-computed-width', computedWidth);
-        // Apply width directly via the component's width property
-        ref.drawerElement.width = computedWidth;
-    }
-}
-/**
- * Creates a drawer stack behavior with the specified configuration.
- *
- * @public
- * @param config - Optional configuration for the stack behavior.
- * @returns A new DrawerStackBehavior instance.
- */
-export function withDrawerStackBehavior(config) {
-    return new DrawerStackBehavior(config);
-}
-//# sourceMappingURL=DrawerStackBehavior.js.map

package/Controls/Components/Overlays/Drawer/DrawerStackBehavior.js.map

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

package/Controls/Components/Overlays/Drawer/IDrawerStackConfig.d.ts

@@ -1,73 +0,0 @@
-/**
- * Display modes for the drawer service.
- * - 'default': Normal drawer behavior, each drawer opens independently.
- * - 'stacked': Drawers cascade with configurable width reduction per level.
- *
- * @public
- */
-export type DrawerDisplayMode = 'default' | 'stacked';
-/**
- * Configuration for the drawer stack behavior.
- * Controls how multiple drawers are displayed in a cascaded/stacked manner.
- *
- * @public
- */
-export interface IDrawerStackConfig {
-    /**
-     * The display mode for drawers opened through this service.
-     * - 'default': Normal drawer behavior, each drawer opens independently.
-     * - 'stacked': Drawers cascade with configurable width reduction per level.
-     *
-     * @default 'default'
-     */
-    readonly displayMode: DrawerDisplayMode;
-    /**
-     * The base width of the first drawer in the stack.
-     * Can be a percentage (e.g., '80%', '90%') or a fixed value (e.g., '800px').
-     *
-     * @default '80%'
-     */
-    readonly baseWidth: string;
-    /**
-     * The percentage threshold to reduce width for each subsequent drawer in the stack.
-     * For example, if baseWidth is 80% and threshold is 4, the second drawer will be 76%, third 72%, etc.
-     *
-     * @default 4
-     */
-    readonly stackThreshold: number;
-    /**
-     * The maximum number of drawers that can be stacked.
-     * When this limit is reached, opening a new drawer will close the oldest one.
-     * Set to undefined for unlimited stacking.
-     *
-     * @default undefined
-     */
-    readonly maxStackDepth?: number;
-    /**
-     * The z-index increment for each stacked drawer.
-     * Ensures that newer drawers appear above older ones.
-     *
-     * @default 10
-     */
-    readonly zIndexIncrement: number;
-    /**
-     * Whether to show a visual indicator (shadow/edge) of drawers beneath the top one.
-     *
-     * @default true
-     */
-    readonly showStackIndicator: boolean;
-    /**
-     * The visual offset (in pixels) to show a hint of the drawer beneath.
-     * Only applies when showStackIndicator is true.
-     *
-     * @default 8
-     */
-    readonly stackIndicatorOffset: number;
-}
-/**
- * Default configuration for drawer stacking behavior.
- *
- * @public
- */
-export declare const DRAWER_STACK_DEFAULT_CONFIG: IDrawerStackConfig;
-//# sourceMappingURL=IDrawerStackConfig.d.ts.map

package/Controls/Components/Overlays/Drawer/IDrawerStackConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IDrawerStackConfig.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerStackConfig.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IAI/B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IAExC;;;;;OAKG;IACH,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3B;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAEhC;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;;OAKG;IACH,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAErC;;;;;OAKG;IACH,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAC;CAIzC;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,kBAQzC,CAAC"}

package/Controls/Components/Overlays/Drawer/IDrawerStackConfig.js

@@ -1,16 +0,0 @@
-// #region Imports
-/**
- * Default configuration for drawer stacking behavior.
- *
- * @public
- */
-export const DRAWER_STACK_DEFAULT_CONFIG = {
-    displayMode: 'default',
-    baseWidth: '80%',
-    stackThreshold: 4,
-    maxStackDepth: undefined,
-    zIndexIncrement: 10,
-    showStackIndicator: true,
-    stackIndicatorOffset: 8
-};
-//# sourceMappingURL=IDrawerStackConfig.js.map

package/Controls/Components/Overlays/Drawer/IDrawerStackConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IDrawerStackConfig.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerStackConfig.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAoFlB;;;;GAIG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAuB;IAC3D,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,EAAE;IACnB,kBAAkB,EAAE,IAAI;IACxB,oBAAoB,EAAE,CAAC;CAC1B,CAAC"}

package/Controls/Components/Selectors/Menu/SubMenuMode.d.ts

@@ -1,20 +0,0 @@
-/**
- * `SubMenuMode` - Determines how child menus are displayed for a menu item.
- *
- * @public
- */
-export declare const SubMenuMode: {
-    /**
-     * `inline` - Renders child menus inline using an expandable container.
-     */
-    readonly Inline: "inline";
-    /**
-     * `popover` - Renders child menus inside a floating popover anchored to the parent item.
-     */
-    readonly Popover: "popover";
-};
-/**
- * @public
- */
-export type SubMenuMode = typeof SubMenuMode[keyof typeof SubMenuMode];
-//# sourceMappingURL=SubMenuMode.d.ts.map

package/Controls/Components/Selectors/Menu/SubMenuMode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenuMode.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/SubMenuMode.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,WAAW;IAEpB;;OAEG;;IAGH;;OAEG;;CAGG,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC"}

package/Controls/Components/Selectors/Menu/SubMenuMode.js

@@ -1,18 +0,0 @@
-// #region Imports
-// #endregion
-/**
- * `SubMenuMode` - Determines how child menus are displayed for a menu item.
- *
- * @public
- */
-export const SubMenuMode = {
-    /**
-     * `inline` - Renders child menus inline using an expandable container.
-     */
-    Inline: 'inline',
-    /**
-     * `popover` - Renders child menus inside a floating popover anchored to the parent item.
-     */
-    Popover: 'popover'
-};
-//# sourceMappingURL=SubMenuMode.js.map

package/Controls/Components/Selectors/Menu/SubMenuMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenuMode.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/SubMenuMode.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,aAAa;AAEb;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IAEvB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAEhB;;OAEG;IACH,OAAO,EAAE,SAAS;CAEZ,CAAC"}

package/Theming/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/ITheme2ElementProps.d.ts.map

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

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

package/Theming/ITheme2ElementProps.js.map

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

package/Theming/Theme2.d.ts

@@ -1,143 +0,0 @@
-import type { ITheme, ThemeMode, ThemeScheme, ThemeSemantic } from '@breadstone/mosaik-themes';
-import type { Theme2Element } from './Theme2Element';
-import { type IEventEmitter, type IEventDetail } from '@breadstone/mosaik-elements';
-/**
- * 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;
-    /**
-     * Gets the current theme name from the document element.
-     *
-     * @public
-     * @returns The current theme name or `null` if not set.
-     */
-    getDocumentTheme(): string | null;
-    /**
-     * Gets the current theme mode from the document element.
-     *
-     * @public
-     * @returns The current theme mode or `null` if not set.
-     */
-    getDocumentThemeMode(): ThemeMode | null;
-    /**
-     * Applies the specified theme.
-     *
-     * @public
-     * @param theme The theme to apply.
-     */
-    applyTheme(theme: ITheme): void;
-    /**
-     * Applies the specified scheme.
-     *
-     * @public
-     * @param scheme The scheme to apply.
-     */
-    applyScheme(scheme: ITheme['scheme']): void;
-    /**
-     * Applies the specified palette.
-     *
-     * @public
-     * @param palette The palette to apply.
-     */
-    applyPalette(palette: ITheme['palette']): void;
-    /**
-     * Applies the specified font family.
-     *
-     * @public
-     * @param fontFamily The font family to apply.
-     */
-    applyFontFamily(fontFamily: ITheme['fontFamily']): void;
-    /**
-     * Applies the specified typography.
-     *
-     * @public
-     * @param typography The typography to apply.
-     */
-    applyTypography(typography: ITheme['typography']): void;
-    /**
-     * Applies the specified layout.
-     *
-     * @public
-     * @param layout The layout to apply.
-     */
-    applyLayout(layout: ITheme['layout']): void;
-    /**
-     * Applies the specified elevation.
-     *
-     * @public
-     * @param elevation The elevation to apply.
-     */
-    applyElevation(elevation: ITheme['elevation']): void;
-    /**
-     * Replaces the scheme with the specified key.
-     * This is useful when you want to replace a specific scheme in the theme.
-     *
-     * @public
-     * @param mode The theme mode to replace.
-     * @param scheme The scheme color roles to replace.
-     */
-    replaceScheme(mode: ThemeMode, scheme: Partial<ThemeScheme>): void;
-    /**
-     * Replaces the palette with the specified key.
-     * This is useful when you want to replace a specific palette in the theme.
-     *
-     * @public
-     * @param mode The theme mode to replace.
-     * @param semantic The semantic color roles to replace.
-     */
-    replacePalette(mode: ThemeMode, semantic: Partial<ThemeSemantic>): 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/Theme2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2.d.ts","sourceRoot":"","sources":["../../src/Theming/Theme2.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAoB,MAAM,6BAA6B,CAAC;AAItG;;;;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;IAUzB;;;;;OAKG;IACI,gBAAgB,IAAI,MAAM,GAAG,IAAI;IAIxC;;;;;OAKG;IACI,oBAAoB,IAAI,SAAS,GAAG,IAAI;IAI/C;;;;;OAKG;IACI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQtC;;;;;OAKG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAQlD;;;;;OAKG;IACI,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI;IAQrD;;;;;OAKG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;;OAKG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;;OAKG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAMlD;;;;;OAKG;IACI,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAM3D;;;;;;;OAOG;IACI,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI;IAoBzE;;;;;;;OAOG;IACI,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;CAsBjF;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"}