@moni-labs/moni-ui 0.2.0

package/dist/components/moni-ripple.js

@@ -0,0 +1,156 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { MoniElement, sharedStyles } from './_base/index.js';
+/**
+ * Visual-only ripple decoration.
+ *
+ * To trigger a ripple at a specific point, set the `x` and `y` attributes
+ * and toggle the `active` attribute. The visual scale-in animation will
+ * run for `duration` ms and then the element becomes hidden.
+ *
+ * Attributes:
+ *  - x, y:        origin in px (0..100, %)
+ *  - active:      present → visible
+ *  - speed:       fast | normal (default) | slow
+ *  - color:       primary (default) | secondary | surface
+ */
+let MoniRipple = class MoniRipple extends MoniElement {
+    constructor() {
+        super(...arguments);
+        this.x = 50;
+        this.y = 50;
+        this.active = false;
+        this.speed = 'normal';
+        this.color = 'primary';
+        this._target = null;
+        this._timeoutId = null;
+        this._onPointerDown = (e) => {
+            if (!this._target)
+                return;
+            const rect = this._target.getBoundingClientRect();
+            const xPx = e.clientX - rect.left;
+            const yPx = e.clientY - rect.top;
+            this.x = (xPx / rect.width) * 100;
+            this.y = (yPx / rect.height) * 100;
+            if (this._timeoutId) {
+                clearTimeout(this._timeoutId);
+                this.active = false;
+            }
+            requestAnimationFrame(() => {
+                this.active = true;
+                const duration = this.speed === 'fast' ? 300 : this.speed === 'slow' ? 1200 : 600;
+                this._timeoutId = setTimeout(() => {
+                    this.active = false;
+                    this._timeoutId = null;
+                }, duration);
+            });
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._target = this.parentElement;
+        if (this._target) {
+            const style = getComputedStyle(this._target);
+            if (style.position === 'static') {
+                this._target.style.position = 'relative';
+            }
+            this._target.addEventListener('pointerdown', this._onPointerDown);
+        }
+    }
+    disconnectedCallback() {
+        if (this._target) {
+            this._target.removeEventListener('pointerdown', this._onPointerDown);
+        }
+        if (this._timeoutId) {
+            clearTimeout(this._timeoutId);
+        }
+        super.disconnectedCallback();
+    }
+    static { this.styles = [
+        sharedStyles,
+        css `
+			:host {
+				display: block;
+				position: absolute;
+				inset: 0;
+				border-radius: inherit;
+				pointer-events: none;
+				overflow: hidden;
+				--_dur: 600ms;
+				color: var(--primary);
+				z-index: 1;
+			}
+			:host([speed='fast']) {
+				--_dur: 300ms;
+			}
+			:host([speed='slow']) {
+				--_dur: 1200ms;
+			}
+
+			.ripple {
+				position: absolute;
+				inline-size: 200%;
+				aspect-ratio: 1;
+				border-radius: 50%;
+				translate: -50% -50%;
+				opacity: 0;
+				pointer-events: none;
+				background-color: currentColor;
+				inset-block-start: var(--_y, 50%);
+				inset-inline-start: var(--_x, 50%);
+				scale: 0;
+				transition: opacity var(--_dur) ease, scale 0s var(--_dur);
+			}
+
+			:host([color='primary']) {
+				color: var(--primary);
+			}
+			:host([color='secondary']) {
+				color: var(--secondary);
+			}
+			:host([color='surface']) {
+				color: var(--surface-variant);
+			}
+
+			:host([active]) .ripple {
+				opacity: 0.25;
+				scale: 1;
+				transition: scale var(--_dur) cubic-bezier(0.2, 0, 0, 1),
+					opacity var(--_dur) ease;
+			}
+		`
+    ]; }
+    render() {
+        return html `<span
+			class="ripple"
+			part="ripple"
+			style="--_x: ${this.x}%; --_y: ${this.y}%;"
+		></span>`;
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true })
+], MoniRipple.prototype, "x", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], MoniRipple.prototype, "y", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MoniRipple.prototype, "active", void 0);
+__decorate([
+    property({ reflect: true })
+], MoniRipple.prototype, "speed", void 0);
+__decorate([
+    property({ reflect: true })
+], MoniRipple.prototype, "color", void 0);
+MoniRipple = __decorate([
+    customElement('moni-ripple')
+], MoniRipple);
+export { MoniRipple };
+export default MoniRipple;

package/dist/components/moni-segmented-button.d.ts

@@ -0,0 +1,52 @@
+import { MoniElement } from './_base/index.js';
+/**
+ * A form-associated group of selectable segmented buttons.
+ *
+ * @deprecated since v0.3.0 — `moni-segmented-button` is **no longer
+ * recommended** by Material Design 3 Expressive. Use
+ * `moni-button-group[variant="connected"]` instead, which has the same
+ * functionality with an updated visual design. See
+ * `m3-docs/components/segmented-buttons/overview.md` § M3 Expressive update.
+ *
+ * This component continues to work for backward compatibility but will be
+ * removed in v1.0. A deprecation warning is logged to the console when the
+ * element is connected to the DOM.
+ *
+ * Attributes:
+ *  - name:       Name of the control in forms
+ *  - multi:      Whether multiple options can be selected
+ *  - hide-check: Hides checkmarks on all child segments
+ *  - gap:        Custom gap space (e.g. "8px" or "1rem")
+ */
+export declare class MoniSegmentedButton extends MoniElement {
+    static formAssociated: boolean;
+    private static _deprecationWarned;
+    name: string;
+    multi: boolean;
+    size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'extra';
+    hideCheck: boolean;
+    gap: string;
+    private slottedSegments;
+    private internals;
+    constructor();
+    connectedCallback(): void;
+    get form(): HTMLFormElement | null;
+    get type(): string;
+    get value(): string;
+    private get segments();
+    static styles: import("lit").CSSResult[];
+    protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private handleSlotChange;
+    private getGapValue;
+    private updateChildren;
+    private updateFormValue;
+    private handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'moni-segmented-button': MoniSegmentedButton;
+    }
+}
+export default MoniSegmentedButton;
+//# sourceMappingURL=moni-segmented-button.d.ts.map

package/dist/components/moni-segmented-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moni-segmented-button.d.ts","sourceRoot":"","sources":["../../src/components/moni-segmented-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAG7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,mBAAoB,SAAQ,WAAW;IACnD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAS;IAG1C,IAAI,SAAM;IAGV,KAAK,UAAS;IAGd,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9E,SAAS,UAAS;IAGlB,GAAG,SAAM;IAGT,OAAO,CAAC,eAAe,CAAiB;IAExC,OAAO,CAAC,SAAS,CAAmB;;IAO3B,iBAAiB,IAAI,IAAI;IAelC,IAAI,IAAI,2BAEP;IAED,IAAI,IAAI,WAEP;IAED,IAAI,KAAK,IAAI,MAAM,CAKlB;IAED,OAAO,KAAK,QAAQ,GAInB;IAED,OAAgB,MAAM,4BAoBpB;cAEiB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAQpF,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,WAAW;IAqCV,MAAM;CAWf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/moni-segmented-button.js

@@ -0,0 +1,208 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var MoniSegmentedButton_1;
+import { html, css } from 'lit';
+import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
+import { MoniElement, sharedStyles } from './_base/index.js';
+/**
+ * A form-associated group of selectable segmented buttons.
+ *
+ * @deprecated since v0.3.0 — `moni-segmented-button` is **no longer
+ * recommended** by Material Design 3 Expressive. Use
+ * `moni-button-group[variant="connected"]` instead, which has the same
+ * functionality with an updated visual design. See
+ * `m3-docs/components/segmented-buttons/overview.md` § M3 Expressive update.
+ *
+ * This component continues to work for backward compatibility but will be
+ * removed in v1.0. A deprecation warning is logged to the console when the
+ * element is connected to the DOM.
+ *
+ * Attributes:
+ *  - name:       Name of the control in forms
+ *  - multi:      Whether multiple options can be selected
+ *  - hide-check: Hides checkmarks on all child segments
+ *  - gap:        Custom gap space (e.g. "8px" or "1rem")
+ */
+let MoniSegmentedButton = class MoniSegmentedButton extends MoniElement {
+    static { MoniSegmentedButton_1 = this; }
+    static { this.formAssociated = true; }
+    static { this._deprecationWarned = false; }
+    constructor() {
+        super();
+        this.name = '';
+        this.multi = false;
+        this.size = 'medium';
+        this.hideCheck = false;
+        this.gap = '';
+        this.internals = this.attachInternals();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Log a deprecation warning once per page to avoid console spam when
+        // many segmented buttons are instantiated.
+        if (!MoniSegmentedButton_1._deprecationWarned) {
+            MoniSegmentedButton_1._deprecationWarned = true;
+            console.warn('[moni-ui] <moni-segmented-button> is deprecated since v0.3.0. ' +
+                'Material Design 3 Expressive no longer recommends segmented buttons. ' +
+                'Use <moni-button-group variant="connected"> instead. ' +
+                'See m3-docs/components/segmented-buttons/overview.md § M3 Expressive update.');
+        }
+    }
+    get form() {
+        return this.internals.form;
+    }
+    get type() {
+        return 'segmented-button';
+    }
+    get value() {
+        const selected = this.segments
+            .filter((s) => s.checked)
+            .map((s) => s.value);
+        return this.multi ? selected.join(',') : (selected[0] || '');
+    }
+    get segments() {
+        return this.slottedSegments.filter((el) => el.tagName.toLowerCase() === 'moni-button-segment');
+    }
+    static { this.styles = [
+        sharedStyles,
+        css `
+			:host {
+				display: inline-flex;
+				align-items: center;
+				vertical-align: middle;
+			}
+
+			.group {
+				display: inline-flex;
+				align-items: center;
+				position: relative;
+				width: 100%;
+			}
+
+			::slotted(moni-button-segment) {
+				flex: 1;
+			}
+		`
+    ]; }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('hideCheck') || changedProperties.has('size') || changedProperties.has('gap')) {
+            this.updateChildren();
+        }
+        this.updateFormValue();
+    }
+    handleSlotChange() {
+        this.updateChildren();
+        this.updateFormValue();
+    }
+    getGapValue(gap) {
+        if (!gap)
+            return '';
+        const preset = gap.toLowerCase();
+        if (preset === 'xs' || preset === 'xsmall')
+            return '1.125rem';
+        if (preset === 's' || preset === 'small')
+            return '0.75rem';
+        if (preset === 'm' || preset === 'medium')
+            return '0.5rem';
+        if (preset === 'l' || preset === 'large')
+            return '0.5rem';
+        if (preset === 'xl' || preset === 'xlarge')
+            return '0.5rem';
+        return gap;
+    }
+    updateChildren() {
+        const segments = this.segments;
+        const len = segments.length;
+        segments.forEach((seg, index) => {
+            seg.hideCheck = this.hideCheck;
+            seg.size = this.size;
+            if (len === 1) {
+                seg.position = 'solo';
+            }
+            else if (index === 0) {
+                seg.position = 'first';
+            }
+            else if (index === len - 1) {
+                seg.position = 'last';
+            }
+            else {
+                seg.position = 'middle';
+            }
+        });
+    }
+    updateFormValue() {
+        if (typeof this.internals.setFormValue === 'function') {
+            this.internals.setFormValue(this.value);
+        }
+    }
+    handleClick(e) {
+        const target = e.target;
+        const clickedSegment = target.closest('moni-button-segment');
+        if (!clickedSegment || clickedSegment.disabled) {
+            return;
+        }
+        const segments = this.segments;
+        if (this.multi) {
+            clickedSegment.checked = !clickedSegment.checked;
+        }
+        else {
+            segments.forEach((seg) => {
+                if (seg === clickedSegment) {
+                    seg.checked = !seg.checked;
+                }
+                else {
+                    seg.checked = false;
+                }
+            });
+        }
+        this.updateFormValue();
+        this.dispatchEvent(new CustomEvent('change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                value: this.value,
+                segment: clickedSegment,
+                checked: clickedSegment.checked
+            }
+        }));
+    }
+    render() {
+        const resolvedGap = this.getGapValue(this.gap);
+        const inlineStyles = resolvedGap
+            ? `gap: ${resolvedGap}; --moni-button-segment-gap: 0px;`
+            : '';
+        return html `
+			<div class="group" style=${inlineStyles} part="group" @click=${this.handleClick}>
+				<slot @slotchange=${this.handleSlotChange}></slot>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], MoniSegmentedButton.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MoniSegmentedButton.prototype, "multi", void 0);
+__decorate([
+    property({ reflect: true })
+], MoniSegmentedButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-check' })
+], MoniSegmentedButton.prototype, "hideCheck", void 0);
+__decorate([
+    property()
+], MoniSegmentedButton.prototype, "gap", void 0);
+__decorate([
+    queryAssignedElements({ flatten: true })
+], MoniSegmentedButton.prototype, "slottedSegments", void 0);
+MoniSegmentedButton = MoniSegmentedButton_1 = __decorate([
+    customElement('moni-segmented-button')
+], MoniSegmentedButton);
+export { MoniSegmentedButton };
+export default MoniSegmentedButton;

package/dist/components/moni-select-option.d.ts

@@ -0,0 +1,27 @@
+import { MoniElement } from './_base/index.js';
+/**
+ * Option item for custom moni-select dropdown.
+ *
+ * Attributes:
+ *  - value:    string value of the option
+ *  - label:    text label (uses textContent or slot if empty)
+ *  - group:    subcategory group/category name
+ *  - selected: present -> active highlight state
+ *  - disabled: present -> disabled
+ */
+export declare class MoniSelectOption extends MoniElement {
+    value: string;
+    label: string;
+    group: string;
+    selected: boolean;
+    disabled: boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'moni-select-option': MoniSelectOption;
+    }
+}
+export default MoniSelectOption;
+//# sourceMappingURL=moni-select-option.d.ts.map

package/dist/components/moni-select-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moni-select-option.d.ts","sourceRoot":"","sources":["../../src/components/moni-select-option.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;GASG;AACH,qBACa,gBAAiB,SAAQ,WAAW;IACnB,KAAK,SAAM;IACX,KAAK,SAAM;IACX,KAAK,SAAM;IACI,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAE7D,OAAgB,MAAM,4BA4CpB;IAEO,MAAM;CAQf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/moni-select-option.js

@@ -0,0 +1,102 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { MoniElement, sharedStyles } from './_base/index.js';
+/**
+ * Option item for custom moni-select dropdown.
+ *
+ * Attributes:
+ *  - value:    string value of the option
+ *  - label:    text label (uses textContent or slot if empty)
+ *  - group:    subcategory group/category name
+ *  - selected: present -> active highlight state
+ *  - disabled: present -> disabled
+ */
+let MoniSelectOption = class MoniSelectOption extends MoniElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.label = '';
+        this.group = '';
+        this.selected = false;
+        this.disabled = false;
+    }
+    static { this.styles = [
+        sharedStyles,
+        css `
+			:host {
+				display: block;
+				font-family: var(--font);
+			}
+
+			li {
+				all: unset;
+				box-sizing: border-box;
+				position: relative;
+				display: flex;
+				align-items: center;
+				text-align: start;
+				justify-content: flex-start;
+				white-space: nowrap;
+				gap: 1rem;
+				padding: 0.5rem 1rem;
+				min-block-size: 2.5rem;
+				flex: 1;
+				margin: 0 !important;
+				cursor: pointer;
+				border-radius: 0.25rem;
+				color: var(--on-surface);
+				font-size: 0.875rem;
+				transition: background-color var(--speed2), border-radius var(--speed2);
+			}
+
+			li:hover {
+				background-color: var(--active);
+			}
+			li.selected {
+				background-color: var(--tertiary-container);
+				color: var(--on-tertiary-container);
+			}
+			li:is(.selected, :active) {
+				border-radius: 0.75rem;
+			}
+			:host([disabled]) li {
+				opacity: 0.5;
+				pointer-events: none;
+			}
+		`
+    ]; }
+    render() {
+        return html `<li
+			part="option"
+			class="${this.selected ? 'selected' : ''}"
+		>
+			<span part="label"><slot>${this.label || this.value}</slot></span>
+		</li>`;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], MoniSelectOption.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], MoniSelectOption.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true })
+], MoniSelectOption.prototype, "group", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MoniSelectOption.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MoniSelectOption.prototype, "disabled", void 0);
+MoniSelectOption = __decorate([
+    customElement('moni-select-option')
+], MoniSelectOption);
+export { MoniSelectOption };
+export default MoniSelectOption;

package/dist/components/moni-select.d.ts

@@ -0,0 +1,76 @@
+import { MoniElement } from './_base/index.js';
+import './moni-icon.js';
+import './moni-progress.js';
+import './moni-select-option.js';
+/**
+ * Custom Searchable Select Component with Subcategories, Animations, and Drawer/Sheet option.
+ */
+export declare class MoniSelect extends MoniElement {
+    name: string;
+    label: string;
+    variant: 'filled' | 'outlined';
+    size: 'small' | 'medium' | 'large' | 'extra';
+    shape: 'round' | 'square' | 'no-round';
+    disabled: boolean;
+    loading: boolean;
+    helper: string;
+    errorText: string;
+    error: boolean;
+    value: string;
+    icon: string;
+    trailingIcon: string;
+    searchable: boolean;
+    clearable: boolean;
+    sheet: boolean;
+    placeholder: string;
+    positioning: 'absolute' | 'fixed';
+    placement: 'top' | 'bottom' | 'left' | 'right' | 'auto';
+    dropdownWidth: string;
+    private _open;
+    private _searchQuery;
+    private _actualPlacement;
+    private _parsedOptions;
+    private _activeIndex;
+    private _menuStyle;
+    private _useInlineCategories;
+    private _drilldownPath;
+    private _slot;
+    private _input;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _updateWrapperHeight;
+    private _handleOutsideClick;
+    private _determineActualPlacement;
+    private _handleScroll;
+    private _handleResize;
+    private _updateMenuPosition;
+    private _getMenuStyle;
+    private _onSlotChange;
+    private _toggleDropdown;
+    private _onInputClick;
+    private _openDropdown;
+    private _closeDropdown;
+    private _findOptionByValue;
+    private _onSearchInput;
+    private _selectOption;
+    private _onSubmenuMouseEnter;
+    private _onKeyDown;
+    private _scrollToActive;
+    private _getFlatOptions;
+    private _getFilteredOptions;
+    private _getVisibleOptions;
+    private _renderRootList;
+    private _renderSubcategoryList;
+    private _renderDesktopNode;
+    private _renderOptionsList;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'moni-select': MoniSelect;
+    }
+}
+export default MoniSelect;
+//# sourceMappingURL=moni-select.d.ts.map

package/dist/components/moni-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moni-select.d.ts","sourceRoot":"","sources":["../../src/components/moni-select.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,yBAAyB,CAAC;AAmBjC;;GAEG;AACH,qBACa,UAAW,SAAQ,WAAW;IACb,IAAI,SAAM;IACV,KAAK,SAAM;IACX,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvE,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IACR,QAAQ,UAAS;IACjB,OAAO,UAAS;IAC/B,MAAM,SAAM;IACa,SAAS,SAAM;IACzB,KAAK,UAAS;IAC7B,KAAK,SAAM;IACX,IAAI,SAAM;IACkB,YAAY,SAClD;IACyB,UAAU,UAAS;IACnB,SAAS,UAAS;IAClB,KAAK,UAAS;IAC7B,WAAW,SAAM;IACjB,WAAW,EAAE,UAAU,GAAG,OAAO,CAAc;IAC/C,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IACpC,aAAa,SAAa;IAE3E,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,cAAc,CAAmB;IAEnC,OAAO,CAAC,KAAK,CAAmB;IAC/B,OAAO,CAAC,MAAM,CAAoB;IAElD,OAAgB,MAAM,4BAmUpB;IAEO,iBAAiB;IAOjB,oBAAoB;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAa1E,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,yBAAyB;IAgDjC,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,mBAAmB;IAwD3B,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,aAAa;IAqDrB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,aAAa;IAkCrB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,UAAU;IAkClB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,eAAe;IA0BvB,OAAO,CAAC,sBAAsB;IAoC9B,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,kBAAkB;IAsDjB,MAAM;CA6Hf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD;AAED,eAAe,UAAU,CAAC"}