@aithe/aithe-ui 26.3.1 → 26.3.2

package/dist/apps/demo/pages/autoform.js

@@ -71,6 +71,16 @@ const basicFields = [
         pattern: String.raw `^[^\s@]+@[^\s@]+\.[^\s@]+$`,
         message: 'Please enter a valid email',
     },
+    {
+        name: 'password',
+        type: 'input',
+        label: 'Password',
+        icon: 'lock',
+        required: true,
+        placeholder: 'Enter your password',
+        inputType: 'password',
+        message: 'Password is required',
+    },
     {
         name: 'bio',
         type: 'textarea',

package/dist/apps/demo/pages/autoview.d.ts

@@ -0,0 +1,3 @@
+import type { DemoPage } from '../editor';
+export declare const autoViewPage: DemoPage;
+//# sourceMappingURL=autoview.d.ts.map

package/dist/apps/demo/pages/autoview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoview.d.ts","sourceRoot":"","sources":["../../../../src/apps/demo/pages/autoview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAiQ1C,eAAO,MAAM,YAAY,EAAE,QA8E1B,CAAC"}

package/dist/apps/demo/pages/autoview.js

@@ -0,0 +1,310 @@
+import { t } from '../../../styles/i18n';
+function setupAutoView(fieldsJson, data) {
+    return (root) => {
+        const view = root.querySelector('aithe-autoview');
+        if (view) {
+            view.fields = JSON.stringify(fieldsJson);
+            view.data = data;
+        }
+    };
+}
+function formatDisplayCode(fieldsJson, data) {
+    return `// fields\n${JSON.stringify(fieldsJson, null, 2)}\n\n// data\n${JSON.stringify(data, null, 2)}`;
+}
+const basicFields = [
+    { name: 'username', type: 'input', label: 'Username' },
+    { name: 'email', type: 'input', label: 'Email', inputType: 'email' },
+    { name: 'bio', type: 'textarea', label: 'Bio', span: 2 },
+];
+const basicData = {
+    username: 'John Doe',
+    email: 'john@example.com',
+    bio: 'Frontend engineer who loves building design systems and Web Components.',
+};
+const selectionFields = [
+    {
+        name: 'role',
+        type: 'select',
+        label: 'Role',
+        options: [
+            { label: 'Admin', id: 'admin' },
+            { label: 'Editor', id: 'editor' },
+            { label: 'Viewer', id: 'viewer' },
+        ],
+    },
+    {
+        name: 'department',
+        type: 'radio',
+        label: 'Department',
+        options: [
+            { label: 'Engineering', id: 'eng' },
+            { label: 'Design', id: 'design' },
+            { label: 'Marketing', id: 'marketing' },
+        ],
+    },
+    {
+        name: 'skills',
+        type: 'checkbox',
+        label: 'Skills',
+        options: [
+            { label: 'TypeScript', id: 'ts' },
+            { label: 'Python', id: 'py' },
+            { label: 'Go', id: 'go' },
+            { label: 'Rust', id: 'rs' },
+        ],
+    },
+    { name: 'notifications', type: 'switch', label: 'Notifications' },
+];
+const selectionData = {
+    role: 'editor',
+    department: 'design',
+    skills: ['ts', 'go'],
+    notifications: true,
+};
+const advancedFields = [
+    { name: 'priority', type: 'slider', label: 'Priority' },
+    { name: 'satisfaction', type: 'rate', label: 'Satisfaction' },
+    { name: 'theme', type: 'color-picker', label: 'Brand Color' },
+    { name: 'startDate', type: 'date-picker', label: 'Start Date', filter: 'date yyyy-MM-dd' },
+    { name: 'deadline', type: 'time-picker', label: 'Deadline' },
+    {
+        name: 'tags',
+        type: 'combobox',
+        label: 'Tags',
+        options: [
+            { label: 'Bug', id: 'bug' },
+            { label: 'Feature', id: 'feature' },
+            { label: 'Improvement', id: 'improvement' },
+        ],
+    },
+];
+const advancedData = {
+    priority: '7',
+    satisfaction: '4',
+    theme: '#4d8dff',
+    startDate: '2026-08-31',
+    deadline: '18:30',
+    tags: 'feature',
+};
+const dependencyFields = [
+    {
+        name: 'province',
+        type: 'select',
+        label: 'Province',
+        options: [
+            { label: 'Beijing', id: 'BJ' },
+            { label: 'Shanghai', id: 'SH' },
+            { label: 'Guangdong', id: 'GD' },
+        ],
+    },
+    {
+        name: 'city',
+        type: 'select',
+        label: 'City',
+        dependencies: ['province'],
+        rules: [
+            { type: 'show', condition: "province !== ''" },
+            {
+                type: 'update',
+                condition: "province === 'BJ'",
+                options: [
+                    { label: 'Haidian', id: 'hd' },
+                    { label: 'Chaoyang', id: 'cy' },
+                ],
+            },
+            {
+                type: 'update',
+                condition: "province === 'SH'",
+                options: [
+                    { label: 'Pudong', id: 'pd' },
+                    { label: "Jing'an", id: 'ja' },
+                ],
+            },
+            {
+                type: 'update',
+                condition: "province === 'GD'",
+                options: [
+                    { label: 'Guangzhou', id: 'gz' },
+                    { label: 'Shenzhen', id: 'sz' },
+                ],
+            },
+        ],
+    },
+    { name: 'hasCar', type: 'switch', label: 'Has a car?' },
+    {
+        name: 'carModel',
+        type: 'input',
+        label: 'Car Model',
+        dependencies: ['hasCar'],
+        rules: [{ type: 'show', condition: 'hasCar === true' }],
+    },
+];
+const dependencyData = {
+    province: 'BJ',
+    city: 'hd',
+    hasCar: true,
+    carModel: 'Tesla Model 3',
+};
+const fullFields = [
+    { name: 'fullName', type: 'input', label: 'Full Name' },
+    { name: 'email', type: 'input', label: 'Email', inputType: 'email' },
+    { name: 'phone', type: 'input', label: 'Phone', inputType: 'tel' },
+    {
+        name: 'role',
+        type: 'select',
+        label: 'Role',
+        options: [
+            { label: 'Developer', id: 'dev' },
+            { label: 'Designer', id: 'design' },
+            { label: 'Manager', id: 'mgr' },
+        ],
+    },
+    { name: 'experience', type: 'slider', label: 'Years of Experience' },
+    { name: 'rating', type: 'rate', label: 'Self Rating' },
+    { name: 'theme', type: 'color-picker', label: 'Favorite Color' },
+    { name: 'startDate', type: 'date-picker', label: 'Start Date', filter: 'date yyyy-MM-dd' },
+    { name: 'remote', type: 'switch', label: 'Remote Work' },
+    {
+        name: 'skills',
+        type: 'checkbox',
+        label: 'Skills',
+        options: [
+            { label: 'Frontend', id: 'fe' },
+            { label: 'Backend', id: 'be' },
+            { label: 'DevOps', id: 'ops' },
+            { label: 'Data', id: 'data' },
+        ],
+    },
+    {
+        name: 'team',
+        type: 'radio',
+        label: 'Team',
+        options: [
+            { label: 'Alpha', id: 'alpha' },
+            { label: 'Beta', id: 'beta' },
+            { label: 'Gamma', id: 'gamma' },
+        ],
+    },
+    { name: 'notes', type: 'textarea', label: 'Additional Notes', span: 2 },
+];
+const fullData = {
+    fullName: 'Jane Smith',
+    email: 'jane@company.com',
+    phone: '+1 555-0123',
+    role: 'dev',
+    experience: '5',
+    rating: '4',
+    theme: '#1677ff',
+    startDate: '2026-03-15',
+    remote: true,
+    skills: ['fe', 'be'],
+    team: 'beta',
+    notes: 'Passionate about building accessible and performant web applications.',
+};
+const emptyFields = [
+    { name: 'username', type: 'input', label: 'Username' },
+    { name: 'role', type: 'select', label: 'Role', options: [{ label: 'Admin', id: 'admin' }] },
+    { name: 'active', type: 'switch', label: 'Active' },
+    { name: 'createdAt', type: 'date-picker', label: 'Created At', filter: 'date yyyy-MM-dd' },
+];
+const emptyData = {
+    username: '',
+    role: '',
+    active: false,
+    createdAt: '',
+};
+const borderStyleFields = [
+    { name: 'name', type: 'input', label: 'Name' },
+    { name: 'department', type: 'input', label: 'Department' },
+    { name: 'position', type: 'input', label: 'Position' },
+    { name: 'email', type: 'input', label: 'Email', inputType: 'email' },
+    { name: 'phone', type: 'input', label: 'Phone', inputType: 'tel' },
+    { name: 'location', type: 'input', label: 'Location' },
+];
+const borderStyleData = {
+    name: 'Jane Smith',
+    department: 'Engineering',
+    position: 'Senior Frontend Engineer',
+    email: 'jane@company.com',
+    phone: '+1 555-0123',
+    location: 'San Francisco, CA',
+};
+export const autoViewPage = {
+    key: 'autoview',
+    title: () => t('demo.autoView.title'),
+    description: () => t('demo.autoView.description'),
+    examples: [
+        {
+            title: () => t('demo.autoView.basic.title'),
+            description: () => t('demo.autoView.basic.description'),
+            code: '<aithe-autoview column="2" border></aithe-autoview>',
+            displayCode: formatDisplayCode(basicFields, basicData),
+            setup: setupAutoView(basicFields, basicData),
+            previewHeight: '240px',
+        },
+        {
+            title: () => t('demo.autoView.selection.title'),
+            description: () => t('demo.autoView.selection.description'),
+            code: '<aithe-autoview column="2" border></aithe-autoview>',
+            displayCode: formatDisplayCode(selectionFields, selectionData),
+            setup: setupAutoView(selectionFields, selectionData),
+            previewHeight: '280px',
+        },
+        {
+            title: () => t('demo.autoView.advanced.title'),
+            description: () => t('demo.autoView.advanced.description'),
+            code: '<aithe-autoview column="2" border></aithe-autoview>',
+            displayCode: formatDisplayCode(advancedFields, advancedData),
+            setup: setupAutoView(advancedFields, advancedData),
+            previewHeight: '320px',
+        },
+        {
+            title: () => t('demo.autoView.dependency.title'),
+            description: () => t('demo.autoView.dependency.description'),
+            code: '<aithe-autoview column="2" border></aithe-autoview>',
+            displayCode: formatDisplayCode(dependencyFields, dependencyData),
+            setup: setupAutoView(dependencyFields, dependencyData),
+            previewHeight: '280px',
+        },
+        {
+            title: () => t('demo.autoView.full.title'),
+            description: () => t('demo.autoView.full.description'),
+            code: '<aithe-autoview column="2" border title="Employee Profile"></aithe-autoview>',
+            displayCode: formatDisplayCode(fullFields, fullData),
+            setup: setupAutoView(fullFields, fullData),
+            previewHeight: '520px',
+        },
+        {
+            title: () => t('demo.autoView.empty.title'),
+            description: () => t('demo.autoView.empty.description'),
+            code: '<aithe-autoview column="2" border></aithe-autoview>',
+            displayCode: formatDisplayCode(emptyFields, emptyData),
+            setup: setupAutoView(emptyFields, emptyData),
+            previewHeight: '200px',
+        },
+        {
+            title: () => t('demo.autoView.borderNone.title'),
+            description: () => t('demo.autoView.borderNone.description'),
+            code: '<aithe-autoview column="2" border-style="none" label-background="none"></aithe-autoview>',
+            displayCode: formatDisplayCode(borderStyleFields, borderStyleData),
+            setup: setupAutoView(borderStyleFields, borderStyleData),
+            previewHeight: '240px',
+        },
+        {
+            title: () => t('demo.autoView.borderFull.title'),
+            description: () => t('demo.autoView.borderFull.description'),
+            code: '<aithe-autoview column="2" border-style="full" label-background="filled"></aithe-autoview>',
+            displayCode: formatDisplayCode(borderStyleFields, borderStyleData),
+            setup: setupAutoView(borderStyleFields, borderStyleData),
+            previewHeight: '240px',
+        },
+        {
+            title: () => t('demo.autoView.borderRow.title'),
+            description: () => t('demo.autoView.borderRow.description'),
+            code: '<aithe-autoview column="2" border-style="row" label-background="none"></aithe-autoview>',
+            displayCode: formatDisplayCode(borderStyleFields, borderStyleData),
+            setup: setupAutoView(borderStyleFields, borderStyleData),
+            previewHeight: '240px',
+        },
+    ],
+};

package/dist/apps/demo/pages/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/apps/demo/pages/form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG1C,eAAO,MAAM,QAAQ,EAAE,QAiGtB,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/apps/demo/pages/form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG1C,eAAO,MAAM,QAAQ,EAAE,QAqHtB,CAAC"}

package/dist/apps/demo/pages/form.js

@@ -39,6 +39,26 @@ export const formPage = {
      options='[{"label":"A/B Test","id":"ab-test","icon":"barChart"},{"label":"Assistant Shell","id":"assistant-shell","icon":"terminal"},{"label":"Retrieval QA","id":"retrieval-qa","icon":"search","intent":"primary"},{"label":"Workflow Editor","id":"workflow-editor","icon":"edit","intent":"warning"}]'
   ></aithe-combobox>
   <aithe-switch checked></aithe-switch>
+</div>`,
+        },
+        {
+            title: () => 'Grouped Select & Combobox',
+            description: () => 'Options with a `group` field are automatically grouped under a header. 带 group 字段的选项会自动按分组标题展示。',
+            code: `<div style="display:grid;gap:16px;max-width:420px;">
+  <aithe-select
+    title="Region selector"
+    icon="globe"
+    placeholder="Choose a city"
+    clearable
+    searchable
+    options='[{"label":"上海","id":"sh","group":"华东"},{"label":"杭州","id":"hz","group":"华东"},{"label":"北京","id":"bj","group":"华北"},{"label":"天津","id":"tj","group":"华北"},{"label":"广州","id":"gz","group":"华南"},{"label":"深圳","id":"sz","group":"华南"}]'
+  ></aithe-select>
+  <aithe-combobox
+    title="Preset search"
+    icon="search"
+    placeholder="Search presets"
+    options='[{"label":"A/B Test","id":"ab-test","group":"Analytics","icon":"barChart"},{"label":"Funnel","id":"funnel","group":"Analytics","icon":"filter"},{"label":"Assistant Shell","id":"assistant-shell","group":"Automation","icon":"terminal"},{"label":"Workflow Editor","id":"workflow-editor","group":"Automation","icon":"edit"}]'
+  ></aithe-combobox>
 </div>`,
         },
         {

package/dist/components/data/tree-menu.js

@@ -250,7 +250,6 @@ let AitheTreeMenu = class AitheTreeMenu extends AitheElement {
 
       .group-toggle.active {
         color: var(--aithe-color-text);
-        background: var(--aithe-color-surface-muted);
       }
 
       .group-toggle:hover:not(:disabled) {
@@ -287,6 +286,7 @@ let AitheTreeMenu = class AitheTreeMenu extends AitheElement {
         display: grid;
         gap: var(--aithe-space-2);
         padding-left: var(--aithe-space-4);
+        padding-top: var(--aithe-space-2);
       }
 
       .horizontal .children {

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"}