@aithe/aithe-ui 26.2.2 → 26.3.1

package/dist/components/feedback/alert.js

@@ -0,0 +1,150 @@
+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 } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Inline banner / alert strip with optional close button.
+ * 内联横幅/警告条，支持可选关闭按钮。
+ *
+ * @slot - Default slot for alert body content. 警告正文内容。
+ * @fires aithe-close - Emitted when the alert is closed. 关闭时触发。
+ * @example
+ * ```html
+ * <aithe-alert type="warning" title="Warning" closable>
+ *   Please review before proceeding.
+ * </aithe-alert>
+ * ```
+ */
+let AitheAlert = class AitheAlert extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Alert color variant. 警告颜色类型。 */
+        this.type = 'default';
+        /** Alert title text. 警告标题文本。 */
+        this.title = '';
+        /** Icon name to display before the title. 在标题前显示的图标名称。 */
+        this.icon = '';
+        /** Whether the alert shows a close button. 是否显示关闭按钮。 */
+        this.closable = false;
+        /** Whether the alert renders as a full-width banner. 是否以全宽横幅样式渲染。 */
+        this.banner = false;
+        /** Whether the alert is visible (open). 是否可见（打开）。 */
+        this.open = true;
+        this.close = () => {
+            this.open = false;
+            this.emit('aithe-close');
+        };
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: block;
+      }
+
+      .alert {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        gap: var(--aithe-space-4);
+        padding: var(--aithe-space-4);
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-container-radius-lg);
+        background: var(--aithe-color-surface-elevated);
+      }
+
+      .alert.banner {
+        border-radius: var(--aithe-container-radius-md);
+      }
+
+      .title {
+        margin: 0 0 var(--aithe-space-1);
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+        font-weight: var(--aithe-font-weight-semibold);
+      }
+
+      .title-icon {
+        flex-shrink: 0;
+        color: var(--aithe-color-text-muted);
+      }
+
+      .success {
+        border-color: rgba(53, 166, 111, 0.24);
+      }
+
+      .warning {
+        border-color: rgba(209, 143, 41, 0.24);
+      }
+
+      .danger {
+        border-color: rgba(223, 82, 107, 0.24);
+      }
+
+      button {
+        border: none;
+        background: transparent;
+        color: var(--aithe-color-text-subtle);
+        cursor: pointer;
+      }
+    `,
+    ]; }
+    render() {
+        if (!this.open)
+            return html ``;
+        const titleIcon = this.icon
+            ? html `
+          <aithe-icon class="title-icon" name=${this.icon} size="16"></aithe-icon>
+        `
+            : nothing;
+        const titleBlock = this.title
+            ? html `
+          <div class="title">${titleIcon}${this.title}</div>
+        `
+            : null;
+        const closeBtn = this.closable
+            ? html `
+          <button type="button" @click=${this.close}>×</button>
+        `
+            : null;
+        return html `
+      <div class=${classMap({ alert: true, banner: this.banner, [this.type]: true })}>
+        <div>
+          ${titleBlock}
+          <slot></slot>
+        </div>
+        ${closeBtn}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheAlert.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], AitheAlert.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheAlert.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheAlert.prototype, "closable", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheAlert.prototype, "banner", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheAlert.prototype, "open", void 0);
+AitheAlert = __decorate([
+    customElement('aithe-alert')
+], AitheAlert);
+export { AitheAlert };

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

@@ -1,20 +1,42 @@
-import { AitheElement } from '../../base/aithe-element';
+import { AitheElement } from '../../core/aithe-element';
 /**
- * Lightweight confirm dialog.
+ * Lightweight confirm dialog with cancel/confirm actions.
+ * 轻量级确认对话框，支持取消/确认操作。
+ *
+ * @slot - Default slot for dialog body content. 对话框正文内容。
+ * @fires aithe-confirm - Emitted when the confirm button is clicked. 确认按钮点击时触发。
+ * @fires aithe-cancel - Emitted when the cancel button or close button is clicked. 取消或关闭按钮点击时触发。
+ * @example
+ * ```html
+ * <aithe-dialog title="Delete item?" visible confirm-text="Delete" cancel-text="Cancel">
+ *   This action cannot be undone.
+ * </aithe-dialog>
+ * ```
  */
 export declare class AitheDialog extends AitheElement {
+    /** Dialog title text. 对话框标题文本。 */
     title: string;
+    /** Icon name to display before the title. 在标题前显示的图标名称。 */
+    icon: string;
+    /** Whether the dialog is visible. 是否显示对话框。 */
     visible: boolean;
+    /** Whether the dialog can be closed via close button or Escape. 是否可通过关闭按钮或 Escape 关闭。 */
     closeable: boolean;
+    /** Whether a backdrop mask is shown. 是否显示背景遮罩。 */
     mask: boolean;
+    /** Confirm button label text. 确认按钮文本。 */
     confirmText: string;
+    /** Cancel button label text. 取消按钮文本。 */
     cancelText: string;
     static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private handleKeydown;
-    private cancel;
-    private confirm;
+    /** Closes dialog on Escape key press. 按 Escape 键关闭对话框。 */
+    private readonly handleKeydown;
+    /** Hides dialog and emits cancel event. 隐藏对话框并触发取消事件。 */
+    private readonly cancel;
+    /** Hides dialog and emits confirm event. 隐藏对话框并触发确认事件。 */
+    private readonly confirm;
     render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;GAEG;AACH,qBACa,WAAY,SAAQ,YAAY;IACf,KAAK,SAAa;IACF,OAAO,UAAS;IAC/B,SAAS,UAAQ;IACjB,IAAI,UAAQ;IACc,WAAW,SAAa;IACzB,UAAU,SAAY;IAE5E,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAyEpB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,MAAM,CAGZ;IAEF,OAAO,CAAC,OAAO,CAGb;IAEF,MAAM;CA6BP"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD;;;;;;;;;;;;;GAaG;AACH,qBACa,WAAY,SAAQ,YAAY;IAC3C,kCAAkC;IACN,KAAK,SAAa;IAC9C,0DAA0D;IAC9B,IAAI,SAAM;IACtC,8CAA8C;IACF,OAAO,UAAS;IAC5D,yFAAyF;IAC5D,SAAS,UAAQ;IAC9C,kDAAkD;IACrB,IAAI,UAAQ;IACzC,yCAAyC;IACc,WAAW,SAAM;IACxE,wCAAwC;IACc,UAAU,SAAM;IAEtE,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAiFpB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,0DAA0D;IAC1D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAI5B;IAEF,yDAAyD;IACzD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAGrB;IAEF,0DAA0D;IAC1D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAGtB;IAEF,MAAM;CAqDP"}

package/dist/components/feedback/dialog.js

@@ -0,0 +1,228 @@
+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 } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles, aithePanelStyles } from '../../core/styles';
+import { t } from '../../styles/i18n';
+/**
+ * Lightweight confirm dialog with cancel/confirm actions.
+ * 轻量级确认对话框，支持取消/确认操作。
+ *
+ * @slot - Default slot for dialog body content. 对话框正文内容。
+ * @fires aithe-confirm - Emitted when the confirm button is clicked. 确认按钮点击时触发。
+ * @fires aithe-cancel - Emitted when the cancel button or close button is clicked. 取消或关闭按钮点击时触发。
+ * @example
+ * ```html
+ * <aithe-dialog title="Delete item?" visible confirm-text="Delete" cancel-text="Cancel">
+ *   This action cannot be undone.
+ * </aithe-dialog>
+ * ```
+ */
+let AitheDialog = class AitheDialog extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Dialog title text. 对话框标题文本。 */
+        this.title = 'Confirm';
+        /** Icon name to display before the title. 在标题前显示的图标名称。 */
+        this.icon = '';
+        /** Whether the dialog is visible. 是否显示对话框。 */
+        this.visible = false;
+        /** Whether the dialog can be closed via close button or Escape. 是否可通过关闭按钮或 Escape 关闭。 */
+        this.closeable = true;
+        /** Whether a backdrop mask is shown. 是否显示背景遮罩。 */
+        this.mask = true;
+        /** Confirm button label text. 确认按钮文本。 */
+        this.confirmText = '';
+        /** Cancel button label text. 取消按钮文本。 */
+        this.cancelText = '';
+        /** Closes dialog on Escape key press. 按 Escape 键关闭对话框。 */
+        this.handleKeydown = (event) => {
+            if (event.key === 'Escape' && this.visible) {
+                this.cancel();
+            }
+        };
+        /** Hides dialog and emits cancel event. 隐藏对话框并触发取消事件。 */
+        this.cancel = () => {
+            this.visible = false;
+            this.emit('aithe-cancel');
+        };
+        /** Hides dialog and emits confirm event. 隐藏对话框并触发确认事件。 */
+        this.confirm = () => {
+            this.visible = false;
+            this.emit('aithe-confirm');
+        };
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        aithePanelStyles('.panel'),
+        css `
+      :host {
+        display: contents;
+      }
+
+      .overlay {
+        position: fixed;
+        inset: 0;
+        z-index: var(--aithe-z-modal);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: var(--aithe-space-lg);
+        background: var(--aithe-color-overlay);
+        opacity: 0;
+        pointer-events: none;
+        transition: opacity var(--aithe-duration-base) var(--aithe-ease-standard);
+      }
+
+      .overlay.visible {
+        opacity: 1;
+        pointer-events: auto;
+      }
+
+      .panel {
+        width: min(100%, 420px);
+        display: grid;
+        gap: var(--aithe-space-4);
+        padding: var(--aithe-space-lg);
+      }
+
+      .head,
+      .foot {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--aithe-space-3);
+      }
+
+      .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);
+      }
+
+      .content {
+        color: var(--aithe-color-text-muted);
+      }
+
+      .actions {
+        display: inline-flex;
+        gap: var(--aithe-space-2);
+      }
+
+      button {
+        min-height: 38px;
+        padding: 0 var(--aithe-space-4);
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-radius-md);
+        background: var(--aithe-color-surface);
+        color: var(--aithe-color-text);
+        cursor: pointer;
+      }
+
+      .primary {
+        border-color: transparent;
+        background: linear-gradient(180deg, var(--aithe-primary-6), var(--aithe-primary-7));
+        color: var(--aithe-color-text-on-primary, #ffffff);
+      }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this.handleKeydown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this.handleKeydown);
+    }
+    render() {
+        const confirmLabel = this.confirmText || t('form.dialog.confirmText');
+        const cancelLabel = this.cancelText || t('form.dialog.cancelText');
+        return html `
+      <div
+        class=${classMap({ overlay: true, visible: this.visible })}
+        @click=${(event) => {
+            if (this.mask && event.target === event.currentTarget) {
+                this.cancel();
+            }
+        }}
+      >
+        <div
+          class="panel"
+          role="dialog"
+          aria-modal="true"
+          @click=${(event) => event.stopPropagation()}
+        >
+          <div class="head">
+            <h3 class="title">
+              ${this.icon
+            ? html `
+                    <aithe-icon class="title-icon" name=${this.icon} size="18"></aithe-icon>
+                  `
+            : nothing}${this.title}
+            </h3>
+            ${this.closeable
+            ? html `
+                  <button
+                    type="button"
+                    aria-label=${t('form.dialog.closeAriaLabel')}
+                    @click=${this.cancel}
+                  >
+                    ×
+                  </button>
+                `
+            : null}
+          </div>
+          <div class="content">
+            <slot></slot>
+          </div>
+          <div class="foot">
+            <span></span>
+            <div class="actions">
+              <button type="button" @click=${this.cancel}>${cancelLabel}</button>
+              <button class="primary" type="button" @click=${this.confirm}>${confirmLabel}</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheDialog.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheDialog.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheDialog.prototype, "visible", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheDialog.prototype, "closeable", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheDialog.prototype, "mask", void 0);
+__decorate([
+    property({ type: String, attribute: 'confirm-text' })
+], AitheDialog.prototype, "confirmText", void 0);
+__decorate([
+    property({ type: String, attribute: 'cancel-text' })
+], AitheDialog.prototype, "cancelText", void 0);
+AitheDialog = __decorate([
+    customElement('aithe-dialog')
+], AitheDialog);
+export { AitheDialog };

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

@@ -1,16 +1,40 @@
 import type { PropertyValues } from 'lit';
 import { AitheElement } from '../../core/aithe-element';
+/**
+ * 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>
+ * ```
+ */
 export declare class AitheDrawer extends AitheElement {
+    /** Whether the drawer is open. 是否打开抽屉。 */
     open: boolean;
+    /** Drawer title text. 抽屉标题文本。 */
     title: string;
+    /** Icon name to display before the title. 在标题前显示的图标名称。 */
+    icon: string;
+    /** Edge from which the drawer slides in. 抽屉滑入的边缘方向。 */
     placement: 'top' | 'right' | 'bottom' | 'left';
+    /** Drawer width (for left/right) or height (for top/bottom). 抽屉宽度（左右）或高度（上下）。 */
     size: string;
+    /** CSS selector for a mount target element (teleports the drawer). 挂载目标元素的 CSS 选择器。 */
     mount: string;
+    /** Whether clicking the backdrop mask closes the drawer. 点击遮罩是否关闭抽屉。 */
     closeOnMask: boolean;
+    /** Whether pressing Escape closes the drawer. 按 Escape 是否关闭抽屉。 */
     closeOnEsc: boolean;
-    private panel?;
-    private headerNodes;
-    private footerNodes;
+    private readonly panel?;
+    private readonly headerNodes;
+    private readonly footerNodes;
     private hasHeaderSlot;
     private hasFooterSlot;
     private lastFocused;
@@ -18,11 +42,17 @@ export declare class AitheDrawer extends AitheElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(changed: PropertyValues<this>): void;
+    /** Teleports the drawer into the mount target element. 将抽屉传送至挂载目标元素。 */
     private applyMountTarget;
-    private syncSlots;
-    private handleDocumentKeydown;
-    private handleBackdropClick;
+    /** Syncs header/footer slot presence state. 同步头部/底部插槽状态。 */
+    private readonly syncSlots;
+    /** Handles Escape key to close drawer. 处理 Escape 键关闭抽屉。 */
+    private readonly handleDocumentKeydown;
+    /** Handles backdrop click to close drawer. 处理遮罩点击关闭抽屉。 */
+    private readonly handleBackdropClick;
+    /** Opens the drawer. 打开抽屉。 */
     show: () => void;
+    /** Closes the drawer. 关闭抽屉。 */
     hide: () => void;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,qBACa,WAAY,SAAQ,YAAY;IACC,IAAI,UAAS;IAC7B,KAAK,SAAM;IACX,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAW;IACzD,IAAI,SAAW;IACf,KAAK,SAAM;IACkB,WAAW,UAAQ;IACpB,UAAU,UAAQ;IAEzD,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,WAAW,CAA4B;IAE/C,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAmHpB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqBtD,OAAO,CAAC,gBAAgB;IAWxB,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;CA2CP"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD;;;;;;;;;;;;;;GAcG;AACH,qBACa,WAAY,SAAQ,YAAY;IAC3C,0CAA0C;IACE,IAAI,UAAS;IACzD,iCAAiC;IACL,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,uDAAuD;IAC3B,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAW;IACrF,iFAAiF;IACrD,IAAI,SAAW;IAC3C,uFAAuF;IAC3D,KAAK,SAAM;IACvC,wEAAwE;IACf,WAAW,UAAQ;IAC5E,kEAAkE;IACV,UAAU,UAAQ;IAEzD,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,WAAW,CAA4B;IAE/C,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA6HpB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqBtD,wEAAwE;IACxE,OAAO,CAAC,gBAAgB;IAWxB,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;CAwDP"}