@aithe/aithe-ui 26.2.2 → 26.3.1

package/dist/components/feedback/drawer.js

@@ -0,0 +1,338 @@
+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 { css, html, nothing } from 'lit';
+import { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles, aithePanelStyles } from '../../core/styles';
+import { t } from '../../styles/i18n';
+/**
+ * Side drawer panel that slides in from any edge of the viewport.
+ * 侧边抽屉面板，从视口任意边缘滑入。
+ *
+ * @slot - Default slot for drawer body content. 抽屉正文内容。
+ * @slot header - Custom header content (overrides title property). 自定义头部内容。
+ * @slot footer - Footer action area. 底部操作区域。
+ * @fires aithe-open-change - Emitted when open state changes, with `{ open }`. 开关状态变更时触发。
+ * @example
+ * ```html
+ * <aithe-drawer title="Details" placement="right" size="420px">
+ *   <p>Drawer content here.</p>
+ * </aithe-drawer>
+ * ```
+ */
+let AitheDrawer = class AitheDrawer extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the drawer is open. 是否打开抽屉。 */
+        this.open = false;
+        /** Drawer title text. 抽屉标题文本。 */
+        this.title = '';
+        /** Icon name to display before the title. 在标题前显示的图标名称。 */
+        this.icon = '';
+        /** Edge from which the drawer slides in. 抽屉滑入的边缘方向。 */
+        this.placement = 'right';
+        /** Drawer width (for left/right) or height (for top/bottom). 抽屉宽度（左右）或高度（上下）。 */
+        this.size = '420px';
+        /** CSS selector for a mount target element (teleports the drawer). 挂载目标元素的 CSS 选择器。 */
+        this.mount = '';
+        /** Whether clicking the backdrop mask closes the drawer. 点击遮罩是否关闭抽屉。 */
+        this.closeOnMask = true;
+        /** Whether pressing Escape closes the drawer. 按 Escape 是否关闭抽屉。 */
+        this.closeOnEsc = true;
+        this.hasHeaderSlot = false;
+        this.hasFooterSlot = false;
+        this.lastFocused = null;
+        /** Syncs header/footer slot presence state. 同步头部/底部插槽状态。 */
+        this.syncSlots = () => {
+            this.hasHeaderSlot = this.headerNodes.length > 0;
+            this.hasFooterSlot = this.footerNodes.length > 0;
+        };
+        /** Handles Escape key to close drawer. 处理 Escape 键关闭抽屉。 */
+        this.handleDocumentKeydown = (event) => {
+            if (event.key === 'Escape' && this.closeOnEsc && this.open) {
+                this.hide();
+            }
+        };
+        /** Handles backdrop click to close drawer. 处理遮罩点击关闭抽屉。 */
+        this.handleBackdropClick = (event) => {
+            if (!this.closeOnMask || event.target !== event.currentTarget) {
+                return;
+            }
+            this.hide();
+        };
+        /** Opens the drawer. 打开抽屉。 */
+        this.show = () => {
+            this.open = true;
+        };
+        /** Closes the drawer. 关闭抽屉。 */
+        this.hide = () => {
+            this.open = false;
+        };
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        aithePanelStyles('.panel'),
+        css `
+      :host {
+        display: contents;
+      }
+
+      .overlay {
+        position: fixed;
+        inset: 0;
+        z-index: var(--aithe-z-drawer);
+        display: flex;
+        background: var(--aithe-color-overlay);
+        opacity: 0;
+        pointer-events: none;
+        transition: opacity var(--aithe-duration-base) var(--aithe-ease-standard);
+      }
+
+      .overlay.open {
+        opacity: 1;
+        pointer-events: auto;
+      }
+
+      .top {
+        align-items: flex-start;
+        justify-content: center;
+      }
+
+      .right {
+        align-items: stretch;
+        justify-content: flex-end;
+      }
+
+      .bottom {
+        align-items: flex-end;
+        justify-content: center;
+      }
+
+      .left {
+        align-items: stretch;
+        justify-content: flex-start;
+      }
+
+      .panel {
+        display: flex;
+        flex-direction: column;
+        max-width: 100vw;
+        max-height: 100vh;
+      }
+
+      .panel-inner {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        transition: transform var(--aithe-duration-base) var(--aithe-ease-standard);
+      }
+
+      .panel-inner.top {
+        transform: translateY(-100%);
+      }
+
+      .panel-inner.right {
+        transform: translateX(100%);
+      }
+
+      .panel-inner.bottom {
+        transform: translateY(100%);
+      }
+
+      .panel-inner.left {
+        transform: translateX(-100%);
+      }
+
+      .overlay.open .panel-inner {
+        transform: translate(0, 0);
+      }
+
+      .header,
+      .footer {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--aithe-space-4);
+        padding: var(--aithe-space-lg);
+      }
+
+      .header {
+        border-bottom: 1px solid var(--aithe-color-border);
+      }
+
+      .footer {
+        border-top: 1px solid var(--aithe-color-border);
+      }
+
+      .title {
+        margin: 0;
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+        font-size: var(--aithe-font-size-lg);
+        font-weight: var(--aithe-font-weight-semibold);
+      }
+
+      .title-icon {
+        flex-shrink: 0;
+        color: var(--aithe-color-text-muted);
+      }
+
+      .body {
+        flex: 1;
+        overflow: auto;
+        padding: var(--aithe-space-lg);
+      }
+
+      .close {
+        width: 36px;
+        height: 36px;
+        border: none;
+        border-radius: 50%;
+        background: transparent;
+        color: var(--aithe-color-text-muted);
+        cursor: pointer;
+      }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.applyMountTarget();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this.handleDocumentKeydown);
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has('mount')) {
+            this.applyMountTarget();
+        }
+        if (changed.has('open')) {
+            this.emit('aithe-open-change', { open: this.open });
+            if (this.open) {
+                this.lastFocused = document.activeElement;
+                document.addEventListener('keydown', this.handleDocumentKeydown);
+                queueMicrotask(() => this.focusFirst(this.panel ?? this.renderRoot));
+            }
+            else {
+                document.removeEventListener('keydown', this.handleDocumentKeydown);
+                this.lastFocused?.focus?.();
+            }
+        }
+    }
+    /** Teleports the drawer into the mount target element. 将抽屉传送至挂载目标元素。 */
+    applyMountTarget() {
+        if (!this.mount || typeof document === 'undefined') {
+            return;
+        }
+        const target = document.querySelector(this.mount);
+        if (target instanceof HTMLElement && this.parentElement !== target) {
+            target.appendChild(this);
+        }
+    }
+    render() {
+        const isVertical = this.placement === 'left' || this.placement === 'right';
+        const showHeader = true;
+        const drawerIcon = this.icon
+            ? html `
+          <aithe-icon class="title-icon" name=${this.icon} size="18"></aithe-icon>
+        `
+            : nothing;
+        return html `
+      <div
+        class=${classMap({
+            overlay: true,
+            open: this.open,
+            [this.placement]: true,
+        })}
+        @click=${this.handleBackdropClick}
+      >
+        <aside
+          class="panel"
+          aria-modal="true"
+          role="dialog"
+          style=${styleMap(isVertical ? { width: this.size } : { height: this.size })}
+          tabindex="-1"
+          @click=${(event) => event.stopPropagation()}
+          @keydown=${(event) => this.trapFocus(event, this.panel ?? this.renderRoot)}
+        >
+          <div class=${classMap({ 'panel-inner': true, [this.placement]: true })}>
+          <header class="header" ?hidden=${!showHeader}>
+            <slot name="header" @slotchange=${this.syncSlots}>
+              ${this.title
+            ? html `
+                    <h2 class="title">${drawerIcon}${this.title}</h2>
+                  `
+            : null}
+            </slot>
+            <button
+              class="close"
+              type="button"
+              aria-label=${t('feedback.drawer.closeAriaLabel')}
+              @click=${this.hide}
+            >
+              ×
+            </button>
+          </header>
+          <div class="body">
+            <slot></slot>
+          </div>
+          <footer class="footer" ?hidden=${!this.hasFooterSlot}>
+            <slot name="footer" @slotchange=${this.syncSlots}></slot>
+          </footer>
+          </div>
+        </aside>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheDrawer.prototype, "open", void 0);
+__decorate([
+    property({ type: String })
+], AitheDrawer.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheDrawer.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], AitheDrawer.prototype, "placement", void 0);
+__decorate([
+    property({ type: String })
+], AitheDrawer.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], AitheDrawer.prototype, "mount", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'close-on-mask' })
+], AitheDrawer.prototype, "closeOnMask", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'close-on-esc' })
+], AitheDrawer.prototype, "closeOnEsc", void 0);
+__decorate([
+    query('.panel')
+], AitheDrawer.prototype, "panel", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'header' })
+], AitheDrawer.prototype, "headerNodes", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'footer' })
+], AitheDrawer.prototype, "footerNodes", void 0);
+__decorate([
+    state()
+], AitheDrawer.prototype, "hasHeaderSlot", void 0);
+__decorate([
+    state()
+], AitheDrawer.prototype, "hasFooterSlot", void 0);
+AitheDrawer = __decorate([
+    customElement('aithe-drawer')
+], AitheDrawer);
+export { AitheDrawer };

package/dist/components/feedback/loading.d.ts

@@ -1,11 +1,25 @@
-import { AitheElement } from '../../base/aithe-element';
+import { AitheElement } from '../../core/aithe-element';
 /**
- * Inline or fullscreen loading overlay.
+ * Inline or fullscreen loading overlay with spinner and optional tip text.
+ * 内联或全屏加载遮罩层，带旋转器和可选提示文本。
+ *
+ * @slot - Default slot for content to be covered by the loading overlay. 被加载遮罩层覆盖的内容。
+ * @example
+ * ```html
+ * <aithe-loading spinning tip="Loading..." size="md">
+ *   <div>Content behind the overlay</div>
+ * </aithe-loading>
+ * <aithe-loading fullscreen tip="Please wait..."></aithe-loading>
+ * ```
  */
 export declare class AitheLoading extends AitheElement {
+    /** Whether the loading spinner is active. 是否显示加载旋转器。 */
     spinning: boolean;
+    /** Spinner size scale. 旋转器尺寸规格。 */
     size: 'sm' | 'md' | 'lg';
+    /** Tip text displayed below the spinner. 旋转器下方显示的提示文本。 */
     tip: string;
+    /** Whether the loading overlay covers the entire viewport. 加载遮罩是否覆盖整个视口。 */
     fullscreen: boolean;
     static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/feedback/loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/loading.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;GAEG;AACH,qBACa,YAAa,SAAQ,YAAY;IACf,QAAQ,UAAQ;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChC,GAAG,SAAM;IACR,UAAU,UAAS;IAEhD,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA0DpB;IAEF,MAAM;CAaP"}
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/loading.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD;;;;;;;;;;;;GAYG;AACH,qBACa,YAAa,SAAQ,YAAY;IAC5C,wDAAwD;IAC3B,QAAQ,UAAQ;IAC7C,mCAAmC;IACP,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAC5D,0DAA0D;IAC9B,GAAG,SAAM;IACrC,4EAA4E;IAC/C,UAAU,UAAS;IAEhD,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA0DpB;IAEF,MAAM;CAmBP"}

package/dist/components/feedback/loading.js

@@ -0,0 +1,130 @@
+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 { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Inline or fullscreen loading overlay with spinner and optional tip text.
+ * 内联或全屏加载遮罩层，带旋转器和可选提示文本。
+ *
+ * @slot - Default slot for content to be covered by the loading overlay. 被加载遮罩层覆盖的内容。
+ * @example
+ * ```html
+ * <aithe-loading spinning tip="Loading..." size="md">
+ *   <div>Content behind the overlay</div>
+ * </aithe-loading>
+ * <aithe-loading fullscreen tip="Please wait..."></aithe-loading>
+ * ```
+ */
+let AitheLoading = class AitheLoading extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the loading spinner is active. 是否显示加载旋转器。 */
+        this.spinning = true;
+        /** Spinner size scale. 旋转器尺寸规格。 */
+        this.size = 'md';
+        /** Tip text displayed below the spinner. 旋转器下方显示的提示文本。 */
+        this.tip = '';
+        /** Whether the loading overlay covers the entire viewport. 加载遮罩是否覆盖整个视口。 */
+        this.fullscreen = false;
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        position: relative;
+        display: block;
+      }
+
+      .overlay {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: var(--aithe-space-3);
+        background: rgba(255, 255, 255, 0.48);
+        backdrop-filter: blur(6px);
+      }
+
+      .overlay.fullscreen {
+        position: fixed;
+        z-index: var(--aithe-z-modal);
+        background: var(--aithe-color-overlay);
+      }
+
+      .spinner {
+        border: 3px solid rgba(77, 141, 255, 0.18);
+        border-top-color: var(--aithe-primary-6);
+        border-radius: 50%;
+        animation: aithe-spin 0.85s linear infinite;
+      }
+
+      .spinner.sm {
+        width: 20px;
+        height: 20px;
+      }
+
+      .spinner.md {
+        width: 28px;
+        height: 28px;
+      }
+
+      .spinner.lg {
+        width: 40px;
+        height: 40px;
+      }
+
+      .tip {
+        color: var(--aithe-color-text-muted);
+      }
+
+      @keyframes aithe-spin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+    `,
+    ]; }
+    render() {
+        const tipContent = this.tip
+            ? html `
+          <span class="tip">${this.tip}</span>
+        `
+            : null;
+        return html `
+      <slot></slot>
+      ${this.spinning
+            ? html `
+            <div class=${classMap({ overlay: true, fullscreen: this.fullscreen })}>
+              <span class=${classMap({ spinner: true, [this.size]: true })}></span>
+              ${tipContent}
+            </div>
+          `
+            : null}
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], AitheLoading.prototype, "spinning", void 0);
+__decorate([
+    property({ type: String })
+], AitheLoading.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], AitheLoading.prototype, "tip", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheLoading.prototype, "fullscreen", void 0);
+AitheLoading = __decorate([
+    customElement('aithe-loading')
+], AitheLoading);
+export { AitheLoading };

package/dist/components/feedback/modal.d.ts

@@ -1,16 +1,41 @@
 import type { PropertyValues } from 'lit';
 import { AitheElement } from '../../core/aithe-element';
+/**
+ * Full-featured modal dialog with header, body, footer slots and focus trapping.
+ * 全功能模态对话框，支持头部、正文、底部插槽和焦点捕获。
+ *
+ * @slot - Default slot for modal body content. 模态框正文内容。
+ * @slot header - Custom header content (overrides title property). 自定义头部内容。
+ * @slot footer - Footer action area. 底部操作区域。
+ * @fires aithe-open-change - Emitted when open state changes, with `{ open }`. 开关状态变更时触发。
+ * @example
+ * ```html
+ * <aithe-modal title="Edit Profile" width="520px">
+ *   <p>Modal body content here.</p>
+ *   <button slot="footer">Save</button>
+ * </aithe-modal>
+ * ```
+ */
 export declare class AitheModal extends AitheElement {
+    /** Whether the modal is open. 是否打开模态框。 */
     open: boolean;
+    /** Modal title text. 模态框标题文本。 */
     title: string;
+    /** Icon name to display before the title. 在标题前显示的图标名称。 */
+    icon: string;
+    /** Modal width (CSS value). 模态框宽度（CSS 值）。 */
     width: string;
+    /** Whether the modal takes up the full viewport. 是否全屏显示。 */
     fullscreen: boolean;
+    /** Whether clicking the backdrop mask closes the modal. 点击遮罩是否关闭模态框。 */
     closeOnMask: boolean;
+    /** Whether pressing Escape closes the modal. 按 Escape 是否关闭模态框。 */
     closeOnEsc: boolean;
+    /** Whether the close button is shown in the header. 是否在头部显示关闭按钮。 */
     showClose: boolean;
-    private panel?;
-    private headerNodes;
-    private footerNodes;
+    private readonly panel?;
+    private readonly headerNodes;
+    private readonly footerNodes;
     private hasHeaderSlot;
     private hasFooterSlot;
     private readonly titleId;
@@ -18,10 +43,15 @@ export declare class AitheModal extends AitheElement {
     static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
     disconnectedCallback(): void;
     protected updated(changed: PropertyValues<this>): void;
-    private syncSlots;
-    private handleDocumentKeydown;
-    private handleBackdropClick;
+    /** Syncs header/footer slot presence state. 同步头部/底部插槽状态。 */
+    private readonly syncSlots;
+    /** Handles Escape key to close modal. 处理 Escape 键关闭模态框。 */
+    private readonly handleDocumentKeydown;
+    /** Handles backdrop click to close modal. 处理遮罩点击关闭模态框。 */
+    private readonly handleBackdropClick;
+    /** Opens the modal. 打开模态框。 */
     show: () => void;
+    /** Closes the modal. 关闭模态框。 */
     hide: () => void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/feedback/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIxD,qBACa,UAAW,SAAQ,YAAY;IACE,IAAI,UAAS;IAC7B,KAAK,SAAM;IACX,KAAK,SAAW;IACA,UAAU,UAAS;IACN,WAAW,UAAQ;IACpB,UAAU,UAAQ;IACpB,SAAS,UAAQ;IAEtD,OAAO,CAAC,KAAK,CAAC,CAAc;IACF,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,WAAW,CAAiB;IAEtE,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAS;IAEvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA4B;IACpD,OAAO,CAAC,WAAW,CAA4B;IAE/C,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA4FpB;IAEF,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiBtD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,IAAI,QAAO,IAAI,CAEb;IAEF,IAAI,QAAO,IAAI,CAEb;IAEF,MAAM;CAqCP"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C,0CAA0C;IACE,IAAI,UAAS;IACzD,iCAAiC;IACL,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,6CAA6C;IACjB,KAAK,SAAW;IAC5C,4DAA4D;IAChB,UAAU,UAAS;IAC/D,wEAAwE;IACf,WAAW,UAAQ;IAC5E,kEAAkE;IACV,UAAU,UAAQ;IAC1E,oEAAoE;IACd,SAAS,UAAQ;IAEtD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACX,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAC7C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAE/E,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAS;IAEvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA4B;IACpD,OAAO,CAAC,WAAW,CAA4B;IAE/C,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAyGpB;IAEF,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiBtD,4DAA4D;IAC5D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAGxB;IAEF,2DAA2D;IAC3D,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAIpC;IAEF,0DAA0D;IAC1D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAMlC;IAEF,8BAA8B;IAC9B,IAAI,QAAO,IAAI,CAEb;IAEF,+BAA+B;IAC/B,IAAI,QAAO,IAAI,CAEb;IAEF,MAAM;CAuDP"}