@cdevhub/ngx-tw 0.2.0

package/fesm2022/cdevhub-ngx-tw-menu.mjs

@@ -0,0 +1,433 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, Directive, inject, effect, output } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenu, CdkMenuTrigger, CdkContextMenuTrigger, CdkMenuItem, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuGroup } from '@angular/cdk/menu';
+import { tv } from 'tailwind-variants';
+
+// ── Variant configs ──
+const menuVariants = tv({
+    base: 'min-w-48 flex flex-col max-h-96 rounded-lg bg-surface-overlay border border-border shadow-md overflow-y-auto text-fg',
+    variants: {
+        // Menu panels intentionally use sub-`p-1` padding at xs/sm because items
+        // carry their own inline padding — the codified `p-2`/`p-3`/`p-4` container
+        // scale would over-pad the panel gutter. The size axis here scales the panel
+        // border-to-item gap only, not item density.
+        size: {
+            xs: 'p-0.5 [&>tw-separator]:-mx-0.5 [&>tw-separator]:my-0.5',
+            sm: 'p-0.5 [&>tw-separator]:-mx-0.5 [&>tw-separator]:my-0.5',
+            md: 'p-1 [&>tw-separator]:-mx-1 [&>tw-separator]:my-1',
+            lg: 'p-1.5 [&>tw-separator]:-mx-1.5 [&>tw-separator]:my-1',
+            xl: 'p-2 [&>tw-separator]:-mx-2 [&>tw-separator]:my-1',
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+// Menu items use the codified menu-item focus carve-out: `focus-visible:bg-surface-muted`
+// (and color-tinted equivalents below) in place of the canonical outline ring. See the
+// "Focus Rings → Menu-item carve-out" section in CLAUDE.md.
+const menuItemVariants = tv({
+    base: 'relative flex w-full flex-wrap items-center gap-2 rounded-md cursor-pointer select-none transition-colors duration-normal motion-reduce:transition-none text-fg outline-none focus-visible:bg-surface-muted hover:bg-surface-muted',
+    variants: {
+        size: {
+            xs: 'px-1.5 py-0.5 text-xs',
+            sm: 'px-2 py-1 text-xs',
+            md: 'px-3 py-1.5 text-sm',
+            lg: 'px-4 py-2 text-sm',
+            xl: 'px-5 py-2.5 text-base',
+        },
+        // Slot tokens own light/dark contrast — no `dark:`, no shade picks.
+        // `undefined` (the default) leaves the base text-fg styling untouched.
+        color: {
+            primary: 'text-primary-fg hover:bg-primary-soft focus-visible:bg-primary-soft',
+            secondary: 'text-secondary-fg hover:bg-secondary-soft focus-visible:bg-secondary-soft',
+            accent: 'text-accent-fg hover:bg-accent-soft focus-visible:bg-accent-soft',
+            info: 'text-info-fg hover:bg-info-soft focus-visible:bg-info-soft',
+            success: 'text-success-fg hover:bg-success-soft focus-visible:bg-success-soft',
+            warning: 'text-warning-fg hover:bg-warning-soft focus-visible:bg-warning-soft',
+            error: 'text-error-fg hover:bg-error-soft focus-visible:bg-error-soft',
+            neutral: 'text-fg-muted hover:bg-surface-muted focus-visible:bg-surface-muted',
+        },
+        // `cursor-not-allowed` is layered so a programmatically-focused disabled item
+        // still reads as disabled — `pointer-events-none` blocks pointer activation, but
+        // the cursor cue communicates the state if focus lands here via CDK's own paths.
+        // CDK's `FocusableOption` honours `cdkItem.disabled` (synced via the effect below)
+        // and skips disabled items in keyboard navigation automatically.
+        disabled: {
+            true: 'opacity-50 pointer-events-none cursor-not-allowed',
+        },
+    },
+    defaultVariants: { size: 'md', disabled: false },
+}, { twMerge: true });
+const menuItemIconVariants = tv({
+    base: 'shrink-0 text-fg-muted',
+    variants: {
+        size: {
+            xs: 'size-4',
+            sm: 'size-4',
+            md: 'size-4',
+            lg: 'size-5',
+            xl: 'size-5',
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+const menuItemIndicatorVariants = tv({
+    base: 'shrink-0 flex items-center justify-center',
+    variants: {
+        size: {
+            xs: 'size-4',
+            sm: 'size-4',
+            md: 'size-4',
+            lg: 'size-5',
+            xl: 'size-5',
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+// Submenu indicator (trailing chevron). Keeps the `ml-auto pl-2` layout intent
+// separate from the leading-icon scale; size axis follows the glyph scale per
+// CLAUDE.md "Icon Sizing" so the chevron scales with the parent menu's density.
+const menuItemSubmenuIndicatorVariants = tv({
+    base: 'ml-auto pl-2 shrink-0 text-fg-muted',
+    variants: {
+        size: {
+            xs: 'size-3',
+            sm: 'size-4',
+            md: 'size-4',
+            lg: 'size-5',
+            xl: 'size-5',
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+// ── MenuComponent ──
+class MenuComponent {
+    /** Controls item density and padding. Defaults to `'md'`. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Accessible label for the menu panel. Use when no visible heading describes the menu (e.g. a kebab-icon trigger). */
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    /** ID of an element that labels the menu panel. Ignored when `ariaLabel` is set. */
+    ariaLabelledBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    classes = computed(() => menuVariants({ size: this.size() }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: MenuComponent, isStandalone: true, selector: "tw-menu", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-label": "ariaLabel() ?? null", "attr.aria-labelledby": "ariaLabel() ? null : (ariaLabelledBy() ?? null)", "animate.enter": "\"scale-in\"", "animate.leave": "\"scale-out\"" } }, hostDirectives: [{ directive: i1.CdkMenu, outputs: ["closed", "closed"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-menu',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [
+                        {
+                            directive: CdkMenu,
+                            outputs: ['closed'],
+                        },
+                    ],
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.aria-label]': 'ariaLabel() ?? null',
+                        '[attr.aria-labelledby]': 'ariaLabel() ? null : (ariaLabelledBy() ?? null)',
+                        '[animate.enter]': '"scale-in"',
+                        '[animate.leave]': '"scale-out"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
+// ── MenuTriggerDirective ──
+class MenuTriggerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenuTriggerDirective, isStandalone: true, selector: "[twMenuTrigger]", hostDirectives: [{ directive: i1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "twMenuTrigger", "cdkMenuPosition", "position", "cdkMenuTriggerData", "data"], outputs: ["cdkMenuOpened", "opened", "cdkMenuClosed", "closed"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuTrigger]',
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuTrigger,
+                            inputs: [
+                                'cdkMenuTriggerFor: twMenuTrigger',
+                                // Forward CDK's positioning so consumers can anchor the menu (e.g. bottom-end vs bottom-start).
+                                // Accepts `ConnectedPosition[]` from `@angular/cdk/overlay`.
+                                'cdkMenuPosition: position',
+                                // Forward menu context data so consumers can parameterise the template.
+                                'cdkMenuTriggerData: data',
+                            ],
+                            outputs: ['cdkMenuOpened: opened', 'cdkMenuClosed: closed'],
+                        },
+                    ],
+                }]
+        }] });
+// ── ContextMenuTriggerDirective ──
+class ContextMenuTriggerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ContextMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ContextMenuTriggerDirective, isStandalone: true, selector: "[twContextMenuTrigger]", hostDirectives: [{ directive: i1.CdkContextMenuTrigger, inputs: ["cdkContextMenuTriggerFor", "twContextMenuTrigger", "cdkContextMenuDisabled", "disabled", "cdkContextMenuPosition", "position", "cdkContextMenuTriggerData", "data"], outputs: ["cdkContextMenuOpened", "opened", "cdkContextMenuClosed", "closed"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ContextMenuTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twContextMenuTrigger]',
+                    hostDirectives: [
+                        {
+                            directive: CdkContextMenuTrigger,
+                            inputs: [
+                                'cdkContextMenuTriggerFor: twContextMenuTrigger',
+                                'cdkContextMenuDisabled: disabled',
+                                // Context menus open at pointer coordinates; `position` here tunes the
+                                // `ConnectedPosition[]` fallback list once CDK has anchored the overlay.
+                                'cdkContextMenuPosition: position',
+                                'cdkContextMenuTriggerData: data',
+                            ],
+                            outputs: ['cdkContextMenuOpened: opened', 'cdkContextMenuClosed: closed'],
+                        },
+                    ],
+                }]
+        }] });
+// ── MenuItemDirective ──
+class MenuItemDirective {
+    /**
+     * Semantic role tint applied to the item. Use `'error'` for destructive actions.
+     * Defaults to `undefined` — no role tint is applied and the item inherits the
+     * base `text-fg` styling at full prominence; `'neutral'` (the explicit muted
+     * variant) is a distinct value with `text-fg-muted` + `bg-surface-muted` hovers.
+     */
+    color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    /** Whether this item is disabled. Defaults to `false`. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    menu = inject(MenuComponent, { optional: true });
+    cdkItem = inject(CdkMenuItem);
+    constructor() {
+        // Single source of truth: the local `disabled` signal drives both visual state
+        // and the underlying CDK directive's behavior (`disabled` is a plain property on CDK).
+        effect(() => {
+            this.cdkItem.disabled = this.disabled();
+        });
+    }
+    classes = computed(() => menuItemVariants({
+        size: this.menu?.size() ?? 'md',
+        color: this.color(),
+        disabled: this.disabled(),
+    }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: MenuItemDirective, isStandalone: true, selector: "[twMenuItem]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, hostDirectives: [{ directive: i1.CdkMenuItem, outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuItem]',
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItem,
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+// ── MenuItemCheckboxComponent ──
+class MenuItemCheckboxComponent {
+    /** Whether this item is disabled. Defaults to `false`. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Fires when the item is activated, carrying the new `checked` value after CDK toggles it. */
+    checkedChange = output();
+    cdkCheckbox = inject(CdkMenuItemCheckbox);
+    menu = inject(MenuComponent, { optional: true });
+    resolvedSize = computed(() => this.menu?.size() ?? 'md', ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.cdkCheckbox.disabled = this.disabled();
+        });
+        // CDK fires `triggered` BEFORE updating `checked`; emit the post-toggle value.
+        this.cdkCheckbox.triggered
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => this.checkedChange.emit(!this.cdkCheckbox.checked));
+    }
+    classes = computed(() => menuItemVariants({
+        size: this.resolvedSize(),
+        disabled: this.disabled(),
+    }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    indicatorClasses = computed(() => menuItemIndicatorVariants({ size: this.resolvedSize() }), ...(ngDevMode ? [{ debugName: "indicatorClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MenuItemCheckboxComponent, isStandalone: true, selector: "[twMenuItemCheckbox]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class": "classes()" } }, hostDirectives: [{ directive: i1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemChecked", "checked"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `
+    <span [class]="indicatorClasses()">
+      @if (cdkCheckbox.checked) {
+        <svg class="size-full" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/>
+        </svg>
+      }
+    </span>
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[twMenuItemCheckbox]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItemCheckbox,
+                            inputs: ['cdkMenuItemChecked: checked'],
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `
+    <span [class]="indicatorClasses()">
+      @if (cdkCheckbox.checked) {
+        <svg class="size-full" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/>
+        </svg>
+      }
+    </span>
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }] } });
+// ── MenuItemRadioComponent ──
+class MenuItemRadioComponent {
+    /** Whether this item is disabled. Defaults to `false`. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Fires when the item is activated, carrying the new `checked` value after CDK selects it. */
+    checkedChange = output();
+    cdkRadio = inject(CdkMenuItemRadio);
+    menu = inject(MenuComponent, { optional: true });
+    resolvedSize = computed(() => this.menu?.size() ?? 'md', ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.cdkRadio.disabled = this.disabled();
+        });
+        // Radio activation always selects the item; emit `true` (the post-trigger checked state).
+        this.cdkRadio.triggered
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => this.checkedChange.emit(true));
+    }
+    classes = computed(() => menuItemVariants({
+        size: this.resolvedSize(),
+        disabled: this.disabled(),
+    }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    indicatorClasses = computed(() => menuItemIndicatorVariants({ size: this.resolvedSize() }), ...(ngDevMode ? [{ debugName: "indicatorClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MenuItemRadioComponent, isStandalone: true, selector: "[twMenuItemRadio]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class": "classes()" } }, hostDirectives: [{ directive: i1.CdkMenuItemRadio, inputs: ["cdkMenuItemChecked", "checked"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `
+    <span [class]="indicatorClasses()">
+      @if (cdkRadio.checked) {
+        <svg class="size-full" viewBox="0 0 20 20" fill="currentColor">
+          <circle cx="10" cy="10" r="5"/>
+        </svg>
+      }
+    </span>
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemRadioComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[twMenuItemRadio]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItemRadio,
+                            inputs: ['cdkMenuItemChecked: checked'],
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `
+    <span [class]="indicatorClasses()">
+      @if (cdkRadio.checked) {
+        <svg class="size-full" viewBox="0 0 20 20" fill="currentColor">
+          <circle cx="10" cy="10" r="5"/>
+        </svg>
+      }
+    </span>
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }] } });
+// ── MenuGroupDirective ──
+class MenuGroupDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenuGroupDirective, isStandalone: true, selector: "[twMenuGroup]", hostDirectives: [{ directive: i1.CdkMenuGroup }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuGroup]',
+                    hostDirectives: [CdkMenuGroup],
+                }]
+        }] });
+// ── Content directives ──
+/** Styles a leading icon inside a menu item. */
+class MenuItemIconDirective {
+    menu = inject(MenuComponent, { optional: true });
+    classes = computed(() => menuItemIconVariants({ size: this.menu?.size() ?? 'md' }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenuItemIconDirective, isStandalone: true, selector: "[twMenuItemIcon]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuItemIcon]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }] });
+/** Styles secondary description text inside a menu item. */
+class MenuItemDescriptionDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenuItemDescriptionDirective, isStandalone: true, selector: "[twMenuItemDescription]", host: { classAttribute: "block text-xs text-fg-muted min-w-0 truncate order-last basis-full" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuItemDescription]',
+                    host: {
+                        class: 'block text-xs text-fg-muted min-w-0 truncate order-last basis-full',
+                    },
+                }]
+        }] });
+/** Right-aligns and mutes keyboard shortcut hint text. */
+class MenuItemShortcutDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemShortcutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenuItemShortcutDirective, isStandalone: true, selector: "[twMenuItemShortcut]", host: { classAttribute: "ml-auto pl-3 text-xs text-fg-subtle tracking-wide" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemShortcutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuItemShortcut]',
+                    host: {
+                        class: 'ml-auto pl-3 text-xs text-fg-subtle tracking-wide',
+                    },
+                }]
+        }] });
+/** Styles the trailing chevron for submenu triggers. */
+class MenuItemSubmenuIndicatorDirective {
+    menu = inject(MenuComponent, { optional: true });
+    classes = computed(() => menuItemSubmenuIndicatorVariants({ size: this.menu?.size() ?? 'md' }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemSubmenuIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenuItemSubmenuIndicatorDirective, isStandalone: true, selector: "[twMenuItemSubmenuIcon]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenuItemSubmenuIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twMenuItemSubmenuIcon]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ContextMenuTriggerDirective, MenuComponent, MenuGroupDirective, MenuItemCheckboxComponent, MenuItemDescriptionDirective, MenuItemDirective, MenuItemIconDirective, MenuItemRadioComponent, MenuItemShortcutDirective, MenuItemSubmenuIndicatorDirective, MenuTriggerDirective };
+//# sourceMappingURL=cdevhub-ngx-tw-menu.mjs.map

package/fesm2022/cdevhub-ngx-tw-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-menu.mjs","sources":["../../../projects/ngx-tw/menu/menu.ts","../../../projects/ngx-tw/menu/cdevhub-ngx-tw-menu.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  CdkContextMenuTrigger,\n  CdkMenu,\n  CdkMenuGroup,\n  CdkMenuItem,\n  CdkMenuItemCheckbox,\n  CdkMenuItemRadio,\n  CdkMenuTrigger,\n} from '@angular/cdk/menu';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor, TwSize } from '@cdevhub/ngx-tw/core';\n\n// ── Variant configs ──\n\nconst menuVariants = tv(\n  {\n    base: 'min-w-48 flex flex-col max-h-96 rounded-lg bg-surface-overlay border border-border shadow-md overflow-y-auto text-fg',\n    variants: {\n      // Menu panels intentionally use sub-`p-1` padding at xs/sm because items\n      // carry their own inline padding — the codified `p-2`/`p-3`/`p-4` container\n      // scale would over-pad the panel gutter. The size axis here scales the panel\n      // border-to-item gap only, not item density.\n      size: {\n        xs: 'p-0.5 [&>tw-separator]:-mx-0.5 [&>tw-separator]:my-0.5',\n        sm: 'p-0.5 [&>tw-separator]:-mx-0.5 [&>tw-separator]:my-0.5',\n        md: 'p-1 [&>tw-separator]:-mx-1 [&>tw-separator]:my-1',\n        lg: 'p-1.5 [&>tw-separator]:-mx-1.5 [&>tw-separator]:my-1',\n        xl: 'p-2 [&>tw-separator]:-mx-2 [&>tw-separator]:my-1',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n// Menu items use the codified menu-item focus carve-out: `focus-visible:bg-surface-muted`\n// (and color-tinted equivalents below) in place of the canonical outline ring. See the\n// \"Focus Rings → Menu-item carve-out\" section in CLAUDE.md.\nconst menuItemVariants = tv(\n  {\n    base: 'relative flex w-full flex-wrap items-center gap-2 rounded-md cursor-pointer select-none transition-colors duration-normal motion-reduce:transition-none text-fg outline-none focus-visible:bg-surface-muted hover:bg-surface-muted',\n    variants: {\n      size: {\n        xs: 'px-1.5 py-0.5 text-xs',\n        sm: 'px-2 py-1 text-xs',\n        md: 'px-3 py-1.5 text-sm',\n        lg: 'px-4 py-2 text-sm',\n        xl: 'px-5 py-2.5 text-base',\n      },\n      // Slot tokens own light/dark contrast — no `dark:`, no shade picks.\n      // `undefined` (the default) leaves the base text-fg styling untouched.\n      color: {\n        primary: 'text-primary-fg hover:bg-primary-soft focus-visible:bg-primary-soft',\n        secondary: 'text-secondary-fg hover:bg-secondary-soft focus-visible:bg-secondary-soft',\n        accent: 'text-accent-fg hover:bg-accent-soft focus-visible:bg-accent-soft',\n        info: 'text-info-fg hover:bg-info-soft focus-visible:bg-info-soft',\n        success: 'text-success-fg hover:bg-success-soft focus-visible:bg-success-soft',\n        warning: 'text-warning-fg hover:bg-warning-soft focus-visible:bg-warning-soft',\n        error: 'text-error-fg hover:bg-error-soft focus-visible:bg-error-soft',\n        neutral: 'text-fg-muted hover:bg-surface-muted focus-visible:bg-surface-muted',\n      },\n      // `cursor-not-allowed` is layered so a programmatically-focused disabled item\n      // still reads as disabled — `pointer-events-none` blocks pointer activation, but\n      // the cursor cue communicates the state if focus lands here via CDK's own paths.\n      // CDK's `FocusableOption` honours `cdkItem.disabled` (synced via the effect below)\n      // and skips disabled items in keyboard navigation automatically.\n      disabled: {\n        true: 'opacity-50 pointer-events-none cursor-not-allowed',\n      },\n    },\n    defaultVariants: { size: 'md', disabled: false },\n  },\n  { twMerge: true },\n);\n\nconst menuItemIconVariants = tv(\n  {\n    base: 'shrink-0 text-fg-muted',\n    variants: {\n      size: {\n        xs: 'size-4',\n        sm: 'size-4',\n        md: 'size-4',\n        lg: 'size-5',\n        xl: 'size-5',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\nconst menuItemIndicatorVariants = tv(\n  {\n    base: 'shrink-0 flex items-center justify-center',\n    variants: {\n      size: {\n        xs: 'size-4',\n        sm: 'size-4',\n        md: 'size-4',\n        lg: 'size-5',\n        xl: 'size-5',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n// Submenu indicator (trailing chevron). Keeps the `ml-auto pl-2` layout intent\n// separate from the leading-icon scale; size axis follows the glyph scale per\n// CLAUDE.md \"Icon Sizing\" so the chevron scales with the parent menu's density.\nconst menuItemSubmenuIndicatorVariants = tv(\n  {\n    base: 'ml-auto pl-2 shrink-0 text-fg-muted',\n    variants: {\n      size: {\n        xs: 'size-3',\n        sm: 'size-4',\n        md: 'size-4',\n        lg: 'size-5',\n        xl: 'size-5',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n// ── MenuComponent ──\n\n@Component({\n  selector: 'tw-menu',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenu,\n      outputs: ['closed'],\n    },\n  ],\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-label]': 'ariaLabel() ?? null',\n    '[attr.aria-labelledby]': 'ariaLabel() ? null : (ariaLabelledBy() ?? null)',\n    '[animate.enter]': '\"scale-in\"',\n    '[animate.leave]': '\"scale-out\"',\n  },\n  template: `<ng-content />`,\n})\nexport class MenuComponent {\n  /** Controls item density and padding. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** Accessible label for the menu panel. Use when no visible heading describes the menu (e.g. a kebab-icon trigger). */\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  /** ID of an element that labels the menu panel. Ignored when `ariaLabel` is set. */\n  readonly ariaLabelledBy = input<string | undefined>(undefined, { alias: 'aria-labelledby' });\n\n  readonly classes = computed(() => menuVariants({ size: this.size() }));\n}\n\n// ── MenuTriggerDirective ──\n\n@Directive({\n  selector: '[twMenuTrigger]',\n  hostDirectives: [\n    {\n      directive: CdkMenuTrigger,\n      inputs: [\n        'cdkMenuTriggerFor: twMenuTrigger',\n        // Forward CDK's positioning so consumers can anchor the menu (e.g. bottom-end vs bottom-start).\n        // Accepts `ConnectedPosition[]` from `@angular/cdk/overlay`.\n        'cdkMenuPosition: position',\n        // Forward menu context data so consumers can parameterise the template.\n        'cdkMenuTriggerData: data',\n      ],\n      outputs: ['cdkMenuOpened: opened', 'cdkMenuClosed: closed'],\n    },\n  ],\n})\nexport class MenuTriggerDirective {}\n\n// ── ContextMenuTriggerDirective ──\n\n@Directive({\n  selector: '[twContextMenuTrigger]',\n  hostDirectives: [\n    {\n      directive: CdkContextMenuTrigger,\n      inputs: [\n        'cdkContextMenuTriggerFor: twContextMenuTrigger',\n        'cdkContextMenuDisabled: disabled',\n        // Context menus open at pointer coordinates; `position` here tunes the\n        // `ConnectedPosition[]` fallback list once CDK has anchored the overlay.\n        'cdkContextMenuPosition: position',\n        'cdkContextMenuTriggerData: data',\n      ],\n      outputs: ['cdkContextMenuOpened: opened', 'cdkContextMenuClosed: closed'],\n    },\n  ],\n})\nexport class ContextMenuTriggerDirective {}\n\n// ── MenuItemDirective ──\n\n@Directive({\n  selector: '[twMenuItem]',\n  hostDirectives: [\n    {\n      directive: CdkMenuItem,\n      outputs: ['cdkMenuItemTriggered: triggered'],\n    },\n  ],\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class MenuItemDirective {\n  /**\n   * Semantic role tint applied to the item. Use `'error'` for destructive actions.\n   * Defaults to `undefined` — no role tint is applied and the item inherits the\n   * base `text-fg` styling at full prominence; `'neutral'` (the explicit muted\n   * variant) is a distinct value with `text-fg-muted` + `bg-surface-muted` hovers.\n   */\n  readonly color = input<TwColor | undefined>(undefined);\n\n  /** Whether this item is disabled. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  private readonly menu = inject(MenuComponent, { optional: true });\n  private readonly cdkItem = inject(CdkMenuItem);\n\n  constructor() {\n    // Single source of truth: the local `disabled` signal drives both visual state\n    // and the underlying CDK directive's behavior (`disabled` is a plain property on CDK).\n    effect(() => {\n      this.cdkItem.disabled = this.disabled();\n    });\n  }\n\n  readonly classes = computed(() =>\n    menuItemVariants({\n      size: this.menu?.size() ?? 'md',\n      color: this.color(),\n      disabled: this.disabled(),\n    }),\n  );\n}\n\n// ── MenuItemCheckboxComponent ──\n\n@Component({\n  selector: '[twMenuItemCheckbox]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItemCheckbox,\n      inputs: ['cdkMenuItemChecked: checked'],\n      outputs: ['cdkMenuItemTriggered: triggered'],\n    },\n  ],\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `\n    <span [class]=\"indicatorClasses()\">\n      @if (cdkCheckbox.checked) {\n        <svg class=\"size-full\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path fill-rule=\"evenodd\" d=\"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z\" clip-rule=\"evenodd\"/>\n        </svg>\n      }\n    </span>\n    <ng-content />\n  `,\n})\nexport class MenuItemCheckboxComponent {\n  /** Whether this item is disabled. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** Fires when the item is activated, carrying the new `checked` value after CDK toggles it. */\n  readonly checkedChange = output<boolean>();\n\n  protected readonly cdkCheckbox = inject(CdkMenuItemCheckbox);\n  private readonly menu = inject(MenuComponent, { optional: true });\n\n  private readonly resolvedSize = computed(() => this.menu?.size() ?? 'md');\n\n  constructor() {\n    effect(() => {\n      this.cdkCheckbox.disabled = this.disabled();\n    });\n    // CDK fires `triggered` BEFORE updating `checked`; emit the post-toggle value.\n    this.cdkCheckbox.triggered\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.checkedChange.emit(!this.cdkCheckbox.checked));\n  }\n\n  readonly classes = computed(() =>\n    menuItemVariants({\n      size: this.resolvedSize(),\n      disabled: this.disabled(),\n    }),\n  );\n\n  readonly indicatorClasses = computed(() =>\n    menuItemIndicatorVariants({ size: this.resolvedSize() }),\n  );\n}\n\n// ── MenuItemRadioComponent ──\n\n@Component({\n  selector: '[twMenuItemRadio]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItemRadio,\n      inputs: ['cdkMenuItemChecked: checked'],\n      outputs: ['cdkMenuItemTriggered: triggered'],\n    },\n  ],\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `\n    <span [class]=\"indicatorClasses()\">\n      @if (cdkRadio.checked) {\n        <svg class=\"size-full\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <circle cx=\"10\" cy=\"10\" r=\"5\"/>\n        </svg>\n      }\n    </span>\n    <ng-content />\n  `,\n})\nexport class MenuItemRadioComponent {\n  /** Whether this item is disabled. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** Fires when the item is activated, carrying the new `checked` value after CDK selects it. */\n  readonly checkedChange = output<boolean>();\n\n  protected readonly cdkRadio = inject(CdkMenuItemRadio);\n  private readonly menu = inject(MenuComponent, { optional: true });\n\n  private readonly resolvedSize = computed(() => this.menu?.size() ?? 'md');\n\n  constructor() {\n    effect(() => {\n      this.cdkRadio.disabled = this.disabled();\n    });\n    // Radio activation always selects the item; emit `true` (the post-trigger checked state).\n    this.cdkRadio.triggered\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.checkedChange.emit(true));\n  }\n\n  readonly classes = computed(() =>\n    menuItemVariants({\n      size: this.resolvedSize(),\n      disabled: this.disabled(),\n    }),\n  );\n\n  readonly indicatorClasses = computed(() =>\n    menuItemIndicatorVariants({ size: this.resolvedSize() }),\n  );\n}\n\n// ── MenuGroupDirective ──\n\n@Directive({\n  selector: '[twMenuGroup]',\n  hostDirectives: [CdkMenuGroup],\n})\nexport class MenuGroupDirective {}\n\n// ── Content directives ──\n\n/** Styles a leading icon inside a menu item. */\n@Directive({\n  selector: '[twMenuItemIcon]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class MenuItemIconDirective {\n  private readonly menu = inject(MenuComponent, { optional: true });\n\n  readonly classes = computed(() =>\n    menuItemIconVariants({ size: this.menu?.size() ?? 'md' }),\n  );\n}\n\n/** Styles secondary description text inside a menu item. */\n@Directive({\n  selector: '[twMenuItemDescription]',\n  host: {\n    class: 'block text-xs text-fg-muted min-w-0 truncate order-last basis-full',\n  },\n})\nexport class MenuItemDescriptionDirective {}\n\n/** Right-aligns and mutes keyboard shortcut hint text. */\n@Directive({\n  selector: '[twMenuItemShortcut]',\n  host: {\n    class: 'ml-auto pl-3 text-xs text-fg-subtle tracking-wide',\n  },\n})\nexport class MenuItemShortcutDirective {}\n\n/** Styles the trailing chevron for submenu triggers. */\n@Directive({\n  selector: '[twMenuItemSubmenuIcon]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class MenuItemSubmenuIndicatorDirective {\n  private readonly menu = inject(MenuComponent, { optional: true });\n\n  readonly classes = computed(() =>\n    menuItemSubmenuIndicatorVariants({ size: this.menu?.size() ?? 'md' }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAuBA;AAEA,MAAM,YAAY,GAAG,EAAE,CACrB;AACE,IAAA,IAAI,EAAE,sHAAsH;AAC5H,IAAA,QAAQ,EAAE;;;;;AAKR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,wDAAwD;AAC5D,YAAA,EAAE,EAAE,wDAAwD;AAC5D,YAAA,EAAE,EAAE,kDAAkD;AACtD,YAAA,EAAE,EAAE,sDAAsD;AAC1D,YAAA,EAAE,EAAE,kDAAkD;AACvD,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AAChC,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED;AACA;AACA;AACA,MAAM,gBAAgB,GAAG,EAAE,CACzB;AACE,IAAA,IAAI,EAAE,oOAAoO;AAC1O,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,uBAAuB;AAC3B,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,qBAAqB;AACzB,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,uBAAuB;AAC5B,SAAA;;;AAGD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,qEAAqE;AAC9E,YAAA,SAAS,EAAE,2EAA2E;AACtF,YAAA,MAAM,EAAE,kEAAkE;AAC1E,YAAA,IAAI,EAAE,4DAA4D;AAClE,YAAA,OAAO,EAAE,qEAAqE;AAC9E,YAAA,OAAO,EAAE,qEAAqE;AAC9E,YAAA,KAAK,EAAE,+DAA+D;AACtE,YAAA,OAAO,EAAE,qEAAqE;AAC/E,SAAA;;;;;;AAMD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,mDAAmD;AAC1D,SAAA;AACF,KAAA;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;AACjD,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED,MAAM,oBAAoB,GAAG,EAAE,CAC7B;AACE,IAAA,IAAI,EAAE,wBAAwB;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACb,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AAChC,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED,MAAM,yBAAyB,GAAG,EAAE,CAClC;AACE,IAAA,IAAI,EAAE,2CAA2C;AACjD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACb,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AAChC,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED;AACA;AACA;AACA,MAAM,gCAAgC,GAAG,EAAE,CACzC;AACE,IAAA,IAAI,EAAE,qCAAqC;AAC3C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,QAAQ;AACb,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AAChC,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED;MAoBa,aAAa,CAAA;;AAEf,IAAA,IAAI,GAAG,KAAK,CAAS,IAAI,2EAAC;;IAG1B,SAAS,GAAG,KAAK,CAAqB,SAAS,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;;IAGzE,cAAc,GAAG,KAAK,CAAqB,SAAS,sFAAI,KAAK,EAAE,iBAAiB,EAAA,CAAG;AAEnF,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,8EAAC;wGAV3D,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,ixBAFd,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEf,aAAa,EAAA,UAAA,EAAA,CAAA;kBAlBzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;oBACnB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,OAAO;4BAClB,OAAO,EAAE,CAAC,QAAQ,CAAC;AACpB,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,mBAAmB,EAAE,qBAAqB;AAC1C,wBAAA,wBAAwB,EAAE,iDAAiD;AAC3E,wBAAA,iBAAiB,EAAE,YAAY;AAC/B,wBAAA,iBAAiB,EAAE,aAAa;AACjC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC3B,iBAAA;;AAcD;MAmBa,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,cAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,cAAc;AACzB,4BAAA,MAAM,EAAE;gCACN,kCAAkC;;;gCAGlC,2BAA2B;;gCAE3B,0BAA0B;AAC3B,6BAAA;AACD,4BAAA,OAAO,EAAE,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;AAC5D,yBAAA;AACF,qBAAA;AACF,iBAAA;;AAGD;MAmBa,2BAA2B,CAAA;wGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,0BAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAjBvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,qBAAqB;AAChC,4BAAA,MAAM,EAAE;gCACN,gDAAgD;gCAChD,kCAAkC;;;gCAGlC,kCAAkC;gCAClC,iCAAiC;AAClC,6BAAA;AACD,4BAAA,OAAO,EAAE,CAAC,8BAA8B,EAAE,8BAA8B,CAAC;AAC1E,yBAAA;AACF,qBAAA;AACF,iBAAA;;AAGD;MAca,iBAAiB,CAAA;AAC5B;;;;;AAKG;AACM,IAAA,KAAK,GAAG,KAAK,CAAsB,SAAS,4EAAC;;AAG7C,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;IAEf,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAChD,IAAA,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC;AAE9C,IAAA,WAAA,GAAA;;;QAGE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AACzC,QAAA,CAAC,CAAC;IACJ;AAES,IAAA,OAAO,GAAG,QAAQ,CAAC,MAC1B,gBAAgB,CAAC;QACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI;AAC/B,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,QAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AAC1B,KAAA,CAAC,8EACH;wGA7BU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,WAAW;4BACtB,OAAO,EAAE,CAAC,iCAAiC,CAAC;AAC7C,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;AACF,iBAAA;;AAiCD;MA0Ba,yBAAyB,CAAA;;AAE3B,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;;IAGvB,aAAa,GAAG,MAAM,EAAW;AAEvB,IAAA,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAC3C,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEhD,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,mFAAC;AAEzE,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC7C,QAAA,CAAC,CAAC;;QAEF,IAAI,CAAC,WAAW,CAAC;aACd,IAAI,CAAC,kBAAkB,EAAE;AACzB,aAAA,SAAS,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACxE;AAES,IAAA,OAAO,GAAG,QAAQ,CAAC,MAC1B,gBAAgB,CAAC;AACf,QAAA,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE;AACzB,QAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AAC1B,KAAA,CAAC,8EACH;AAEQ,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MACnC,yBAAyB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,uFACzD;wGA/BU,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAX1B;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAxBrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;4BAC9B,MAAM,EAAE,CAAC,6BAA6B,CAAC;4BACvC,OAAO,EAAE,CAAC,iCAAiC,CAAC;AAC7C,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;AAST,EAAA,CAAA;AACF,iBAAA;;AAmCD;MA0Ba,sBAAsB,CAAA;;AAExB,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;;IAGvB,aAAa,GAAG,MAAM,EAAW;AAEvB,IAAA,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACrC,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEhD,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,mFAAC;AAEzE,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC1C,QAAA,CAAC,CAAC;;QAEF,IAAI,CAAC,QAAQ,CAAC;aACX,IAAI,CAAC,kBAAkB,EAAE;AACzB,aAAA,SAAS,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD;AAES,IAAA,OAAO,GAAG,QAAQ,CAAC,MAC1B,gBAAgB,CAAC;AACf,QAAA,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE;AACzB,QAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AAC1B,KAAA,CAAC,8EACH;AAEQ,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MACnC,yBAAyB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,uFACzD;wGA/BU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXvB;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAxBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,gBAAgB;4BAC3B,MAAM,EAAE,CAAC,6BAA6B,CAAC;4BACvC,OAAO,EAAE,CAAC,iCAAiC,CAAC;AAC7C,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;AAST,EAAA,CAAA;AACF,iBAAA;;AAmCD;MAMa,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;oBACzB,cAAc,EAAE,CAAC,YAAY,CAAC;AAC/B,iBAAA;;AAGD;AAEA;MAOa,qBAAqB,CAAA;IACf,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAExD,OAAO,GAAG,QAAQ,CAAC,MAC1B,oBAAoB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAC1D;wGALU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;AACF,iBAAA;;AASD;MAOa,4BAA4B,CAAA;wGAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oEAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oEAAoE;AAC5E,qBAAA;AACF,iBAAA;;AAGD;MAOa,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mDAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,mDAAmD;AAC3D,qBAAA;AACF,iBAAA;;AAGD;MAOa,iCAAiC,CAAA;IAC3B,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAExD,OAAO,GAAG,QAAQ,CAAC,MAC1B,gCAAgC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACtE;wGALU,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAN7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;AACF,iBAAA;;;AC9aD;;AAEG;;;;"}