luxen-ui 0.1.0

package/dist/elements/tooltip/index.d.ts

@@ -0,0 +1,8 @@
+import { LuxenTooltip } from './tooltip';
+export * from './tooltip';
+declare global {
+    interface HTMLElementTagNameMap {
+        'l-tooltip': LuxenTooltip;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/html/elements/tooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,cAAc,WAAW,CAAC;AAG1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,YAAY,CAAC;KAC3B;CACF"}

package/dist/elements/tooltip/index.js

@@ -0,0 +1,4 @@
+import { define } from '../../define';
+import { LuxenTooltip } from './tooltip';
+export * from './tooltip';
+define('tooltip', LuxenTooltip);

package/dist/elements/tooltip/tooltip.css

@@ -0,0 +1,37 @@
+:host {
+  --background: var(--l-color-bg-fill-brand, light-dark(#1f2937, #f9fafb));
+  --color: light-dark(#fff, #111827);
+  --radius: 4px;
+  --max-width: 180px;
+  --arrow-size: 6px;
+  --show-duration: 150ms;
+  --hide-duration: 150ms;
+
+  display: contents;
+}
+
+[popover] {
+  inset: unset;
+  overflow: visible;
+  box-sizing: border-box;
+  width: max-content;
+  max-width: var(--max-width);
+  padding: 4px 8px;
+  border: 0;
+  border-radius: var(--radius);
+  background: var(--background);
+  color: var(--color);
+  font-size: 0.8125rem;
+  line-height: 1.4;
+  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 16%));
+  pointer-events: none;
+}
+
+i {
+  position: absolute;
+  display: block;
+  width: var(--arrow-size);
+  height: var(--arrow-size);
+  background: var(--background);
+  transform: rotate(45deg);
+}

package/dist/elements/tooltip/tooltip.d.ts

@@ -0,0 +1,59 @@
+import { type PropertyValues } from 'lit';
+import { LuxenElement } from '../../shared/luxen-element';
+import type { Placement } from '@floating-ui/dom';
+/**
+ * @summary A tooltip that displays contextual text on hover or focus.
+ * @customElement l-tooltip
+ *
+ * @slot - Tooltip content (text or rich HTML).
+ *
+ * @csspart body - The tooltip popover container.
+ * @csspart arrow - The directional arrow element.
+ *
+ * @cssproperty --background - Background color. Default: dark in light mode, light in dark mode.
+ * @cssproperty --color - Text color.
+ * @cssproperty --radius - Border radius. Default `4px`.
+ * @cssproperty --max-width - Maximum width. Default `180px`.
+ * @cssproperty --arrow-size - Arrow size. Default `6px`.
+ * @cssproperty --show-duration - Show animation duration. Default `150ms`.
+ * @cssproperty --hide-duration - Hide animation duration. Default `150ms`.
+ */
+export declare class LuxenTooltip extends LuxenElement {
+    static styles: import("lit").CSSResult[];
+    private _tooltipId;
+    private _floating;
+    /** The HTML id of the element triggering the tooltip. */
+    accessor for: string;
+    /** The preferred placement of the tooltip. */
+    accessor placement: Placement;
+    /** The distance in pixels from the target element. */
+    accessor distance: number;
+    /** Whether or not the tooltip is visible. */
+    accessor open: boolean;
+    /** Hide the directional arrow. */
+    accessor withoutArrow: boolean;
+    /** Space-separated list of trigger modes: `hover`, `focus`, `click`, `manual`. */
+    accessor trigger: string;
+    private _hasTrigger;
+    private get _trigger();
+    private get _popover();
+    private get _arrowEl();
+    private _getDuration;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues<this>): void;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    private _handleOpenChange;
+    private _onPointerEnter;
+    private _onPointerLeave;
+    private _onFocusIn;
+    private _onFocusOut;
+    private _onClick;
+    private _onKeyDown;
+    private _addTriggerListeners;
+    private _removeTriggerListeners;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/elements/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/html/elements/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAgB,MAAM,4BAAwB;IAE9C,OAAO,CAAC,UAAU,CAAuB;IAEzC,OAAO,CAAC,SAAS,CAId;IAEH,yDAAyD;IAEzD,QAAQ,CAAC,GAAG,SAAM;IAElB,8CAA8C;IAE9C,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAS;IAEtC,sDAAsD;IAEtD,QAAQ,CAAC,QAAQ,SAAK;IAEtB,6CAA6C;IAE7C,QAAQ,CAAC,IAAI,UAAS;IAEtB,kCAAkC;IAElC,QAAQ,CAAC,YAAY,UAAS;IAE9B,kFAAkF;IAElF,QAAQ,CAAC,OAAO,SAAiB;IAEjC,OAAO,CAAC,WAAW;IAInB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,YAAY;IAKX,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAU9C,IAAI;IAIJ,IAAI;IAIJ,MAAM;YAIQ,iBAAiB;IAwB/B,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAEhB;IACF,OAAO,CAAC,WAAW,CAEjB;IACF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,uBAAuB;IAOtB,MAAM;CAoBhB"}

package/dist/elements/tooltip/tooltip.js

@@ -0,0 +1,231 @@
+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 __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _LuxenTooltip_for_accessor_storage, _LuxenTooltip_placement_accessor_storage, _LuxenTooltip_distance_accessor_storage, _LuxenTooltip_open_accessor_storage, _LuxenTooltip_withoutArrow_accessor_storage, _LuxenTooltip_trigger_accessor_storage;
+import { html, nothing, unsafeCSS } from 'lit';
+import { LuxenElement } from '../../shared/luxen-element';
+import { property } from 'lit/decorators.js';
+import { PopoverController } from '../../shared/controllers/popover';
+import { uniqueId } from '../../registry';
+import hostStyles from '../../shared/styles/host.styles';
+import rawStyles from './tooltip.css?inline';
+const styles = unsafeCSS(rawStyles);
+/**
+ * @summary A tooltip that displays contextual text on hover or focus.
+ * @customElement l-tooltip
+ *
+ * @slot - Tooltip content (text or rich HTML).
+ *
+ * @csspart body - The tooltip popover container.
+ * @csspart arrow - The directional arrow element.
+ *
+ * @cssproperty --background - Background color. Default: dark in light mode, light in dark mode.
+ * @cssproperty --color - Text color.
+ * @cssproperty --radius - Border radius. Default `4px`.
+ * @cssproperty --max-width - Maximum width. Default `180px`.
+ * @cssproperty --arrow-size - Arrow size. Default `6px`.
+ * @cssproperty --show-duration - Show animation duration. Default `150ms`.
+ * @cssproperty --hide-duration - Hide animation duration. Default `150ms`.
+ */
+export class LuxenTooltip extends LuxenElement {
+    constructor() {
+        super(...arguments);
+        this._tooltipId = uniqueId('tooltip');
+        this._floating = new PopoverController(this, {
+            getTriggerElement: () => this._trigger,
+            getFloatingElement: () => this._popover,
+            getArrowElement: () => this._arrowEl,
+        });
+        _LuxenTooltip_for_accessor_storage.set(this, '');
+        _LuxenTooltip_placement_accessor_storage.set(this, 'top');
+        _LuxenTooltip_distance_accessor_storage.set(this, 8);
+        _LuxenTooltip_open_accessor_storage.set(this, false);
+        _LuxenTooltip_withoutArrow_accessor_storage.set(this, false);
+        _LuxenTooltip_trigger_accessor_storage.set(this, 'hover focus');
+        // --- Trigger event handlers ---
+        this._onPointerEnter = () => {
+            if (!this._hasTrigger('hover'))
+                return;
+            this._floating.cleanupSafePolygon();
+            this.show();
+        };
+        this._onPointerLeave = (e) => {
+            if (!this._hasTrigger('hover') || !this.open)
+                return;
+            this._floating.handlePointerLeave(e, () => this.hide());
+        };
+        this._onFocusIn = () => {
+            if (this._hasTrigger('focus'))
+                this.show();
+        };
+        this._onFocusOut = () => {
+            if (this._hasTrigger('focus'))
+                this.hide();
+        };
+        this._onClick = () => {
+            if (this._hasTrigger('click'))
+                this.toggle();
+        };
+        this._onKeyDown = (e) => {
+            if (this.open && e.key === 'Escape') {
+                e.stopPropagation();
+                this.hide();
+            }
+        };
+    }
+    /** The HTML id of the element triggering the tooltip. */
+    get for() { return __classPrivateFieldGet(this, _LuxenTooltip_for_accessor_storage, "f"); }
+    set for(value) { __classPrivateFieldSet(this, _LuxenTooltip_for_accessor_storage, value, "f"); }
+    /** The preferred placement of the tooltip. */
+    get placement() { return __classPrivateFieldGet(this, _LuxenTooltip_placement_accessor_storage, "f"); }
+    set placement(value) { __classPrivateFieldSet(this, _LuxenTooltip_placement_accessor_storage, value, "f"); }
+    /** The distance in pixels from the target element. */
+    get distance() { return __classPrivateFieldGet(this, _LuxenTooltip_distance_accessor_storage, "f"); }
+    set distance(value) { __classPrivateFieldSet(this, _LuxenTooltip_distance_accessor_storage, value, "f"); }
+    /** Whether or not the tooltip is visible. */
+    get open() { return __classPrivateFieldGet(this, _LuxenTooltip_open_accessor_storage, "f"); }
+    set open(value) { __classPrivateFieldSet(this, _LuxenTooltip_open_accessor_storage, value, "f"); }
+    /** Hide the directional arrow. */
+    get withoutArrow() { return __classPrivateFieldGet(this, _LuxenTooltip_withoutArrow_accessor_storage, "f"); }
+    set withoutArrow(value) { __classPrivateFieldSet(this, _LuxenTooltip_withoutArrow_accessor_storage, value, "f"); }
+    /** Space-separated list of trigger modes: `hover`, `focus`, `click`, `manual`. */
+    get trigger() { return __classPrivateFieldGet(this, _LuxenTooltip_trigger_accessor_storage, "f"); }
+    set trigger(value) { __classPrivateFieldSet(this, _LuxenTooltip_trigger_accessor_storage, value, "f"); }
+    _hasTrigger(type) {
+        return this.trigger.split(' ').includes(type);
+    }
+    get _trigger() {
+        return this.for ? this.getRootNode().getElementById(this.for) : null;
+    }
+    get _popover() {
+        return this.shadowRoot.querySelector('[popover]');
+    }
+    get _arrowEl() {
+        return this.withoutArrow ? null : this.shadowRoot.querySelector('i');
+    }
+    _getDuration(prop) {
+        const parsed = parseFloat(getComputedStyle(this).getPropertyValue(prop));
+        return Number.isNaN(parsed) ? 150 : parsed;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        requestAnimationFrame(() => this._addTriggerListeners());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._removeTriggerListeners();
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            this._handleOpenChange();
+        }
+        if (changed.has('for')) {
+            this._removeTriggerListeners(changed.get('for'));
+            this._addTriggerListeners();
+        }
+    }
+    show() {
+        if (!this.open)
+            this.open = true;
+    }
+    hide() {
+        if (this.open)
+            this.open = false;
+    }
+    toggle() {
+        this.open = !this.open;
+    }
+    async _handleOpenChange() {
+        const popover = this._popover;
+        if (!popover)
+            return;
+        const posOpts = { placement: this.placement, distance: this.distance };
+        if (this.open) {
+            popover.showPopover();
+            await this._floating.updatePosition(posOpts);
+            if (!this.open)
+                return;
+            await this._floating.animateShow(popover, this._getDuration('--show-duration'));
+            this._floating.startPositioning(posOpts);
+            this._trigger?.setAttribute('aria-describedby', this._tooltipId);
+        }
+        else {
+            this._floating.stopPositioning();
+            this._floating.cleanupSafePolygon();
+            this._trigger?.removeAttribute('aria-describedby');
+            await this._floating.animateHide(popover, this._getDuration('--hide-duration'));
+            if (popover.matches(':popover-open'))
+                popover.hidePopover();
+        }
+    }
+    _addTriggerListeners() {
+        this._floating.addTriggerListeners({
+            onPointerEnter: this._onPointerEnter,
+            onPointerLeave: this._onPointerLeave,
+            onFocusIn: this._onFocusIn,
+            onFocusOut: this._onFocusOut,
+            onClick: this._onClick,
+            onKeyDown: this._onKeyDown,
+        });
+    }
+    _removeTriggerListeners(forId) {
+        const trigger = forId
+            ? this.getRootNode().getElementById(forId)
+            : undefined;
+        this._floating.removeTriggerListeners(trigger);
+    }
+    render() {
+        return html `
+      <div
+        id=${this._tooltipId}
+        popover="manual"
+        role="tooltip"
+        part="body"
+      >
+        ${this.withoutArrow
+            ? nothing
+            : html `
+              <i
+                part="arrow"
+                role="presentation"
+              ></i>
+            `}
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+_LuxenTooltip_for_accessor_storage = new WeakMap(), _LuxenTooltip_placement_accessor_storage = new WeakMap(), _LuxenTooltip_distance_accessor_storage = new WeakMap(), _LuxenTooltip_open_accessor_storage = new WeakMap(), _LuxenTooltip_withoutArrow_accessor_storage = new WeakMap(), _LuxenTooltip_trigger_accessor_storage = new WeakMap();
+LuxenTooltip.styles = [hostStyles, styles];
+__decorate([
+    property()
+], LuxenTooltip.prototype, "for", null);
+__decorate([
+    property()
+], LuxenTooltip.prototype, "placement", null);
+__decorate([
+    property({ type: Number })
+], LuxenTooltip.prototype, "distance", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LuxenTooltip.prototype, "open", null);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'without-arrow' })
+], LuxenTooltip.prototype, "withoutArrow", null);
+__decorate([
+    property()
+], LuxenTooltip.prototype, "trigger", null);

package/dist/elements/tree/index.d.ts

@@ -0,0 +1,8 @@
+import { LuxenTree } from './tree';
+export * from './tree';
+declare global {
+    interface HTMLElementTagNameMap {
+        'l-tree': LuxenTree;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/html/elements/tree/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,cAAc,QAAQ,CAAC;AAGvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,SAAS,CAAC;KACrB;CACF"}

package/dist/elements/tree/index.js

@@ -0,0 +1,4 @@
+import { define } from '../../define';
+import { LuxenTree } from './tree';
+export * from './tree';
+define('tree', LuxenTree);

package/dist/elements/tree/tree.css

@@ -0,0 +1,26 @@
+:host {
+  --indent-size: 1rem;
+  --indent-guide-width: 1px;
+  --indent-guide-style: solid;
+  --indent-guide-color: var(--l-color-border-interactive, light-dark(#d1d5db, #3a4048));
+  --row-height: 1.75rem;
+  --row-padding-inline: 0.25rem;
+  --chevron-size: 1.125rem;
+  --item-gap: 0.375rem;
+
+  display: block;
+  color: var(--l-color-text-primary, CanvasText);
+  font-family: inherit;
+  line-height: 1.5;
+}
+
+.tree {
+  display: block;
+  outline: none;
+}
+
+.tree:focus-visible {
+  outline: 2px solid var(--l-focus-ring, Highlight);
+  outline-offset: 2px;
+  border-radius: 0.375rem;
+}

package/dist/elements/tree/tree.d.ts

@@ -0,0 +1,76 @@
+import { type PropertyValues } from 'lit';
+import { LuxenElement } from '../../shared/luxen-element';
+import type { LuxenTreeItem } from '../tree-item/tree-item';
+export type TreeSelection = 'single' | 'multiple' | 'leaf' | 'none';
+/**
+ * A hierarchical tree view composed of `<l-tree-item>` children.
+ *
+ * @slot - One or more `l-tree-item` elements.
+ *
+ * @csspart base - The root tree container.
+ *
+ * @cssproperty --indent-size - Horizontal indent per depth level. Default `1rem`.
+ * @cssproperty --indent-guide-width - Thickness of the vertical guide line between a parent and its children. Default `1px`. Set to `0` to hide guides.
+ * @cssproperty --indent-guide-style - Line style of the guide (`solid`, `dashed`, `dotted`, `double`…). Default `solid`.
+ * @cssproperty --indent-guide-color - Color of the guide line.
+ * @cssproperty --row-height - Minimum row height. Default `1.75rem`.
+ * @cssproperty --row-padding-inline - Inner inline padding of the row; also drives the content slot left indent and the indent guide column. Default `0.25rem`.
+ * @cssproperty --chevron-size - Size of the expand/collapse chevron box. Default `1.125rem`.
+ * @cssproperty --item-gap - Horizontal gap between chevron, prefix, label and suffix on the row; also drives the content slot left indent. Default `0.375rem`.
+ *
+ * @event selection-change - Fired when the selected items change. Detail: `{ selection: LuxenTreeItem[] }`.
+ */
+export declare class LuxenTree extends LuxenElement {
+    static styles: import("lit").CSSResult[];
+    private _mutationObserver?;
+    private _lastFocusedItem;
+    /**
+     * Selection behaviour:
+     * - `single` (default): at most one item selected via `aria-selected`.
+     * - `multiple`: any number of items selected. Checkboxes are rendered.
+     * - `leaf`: only leaf items can be selected (single). Branches just toggle.
+     * - `none`: purely navigable, no selection state.
+     */
+    accessor selection: TreeSelection;
+    /**
+     * When set with `selection="multiple"`, parent and children selection are decoupled:
+     * toggling a parent does NOT toggle its descendants and vice versa.
+     * Without it, selection cascades both ways and branches may become indeterminate.
+     */
+    accessor independent: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues<this>): void;
+    /** Returns all items in document (flat) order, including nested ones. */
+    getAllItems({ includeDisabled }?: {
+        includeDisabled?: boolean | undefined;
+    }): LuxenTreeItem[];
+    /** Returns currently selected items. */
+    getSelection(): LuxenTreeItem[];
+    /** Expands every item that has children. */
+    expandAll(): void;
+    /** Collapses every item. */
+    collapseAll(): void;
+    private _syncAll;
+    private _syncSubtree;
+    private _canShowCheckboxOn;
+    private _rootItems;
+    private _ensureTabStop;
+    /** Items currently visible (parent chain all expanded). */
+    private _visibleItems;
+    private _onItemToggle;
+    private _handleRowActivate;
+    private _setSingleSelection;
+    private _selectItem;
+    private _setSubtreeSelection;
+    /** Propagate child state UP to parents (indeterminate / auto-checked). */
+    private _updateBranchStates;
+    private _emitSelectionChange;
+    private _onClick;
+    private _itemFromEvent;
+    private _focusItem;
+    private _onFocusIn;
+    private _onKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=tree.d.ts.map

package/dist/elements/tree/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/html/elements/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAM5D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAgB,MAAM,4BAAwB;IAE9C,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,gBAAgB,CAA8B;IAEtD;;;;;;OAMG;IAEH,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAY;IAE7C;;;;OAIG;IAEH,QAAQ,CAAC,WAAW,UAAS;IAEpB,iBAAiB;IAUjB,oBAAoB;IAMpB,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAQ9C,yEAAyE;IACzE,WAAW,CAAC,EAAE,eAAsB,EAAE;;KAAK,GAAG,aAAa,EAAE;IAO7D,wCAAwC;IACxC,YAAY,IAAI,aAAa,EAAE;IAI/B,4CAA4C;IAC5C,SAAS;IAMT,4BAA4B;IAC5B,WAAW;IAQX,OAAO,CAAC,QAAQ;IAWhB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,cAAc;IAUtB,2DAA2D;IAC3D,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB;IAS5B,0EAA0E;IAC1E,OAAO,CAAC,mBAAmB;IA6B3B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,QAAQ,CAqDd;IAEF,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,UAAU,CAMhB;IAEF,OAAO,CAAC,UAAU,CAyEhB;IAEO,MAAM;CAehB"}