@aithe/aithe-ui 26.2.3 → 26.3.2

package/dist/components/data/tree.js

@@ -0,0 +1,269 @@
+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, state } from 'lit/decorators.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+import { translateNodeLabel, onAitheLocaleChange } from '../../styles/i18n';
+/**
+ * Recursive tree view with expand/collapse and optional checkbox support.
+ * 递归树形视图，支持展开/折叠和可选的复选框功能。
+ *
+ * @fires aithe-check      - Emitted when a checkbox is toggled with `{ checked }`. 复选框切换时发出 `{ checked }`。
+ * @fires aithe-node-click - Emitted when a node label is clicked with `{ node }`. 节点标签被点击时发出 `{ node }`。
+ *
+ * @example
+ * ```html
+ * <aithe-tree
+ *   data='[{"label":"Root","id":"root","children":[{"label":"Child","id":"child"}]}]'
+ *   checkable
+ *   expand-all
+ * ></aithe-tree>
+ * ```
+ */
+let AitheTree = class AitheTree extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** JSON string of tree node data. 树节点数据的 JSON 字符串。 */
+        this.data = '[]';
+        /** Display title for the tree (shown as tooltip). 树形视图的显示标题（作为工具提示）。 */
+        this.title = '';
+        /** Icon name to display before the tree title. 在树标题前显示的图标名称。 */
+        this.icon = '';
+        /** Whether nodes show checkboxes for selection. 节点是否显示复选框以供选择。 */
+        this.checkable = false;
+        /** Whether all nodes are expanded by default. 是否默认展开所有节点。 */
+        this.expandAll = false;
+        this.expanded = new Set();
+        this.checked = new Set();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => this.requestUpdate());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeLocale?.();
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: block;
+      }
+
+      .tree-header {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+        margin-bottom: var(--aithe-space-2);
+        font-weight: var(--aithe-font-weight-semibold);
+      }
+
+      .tree-icon {
+        flex-shrink: 0;
+        color: var(--aithe-color-text-muted);
+      }
+
+      .tree,
+      .branch {
+        display: grid;
+        gap: var(--aithe-space-2);
+      }
+
+      .branch {
+        margin-left: var(--aithe-space-5);
+        padding-left: var(--aithe-space-3);
+        border-left: 1px solid var(--aithe-color-border);
+      }
+
+      .row {
+        display: flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+      }
+
+      .toggle,
+      .label {
+        border: none;
+        background: transparent;
+        color: var(--aithe-color-text);
+        cursor: pointer;
+      }
+
+      .label {
+        min-height: 32px;
+        padding: 0 var(--aithe-space-2);
+        border-radius: var(--aithe-radius-md);
+      }
+
+      .label:hover {
+        background: var(--aithe-color-surface-muted);
+      }
+
+      .label.primary {
+        color: var(--aithe-primary-7);
+      }
+      .label.success {
+        color: var(--aithe-success-7);
+      }
+      .label.warning {
+        color: var(--aithe-warning-7);
+      }
+      .label.danger {
+        color: var(--aithe-danger-7);
+      }
+
+      .node-icon {
+        flex-shrink: 0;
+        color: var(--aithe-color-text-muted);
+      }
+    `,
+    ]; }
+    updated(changed) {
+        if (changed.has('expandAll') && this.expandAll) {
+            this.expanded = new Set(this.collectValues(this.parsedData));
+        }
+    }
+    get parsedData() {
+        try {
+            return JSON.parse(this.data);
+        }
+        catch {
+            return [];
+        }
+    }
+    collectValues(nodes) {
+        return nodes.flatMap((node) => [
+            node.id,
+            ...(node.children ? this.collectValues(node.children) : []),
+        ]);
+    }
+    toggleExpand(value) {
+        const next = new Set(this.expanded);
+        if (next.has(value)) {
+            next.delete(value);
+        }
+        else {
+            next.add(value);
+        }
+        this.expanded = next;
+    }
+    toggleCheck(value, checked) {
+        const next = new Set(this.checked);
+        if (checked) {
+            next.add(value);
+        }
+        else {
+            next.delete(value);
+        }
+        this.checked = next;
+        this.emit('aithe-check', { checked: Array.from(this.checked) });
+    }
+    renderNodes(nodes) {
+        return nodes.map((node) => {
+            const hasChildren = Boolean(node.children?.length);
+            const expanded = this.expanded.has(node.id);
+            const toggleSymbol = expanded ? '⌄' : '›';
+            const intentClass = node.variant && node.variant !== 'default' ? node.variant : '';
+            const nodeIcon = node.icon
+                ? html `
+            <aithe-icon class="node-icon" name=${node.icon} size="16"></aithe-icon>
+          `
+                : nothing;
+            const nodeContent = this.renderer
+                ? this.renderer(node)
+                : html `
+            <span style="display:inline-flex;align-items:center;gap:var(--aithe-space-2);">
+              ${nodeIcon}${translateNodeLabel(node)}
+            </span>
+          `;
+            const toggleBtn = hasChildren
+                ? html `
+            <button class="toggle" type="button" @click=${() => this.toggleExpand(node.id)}>
+              ${toggleSymbol}
+            </button>
+          `
+                : html `
+            <span style="width:18px;">${nothing}</span>
+          `;
+            const checkbox = this.checkable
+                ? html `
+            <input
+              type="checkbox"
+              ?checked=${this.checked.has(node.id)}
+              ?disabled=${node.disabled}
+              @change=${(event) => this.toggleCheck(node.id, event.currentTarget.checked)}
+            />
+          `
+                : null;
+            return html `
+        <div class="tree">
+          <div class="row">
+            ${toggleBtn} ${checkbox}
+            <button
+              class="label ${intentClass}"
+              type="button"
+              ?disabled=${node.disabled}
+              @click=${() => this.emit('aithe-node-click', { node })}
+            >
+              ${nodeContent}
+            </button>
+          </div>
+          ${hasChildren && expanded
+                ? html `
+                <div class="branch">${this.renderNodes(node.children ?? [])}</div>
+              `
+                : null}
+        </div>
+      `;
+        });
+    }
+    render() {
+        const headerIcon = this.icon
+            ? html `
+          <aithe-icon class="tree-icon" name=${this.icon} size="16"></aithe-icon>
+        `
+            : nothing;
+        const header = this.icon || this.title
+            ? html `
+            <div class="tree-header">${headerIcon}${this.title}</div>
+          `
+            : nothing;
+        return html `
+      <div class="tree">${header}${this.renderNodes(this.parsedData)}</div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheTree.prototype, "data", void 0);
+__decorate([
+    property({ type: String })
+], AitheTree.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheTree.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheTree.prototype, "checkable", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'expand-all' })
+], AitheTree.prototype, "expandAll", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheTree.prototype, "renderer", void 0);
+__decorate([
+    state()
+], AitheTree.prototype, "expanded", void 0);
+__decorate([
+    state()
+], AitheTree.prototype, "checked", void 0);
+AitheTree = __decorate([
+    customElement('aithe-tree')
+], AitheTree);
+export { AitheTree };

package/dist/components/display/AGENTS.md

@@ -1,4 +1,4 @@
-# src/components/display/ — 展示组件（7个）
+# src/components/display/ — 展示组件（14个）
 
 ## 组件列表
 
@@ -11,6 +11,9 @@
 | `code-editor.ts`     | `<aithe-code-editor>`     | 代码编辑器，语法高亮         |
 | `markdown-editor.ts` | `<aithe-markdown-editor>` | Markdown 编辑器，实时预览    |
 | `label.ts`           | `<aithe-label>`           | 标签文本，支持尺寸和颜色变体 |
+| `profile.ts`         | `<aithe-profile>`         | 档案展示组件                 |
+| `desc.ts`            | `<aithe-desc>`            | 描述列表容器                 |
+| `desc-item.ts`       | `<aithe-desc-item>`       | 描述列表条目                 |
 
 ## 编码规范
 
@@ -23,6 +26,6 @@
 ## 关键约定
 
 - `aithe-markdown` 支持通过 `src` 属性加载外部 Markdown 文件
-- `aithe-code-editor` 通过 `language` 属性指定高亮语言
+- `aithe-code-editor` 通过 `language` 属性指定高亮语言，在原生 textarea 的 input 事件中调用 `event.stopPropagation()`
 - `aithe-carousel` 支持自动轮播（`autoplay` 属性）和指示器
 - 新增组件需同步更新 `src/index.ts` 和 `docs/api/display/`

package/dist/components/display/animated-image.js

@@ -0,0 +1,98 @@
+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 { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Animated image display with pan/zoom motion effect.
+ * 带平移/缩放动效的动画图片展示组件。
+ *
+ * @slot - Default slot for fallback content when `src` is empty. `src` 为空时的回退内容插槽。
+ *
+ * @example
+ * ```html
+ * <aithe-animated-image src="hero.jpg" loop speed="2" play></aithe-animated-image>
+ * ```
+ */
+let AitheAnimatedImage = class AitheAnimatedImage extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Image source URL. 图片源 URL。 */
+        this.src = '';
+        /** Whether the animation loops infinitely. 动画是否无限循环。 */
+        this.loop = true;
+        /** Animation speed multiplier (higher = faster). 动画速度倍数（越高越快）。 */
+        this.speed = 1;
+        /** Whether the animation is currently playing. 动画是否正在播放。 */
+        this.play = true;
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: block;
+        overflow: hidden;
+        border-radius: var(--aithe-container-radius-xl);
+        background: var(--aithe-color-surface-elevated);
+      }
+
+      img {
+        width: 100%;
+        height: auto;
+        display: block;
+        transform-origin: center;
+        animation-name: aithe-pan-zoom;
+        animation-timing-function: ease-in-out;
+        animation-direction: alternate;
+        animation-fill-mode: both;
+      }
+
+      @keyframes aithe-pan-zoom {
+        from {
+          transform: scale(1) translate3d(0, 0, 0);
+        }
+        to {
+          transform: scale(1.08) translate3d(1.5%, -1.5%, 0);
+        }
+      }
+    `,
+    ]; }
+    render() {
+        if (!this.src) {
+            return html `
+        <slot></slot>
+      `;
+        }
+        const duration = `${6 / Math.max(0.25, this.speed)}s`;
+        const iterationCount = this.loop ? 'infinite' : '1';
+        const playState = this.play ? 'running' : 'paused';
+        return html `
+      <img
+        src=${this.src}
+        alt=""
+        style=${`animation-duration:${duration};animation-iteration-count:${iterationCount};animation-play-state:${playState};`}
+      />
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheAnimatedImage.prototype, "src", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheAnimatedImage.prototype, "loop", void 0);
+__decorate([
+    property({ type: Number })
+], AitheAnimatedImage.prototype, "speed", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheAnimatedImage.prototype, "play", void 0);
+AitheAnimatedImage = __decorate([
+    customElement('aithe-animated-image')
+], AitheAnimatedImage);
+export { AitheAnimatedImage };

package/dist/components/display/autoview.d.ts

@@ -0,0 +1,139 @@
+/**
+ * @file JSON-driven read-only auto view / JSON 驱动的只读自动视图
+ * @description Renders a read-only detail view from a FormFieldConfig JSON array and a data object.
+ *              Built as a thin adapter on top of <aithe-desc>: parses the field config, resolves
+ *              dependency-based visibility, transforms values per control type, and injects
+ *              type-aware read-only content into <aithe-desc-item> slots.
+ *              基于 <aithe-desc> 的轻量适配器：解析字段配置，解析依赖联动显隐，
+ *              按控件类型转换值，将类型感知的只读内容注入 <aithe-desc-item> 的 slot。
+ */
+import { type TemplateResult } from 'lit';
+import { AitheElement } from '../../core/aithe-element';
+import './desc.js';
+import './label.js';
+import '../basic/tag.js';
+/**
+ * JSON-driven read-only detail view, the display-only counterpart of <aithe-autoform>.
+ * JSON 驱动的只读详情视图，<aithe-autoform> 的只读镜像。
+ *
+ * @description Shares the same FormFieldConfig model as autoform, rendering field values
+ *             as a structured description list. Supports dependency-based show/hide rules,
+ *             per-type read-only renderers (switch→badge, select→label lookup, etc.),
+ *             and custom renderers via ViewRegistry.
+ *             与 autoform 共用 FormFieldConfig 模型，将字段值渲染为结构化描述列表。
+ *             支持依赖联动显隐、按类型的只读渲染器（switch→徽章、select→label 反查等），
+ *             以及通过 ViewRegistry 注册的自定义渲染器。
+ *
+ * @slot title - Custom title content (passed through to desc). 自定义标题内容（透传给 desc）。
+ * @slot extra - Extra action content in the header (passed through to desc). 头部额外操作内容（透传给 desc）。
+ *
+ * @fires aithe-view-ready - Emitted after initial render with current visible values. 初始渲染完成后触发，携带当前可见字段值。
+ *
+ * @example
+ * ```html
+ * <aithe-autoview
+ *   fields='[
+ *     {"name":"username","type":"input","label":"用户名"},
+ *     {"name":"role","type":"select","label":"角色",
+ *      "options":[{"label":"管理员","id":"admin"}]},
+ *     {"name":"active","type":"switch","label":"状态"}
+ *   ]'
+ *   .data=${{username:"张三",role:"admin",active:true}}
+ *   column="2"
+ *   border
+ * ></aithe-autoview>
+ * ```
+ */
+export declare class AitheAutoView extends AitheElement {
+    /**
+     * JSON string of field configuration array. Same model as autoform's `fields`.
+     * 字段配置数组的 JSON 字符串，与 autoform 的 `fields` 模型一致。
+     */
+    fields: string;
+    /**
+     * Display data object. Values are keyed by field name.
+     * Supports passing an object directly or a JSON string.
+     * 展示数据对象，按字段名取值。支持直接传对象或 JSON 字符串。
+     */
+    data: Record<string, unknown> | string;
+    /** Number of columns in the grid layout. Passed to desc. 网格列数，透传给 desc。 */
+    column: number;
+    /** Whether to show borders. Passed to desc. 是否显示边框，透传给 desc。 */
+    border: boolean;
+    /** Border style: 'none' / 'full' / 'row'. Passed to desc. 边框样式，透传给 desc。 */
+    borderStyle: 'none' | 'full' | 'row';
+    /** Label background style: 'filled' / 'none'. Passed to desc. 标签背景样式，透传给 desc。 */
+    labelBackground: 'filled' | 'none';
+    /** Layout direction. Passed to desc. 布局方向，透传给 desc。 */
+    direction: 'horizontal' | 'vertical';
+    /** Label cell width. Passed to desc. 标签单元格宽度，透传给 desc。 */
+    labelWidth: string;
+    /** Size preset. Passed to desc. 尺寸规格，透传给 desc。 */
+    size: 'sm' | 'md' | 'lg';
+    /** Title text in the header. Passed to desc. 头部标题文本，透传给 desc。 */
+    title: string;
+    /** Whether to show the title header. When false, the header row is hidden even if title or extra slot is set. Passed to desc. 是否显示标题头。为 false 时隐藏标题行，即使设置了 title 或 extra slot 也不显示，透传给 desc。 */
+    showTitle: boolean;
+    /** Max visible rows. 0 means no limit. Passed to desc. 最大可见行数，0 表示不限制，透传给 desc。 */
+    maxRows: number;
+    /** Global empty value placeholder. Falls back to i18n. 全局空值占位文本，回退到 i18n。 */
+    emptyText: string;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    private get _data();
+    private get _emptyText();
+    /**
+     * Returns the values of all visible fields.
+     * 返回所有可见字段的值。
+     */
+    getValues(): Record<string, unknown>;
+    /** Parses the fields JSON string into a typed array with fallback sanitization. 解析 fields JSON 字符串为类型化数组，含容错。 */
+    private parseFields;
+    /** Normalizes options from JSON string or array. 将 options 从 JSON 字符串或数组统一为数组。 */
+    private normalizeOptions;
+    /** Normalizes dependency rules, parsing options for 'update' type rules. 规范化依赖规则。 */
+    private normalizeRules;
+    /**
+     * Evaluates show/hide rules to determine field visibility.
+     * Only 'show' and 'hide' rule types are honored in read-only mode;
+     * disable/enable/clear/update are ignored.
+     * 评估 show/hide 规则决定字段可见性。
+     * 只读模式下仅生效 show/hide，忽略 disable/enable/clear/update。
+     */
+    private isVisible;
+    /** Resolves the raw string value for a field from data or default. 从 data 或缺省值解析字段的原始字符串值。 */
+    private resolveRawValue;
+    /** Transforms the raw string value into its typed display value. 将原始字符串值转换为类型化的展示值。 */
+    private transformValue;
+    /** Renders the type-aware read-only content for a field. 渲染字段的类型感知只读内容。 */
+    private renderContent;
+    /** Renders one of the built-in read-only views by control type. 按控件类型渲染内置只读视图。 */
+    private renderBuiltin;
+    /** Renders a filter-formatted text value. 渲染过滤器格式化后的文本值。 */
+    private renderFiltered;
+    /** Renders the label of a matched option for select/radio. 渲染 select/radio 匹配选项的 label。 */
+    private renderOptionLabel;
+    /** Renders multiple tags for checkbox values. 渲染 checkbox 多值的标签组。 */
+    private renderCheckboxTags;
+    /** Renders a yes/no tag for switch. 渲染 switch 的 是/否 标签。 */
+    private renderSwitch;
+    /** Renders a formatted date value. 渲染格式化日期值。 */
+    private renderDate;
+    /** Renders a color chip plus hex text. 渲染色块及色值文本。 */
+    private renderColor;
+    /** Renders a plain text value with empty fallback. 渲染纯文本值，空值回退。 */
+    private renderPlain;
+    render(): TemplateResult;
+    /** Renders a single desc-item with type-aware content. 渲染单个 desc-item 及其类型感知内容。 */
+    private renderItem;
+    /**
+     * Emits `aithe-view-ready` after the first render with the values of all visible fields.
+     * 初始渲染完成后发射 `aithe-view-ready`，携带所有可见字段的值。
+     */
+    firstUpdated(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'aithe-autoview': AitheAutoView;
+    }
+}
+//# sourceMappingURL=autoview.d.ts.map

package/dist/components/display/autoview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoview.d.ts","sourceRoot":"","sources":["../../../src/components/display/autoview.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQnD,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBACa,aAAc,SAAQ,YAAY;IAC7C;;;OAGG;IACyB,MAAM,SAAQ;IAE1C;;;;OAIG;IACyB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAM;IAExE,2EAA2E;IAC/C,MAAM,SAAK;IAEvC,gEAAgE;IACnC,MAAM,UAAQ;IAE3C,4EAA4E;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAErG,kFAAkF;IACvB,eAAe,EAAE,QAAQ,GAAG,MAAM,CAAY;IAEzG,uDAAuD;IAC3B,SAAS,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEhF,0DAA0D;IACJ,UAAU,SAAW;IAE3E,kDAAkD;IACb,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAErE,iEAAiE;IACrC,KAAK,SAAM;IAEvC,gMAAgM;IAC1I,SAAS,UAAQ;IAEvE,mFAAmF;IAChC,OAAO,SAAK;IAE/D,6EAA6E;IACxB,SAAS,SAAM;IAEpE,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA2CpB;IAEF,OAAO,KAAK,KAAK,GAWhB;IAED,OAAO,KAAK,UAAU,GAErB;IAED;;;OAGG;IACH,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAapC,iHAAiH;IACjH,OAAO,CAAC,WAAW;IAcnB,kFAAkF;IAClF,OAAO,CAAC,gBAAgB;IAaxB,qFAAqF;IACrF,OAAO,CAAC,cAAc;IAWtB;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IAmBjB,8FAA8F;IAC9F,OAAO,CAAC,eAAe;IAWvB,uFAAuF;IACvF,OAAO,CAAC,cAAc;IAsBtB,2EAA2E;IAC3E,OAAO,CAAC,aAAa;IAgBrB,kFAAkF;IAClF,OAAO,CAAC,aAAa;IAgCrB,4DAA4D;IAC5D,OAAO,CAAC,cAAc;IAMtB,2FAA2F;IAC3F,OAAO,CAAC,iBAAiB;IAKzB,qEAAqE;IACrE,OAAO,CAAC,kBAAkB;IAW1B,2DAA2D;IAC3D,OAAO,CAAC,YAAY;IAOpB,gDAAgD;IAChD,OAAO,CAAC,UAAU;IAMlB,qDAAqD;IACrD,OAAO,CAAC,WAAW;IAQnB,mEAAmE;IACnE,OAAO,CAAC,WAAW;IAMV,MAAM,IAAI,cAAc;IAwBjC,mFAAmF;IACnF,OAAO,CAAC,UAAU;IAgBlB;;;OAGG;IACM,YAAY,IAAI,IAAI;CAG9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}