@frame-ui-ng/components 0.1.0-beta.0

package/fesm2022/frame-ui-ng-components-select.mjs

@@ -0,0 +1,434 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ViewContainerRef, signal, input, Directive, ElementRef, model, booleanAttribute, computed, effect, contentChild, NgModule } from '@angular/core';
+import * as i1 from '@frame-ui-ng/components/dropdown-menu';
+import { FrDropdownMenuContent, buildConnectedPositions, FR_DROPDOWN_MENU_CONTENT, FrDropdownMenuTree, FR_DROPDOWN_MENU_PARENT, FrDropdownMenuPanel, FrDropdownMenuTrigger, FrDropdownMenu, FrDropdownMenuLabel, FrDropdownMenuSeparator, FrDropdownMenuItem } from '@frame-ui-ng/components/dropdown-menu';
+import { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';
+
+const FR_SELECT_POSITIONS = ['item-aligned', 'popper'];
+class FrSelectContent extends FrDropdownMenuContent {
+    destroyRef = inject(DestroyRef);
+    viewContainerRef = inject(ViewContainerRef);
+    debugVisibleOverride = signal(null, ...(ngDevMode ? [{ debugName: "debugVisibleOverride" }] : /* istanbul ignore next */ []));
+    triggerWidth = signal(null, ...(ngDevMode ? [{ debugName: "triggerWidth" }] : /* istanbul ignore next */ []));
+    registrationView = null;
+    position = input('item-aligned', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    select = null;
+    constructor() {
+        super();
+        this.destroyRef.onDestroy(() => {
+            this.registrationView?.destroy();
+        });
+    }
+    setDebugVisibleOverride(value) {
+        this.debugVisibleOverride.set(value);
+    }
+    isDebugVisible() {
+        return this.debugVisibleOverride() ?? this.debugVisible();
+    }
+    setTriggerWidth(value) {
+        this.triggerWidth.set(value);
+    }
+    ensureItemsRegistered() {
+        if (this.registrationView) {
+            return;
+        }
+        this.registrationView = this.viewContainerRef.createEmbeddedView(this.templateRef);
+        this.registrationView.detectChanges();
+        const index = this.viewContainerRef.indexOf(this.registrationView);
+        if (index >= 0) {
+            this.viewContainerRef.detach(index);
+        }
+    }
+    panelMinWidth() {
+        if (this.position() !== 'item-aligned') {
+            return null;
+        }
+        return this.triggerWidth();
+    }
+    getPositions(isSubmenu) {
+        if (this.position() === 'item-aligned') {
+            return buildConnectedPositions({
+                align: this.align(),
+                alignOffset: 0,
+                isSubmenu,
+                side: this.side(),
+                sideOffset: 4,
+            });
+        }
+        return super.getPositions(isSubmenu);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSelectContent, isStandalone: true, selector: "ng-template[frSelectContent]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: FR_DROPDOWN_MENU_CONTENT,
+                useExisting: FrSelectContent,
+            },
+            FrDropdownMenuTree,
+            {
+                provide: FR_DROPDOWN_MENU_PARENT,
+                useValue: {
+                    closeDelay: () => 0,
+                    triggerMode: () => 'click',
+                },
+            },
+        ], exportAs: ["frSelectContent"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[frSelectContent]',
+                    exportAs: 'frSelectContent',
+                    providers: [
+                        {
+                            provide: FR_DROPDOWN_MENU_CONTENT,
+                            useExisting: FrSelectContent,
+                        },
+                        FrDropdownMenuTree,
+                        {
+                            provide: FR_DROPDOWN_MENU_PARENT,
+                            useValue: {
+                                closeDelay: () => 0,
+                                triggerMode: () => 'click',
+                            },
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
+class FrSelectPanel {
+    content = inject(FrSelectContent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectPanel, isStandalone: true, selector: "[frSelectPanel], frame-select-panel", host: { properties: { "attr.data-position": "content.position()", "style.min-width.px": "content.panelMinWidth()" }, classAttribute: "frame-select__content" }, hostDirectives: [{ directive: i1.FrDropdownMenuPanel }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectPanel], frame-select-panel',
+                    hostDirectives: [FrDropdownMenuPanel],
+                    host: {
+                        class: 'frame-select__content',
+                        '[attr.data-position]': 'content.position()',
+                        '[style.min-width.px]': 'content.panelMinWidth()',
+                    },
+                }]
+        }] });
+
+const FR_SELECT_INDICATOR_POSITIONS = ['start', 'end'];
+class FrSelect extends FrControlValueAccessor {
+    destroyRef = inject(DestroyRef);
+    dropdownTrigger = inject(FrDropdownMenuTrigger);
+    elementRef = inject(ElementRef);
+    selectedLabel = signal(null, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
+    labels = new Map();
+    resizeObserver = null;
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    debugVisible = input(false, { ...(ngDevMode ? { debugName: "debugVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
+    indicatorPosition = input('start', ...(ngDevMode ? [{ debugName: "indicatorPosition" }] : /* istanbul ignore next */ []));
+    invalidInput = input(false, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), alias: 'invalid', transform: booleanAttribute });
+    disabled = computed(() => this.disabledInput() || this.formDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    invalid = computed(() => this.invalidInput() || this.formInvalid(), ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    displayValue = computed(() => {
+        const value = this.value();
+        if (value === null) {
+            return null;
+        }
+        return this.selectedLabel() ?? this.labels.get(value) ?? value;
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        effect(() => {
+            const content = this.dropdownTrigger.menuContent();
+            if (content) {
+                content.select = this;
+                content.setDebugVisibleOverride(this.debugVisible() ? true : null);
+                content.setTriggerWidth(this.elementRef.nativeElement.offsetWidth);
+                content.ensureItemsRegistered();
+            }
+        });
+        queueMicrotask(() => {
+            this.attachResizeObserver();
+        });
+        this.destroyRef.onDestroy(() => {
+            this.resizeObserver?.disconnect();
+        });
+    }
+    registerItem(value, label) {
+        this.labels.set(value, label);
+        if (this.value() === value) {
+            this.selectedLabel.set(label);
+        }
+    }
+    selectValue(value, label) {
+        this.labels.set(value, label);
+        this.selectedLabel.set(label);
+        this.value.set(value);
+        this.notifyValueChange(value);
+        this.markAsTouched();
+    }
+    setViewValue(value) {
+        this.value.set(value);
+        if (value === null) {
+            this.selectedLabel.set(null);
+            return;
+        }
+        this.selectedLabel.set(this.labels.get(value) ?? null);
+    }
+    attachResizeObserver() {
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        const element = this.elementRef.nativeElement;
+        this.resizeObserver = new ResizeObserver(() => {
+            const content = this.dropdownTrigger.menuContent();
+            content?.setTriggerWidth(element.offsetWidth);
+        });
+        this.resizeObserver.observe(element);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSelect, isStandalone: true, selector: "button[frSelect]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "aria-autocomplete": "none", "aria-haspopup": "listbox", "type": "button", "role": "combobox" }, properties: { "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-invalid": "invalid() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.disabled": "disabled() ? \"\" : null" }, classAttribute: "frame-select__trigger" }, providers: [provideDsValueAccessor(FrSelect)], usesInheritance: true, hostDirectives: [{ directive: i1.FrDropdownMenu, inputs: ["closeDelay", "closeDelay", "triggerMode", "triggerMode"] }, { directive: i1.FrDropdownMenuTrigger, inputs: ["frDropdownMenuTrigger", "frSelect"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[frSelect]',
+                    hostDirectives: [
+                        {
+                            directive: FrDropdownMenu,
+                            inputs: ['closeDelay', 'triggerMode'],
+                        },
+                        {
+                            directive: FrDropdownMenuTrigger,
+                            inputs: ['frDropdownMenuTrigger: frSelect'],
+                        },
+                    ],
+                    providers: [provideDsValueAccessor(FrSelect)],
+                    host: {
+                        class: 'frame-select__trigger',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.aria-invalid]': 'invalid() ? "true" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-invalid]': 'invalid() ? "" : null',
+                        '[attr.disabled]': 'disabled() ? "" : null',
+                        'aria-autocomplete': 'none',
+                        'aria-haspopup': 'listbox',
+                        type: 'button',
+                        role: 'combobox',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indicatorPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicatorPosition", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }] } });
+
+class FrSelectValue {
+    select = inject(FrSelect);
+    placeholder = input('Select an option', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    isPlaceholder = computed(() => this.select.displayValue() === null, ...(ngDevMode ? [{ debugName: "isPlaceholder" }] : /* istanbul ignore next */ []));
+    displayText = computed(() => this.select.displayValue() ?? this.placeholder(), ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSelectValue, isStandalone: true, selector: "[frSelectValue], frame-select-value", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-placeholder": "isPlaceholder() ? \"\" : null", "textContent": "displayText()" }, classAttribute: "frame-select__value" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectValue], frame-select-value',
+                    host: {
+                        class: 'frame-select__value',
+                        '[attr.data-placeholder]': 'isPlaceholder() ? "" : null',
+                        '[textContent]': 'displayText()',
+                    },
+                }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+class FrSelectItemIndicator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectItemIndicator, isStandalone: true, selector: "[frSelectItemIndicator], frame-select-item-indicator", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-select__item-indicator" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectItemIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectItemIndicator], frame-select-item-indicator',
+                    host: {
+                        class: 'frame-select__item-indicator',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }] });
+class FrSelectIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectIcon, isStandalone: true, selector: "[frSelectIcon], frame-select-icon", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-select__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectIcon], frame-select-icon',
+                    host: {
+                        class: 'frame-select__icon',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }] });
+class FrSelectError {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectError, isStandalone: true, selector: "[frSelectError], frame-select-error", host: { attributes: { "aria-live": "polite" }, classAttribute: "frame-select__error" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectError, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectError], frame-select-error',
+                    host: {
+                        class: 'frame-select__error',
+                        'aria-live': 'polite',
+                    },
+                }]
+        }] });
+
+class FrSelectGroup {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectGroup, isStandalone: true, selector: "[frSelectGroup], frame-select-group", host: { classAttribute: "frame-select__group" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectGroup], frame-select-group',
+                    host: {
+                        class: 'frame-select__group',
+                    },
+                }]
+        }] });
+class FrSelectLabel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectLabel, isStandalone: true, selector: "[frSelectLabel], frame-select-label", host: { classAttribute: "frame-select__label" }, hostDirectives: [{ directive: i1.FrDropdownMenuLabel }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectLabel], frame-select-label',
+                    hostDirectives: [FrDropdownMenuLabel],
+                    host: {
+                        class: 'frame-select__label',
+                    },
+                }]
+        }] });
+class FrSelectSeparator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSelectSeparator, isStandalone: true, selector: "[frSelectSeparator], frame-select-separator", host: { classAttribute: "frame-select__separator" }, hostDirectives: [{ directive: i1.FrDropdownMenuSeparator }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSelectSeparator], frame-select-separator',
+                    hostDirectives: [FrDropdownMenuSeparator],
+                    host: {
+                        class: 'frame-select__separator',
+                    },
+                }]
+        }] });
+class FrSelectItem {
+    elementRef = inject((ElementRef));
+    content = inject(FrSelectContent);
+    customIndicator = contentChild(FrSelectItemIndicator, ...(ngDevMode ? [{ debugName: "customIndicator" }] : /* istanbul ignore next */ []));
+    itemLabel = input(null, { ...(ngDevMode ? { debugName: "itemLabel" } : /* istanbul ignore next */ {}), alias: 'label' });
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    indicatorPosition() {
+        return this.content.select?.indicatorPosition() ?? 'start';
+    }
+    isSelected() {
+        return this.content.select?.value() === this.value();
+    }
+    ngAfterViewInit() {
+        this.content.select?.registerItem(this.value(), this.resolveLabel());
+    }
+    handleClick() {
+        this.content.select?.selectValue(this.value(), this.resolveLabel());
+    }
+    resolveLabel() {
+        if (this.itemLabel() !== null) {
+            return this.itemLabel();
+        }
+        const parts = Array.from(this.elementRef.nativeElement.children)
+            .filter((child) => !child.classList.contains('frame-select__item-indicator'))
+            .map((child) => child.textContent?.trim() ?? '')
+            .filter(Boolean);
+        if (parts.length > 0) {
+            return parts.join(' ');
+        }
+        return this.elementRef.nativeElement.textContent?.trim() ?? this.value();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.16", type: FrSelectItem, isStandalone: true, selector: "button[frSelectItem]", inputs: { itemLabel: { classPropertyName: "itemLabel", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "handleClick()" }, properties: { "attr.data-has-custom-indicator": "customIndicator() ? \"\" : null", "attr.data-indicator-position": "indicatorPosition()", "attr.data-state": "isSelected() ? \"checked\" : \"unchecked\"" }, classAttribute: "frame-select__item" }, queries: [{ propertyName: "customIndicator", first: true, predicate: FrSelectItemIndicator, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.FrDropdownMenuItem }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[frSelectItem]',
+                    hostDirectives: [FrDropdownMenuItem],
+                    host: {
+                        class: 'frame-select__item',
+                        '[attr.data-has-custom-indicator]': 'customIndicator() ? "" : null',
+                        '[attr.data-indicator-position]': 'indicatorPosition()',
+                        '[attr.data-state]': 'isSelected() ? "checked" : "unchecked"',
+                        '(click)': 'handleClick()',
+                    },
+                }]
+        }], propDecorators: { customIndicator: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FrSelectItemIndicator), { isSignal: true }] }], itemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class FrSelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrSelectModule, imports: [FrSelect,
+            FrSelectContent,
+            FrSelectError,
+            FrSelectGroup,
+            FrSelectIcon,
+            FrSelectItem,
+            FrSelectItemIndicator,
+            FrSelectLabel,
+            FrSelectPanel,
+            FrSelectSeparator,
+            FrSelectValue], exports: [FrSelect,
+            FrSelectContent,
+            FrSelectError,
+            FrSelectGroup,
+            FrSelectIcon,
+            FrSelectItem,
+            FrSelectItemIndicator,
+            FrSelectLabel,
+            FrSelectPanel,
+            FrSelectSeparator,
+            FrSelectValue] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrSelect,
+                        FrSelectContent,
+                        FrSelectError,
+                        FrSelectGroup,
+                        FrSelectIcon,
+                        FrSelectItem,
+                        FrSelectItemIndicator,
+                        FrSelectLabel,
+                        FrSelectPanel,
+                        FrSelectSeparator,
+                        FrSelectValue,
+                    ],
+                    exports: [
+                        FrSelect,
+                        FrSelectContent,
+                        FrSelectError,
+                        FrSelectGroup,
+                        FrSelectIcon,
+                        FrSelectItem,
+                        FrSelectItemIndicator,
+                        FrSelectLabel,
+                        FrSelectPanel,
+                        FrSelectSeparator,
+                        FrSelectValue,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectModule, FrSelectPanel, FrSelectSeparator, FrSelectValue };
+//# sourceMappingURL=frame-ui-ng-components-select.mjs.map

package/fesm2022/frame-ui-ng-components-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-select.mjs","sources":["../../../projects/components/select/src/select.content.ts","../../../projects/components/select/src/select.root.ts","../../../projects/components/select/src/select.value.ts","../../../projects/components/select/src/select.items.ts","../../../projects/components/select/select.module.ts","../../../projects/components/select/frame-ui-ng-components-select.ts"],"sourcesContent":["import { DestroyRef, Directive, EmbeddedViewRef, ViewContainerRef, inject, input, signal } from '@angular/core';\n\nimport {\n  FR_DROPDOWN_MENU_CONTENT,\n  FrDropdownMenuContent,\n  FrDropdownMenuPanel,\n} from '@frame-ui-ng/components/dropdown-menu';\nimport { buildConnectedPositions } from '@frame-ui-ng/components/dropdown-menu';\nimport { FR_DROPDOWN_MENU_PARENT, FrDropdownMenuTree } from '@frame-ui-ng/components/dropdown-menu';\nimport { FrSelect } from './select.root';\n\r\nexport const FR_SELECT_POSITIONS = ['item-aligned', 'popper'] as const;\r\nexport type FrSelectPosition = (typeof FR_SELECT_POSITIONS)[number];\r\n\r\n@Directive({\r\n  selector: 'ng-template[frSelectContent]',\r\n  exportAs: 'frSelectContent',\r\n  providers: [\r\n    {\n      provide: FR_DROPDOWN_MENU_CONTENT,\n      useExisting: FrSelectContent,\n    },\n    FrDropdownMenuTree,\n    {\n      provide: FR_DROPDOWN_MENU_PARENT,\n      useValue: {\n        closeDelay: () => 0,\n        triggerMode: () => 'click',\n      },\n    },\n  ],\n})\nexport class FrSelectContent extends FrDropdownMenuContent {\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly debugVisibleOverride = signal<boolean | null>(null);\n  private readonly triggerWidth = signal<number | null>(null);\n  private registrationView: EmbeddedViewRef<unknown> | null = null;\n\r\n  readonly position = input<FrSelectPosition>('item-aligned');\r\n\r\n  select: FrSelect | null = null;\n\n  constructor() {\n    super();\n\n    this.destroyRef.onDestroy(() => {\n      this.registrationView?.destroy();\n    });\n  }\n\r\n  setDebugVisibleOverride(value: boolean | null): void {\r\n    this.debugVisibleOverride.set(value);\r\n  }\r\n\r\n  override isDebugVisible(): boolean {\r\n    return this.debugVisibleOverride() ?? this.debugVisible();\r\n  }\r\n\r\n  setTriggerWidth(value: number | null): void {\n    this.triggerWidth.set(value);\n  }\n\n  ensureItemsRegistered(): void {\n    if (this.registrationView) {\n      return;\n    }\n\n    this.registrationView = this.viewContainerRef.createEmbeddedView(this.templateRef);\n    this.registrationView.detectChanges();\n\n    const index = this.viewContainerRef.indexOf(this.registrationView);\n\n    if (index >= 0) {\n      this.viewContainerRef.detach(index);\n    }\n  }\n\r\n  panelMinWidth(): number | null {\r\n    if (this.position() !== 'item-aligned') {\r\n      return null;\r\n    }\r\n\r\n    return this.triggerWidth();\r\n  }\r\n\r\n  override getPositions(isSubmenu: boolean) {\r\n    if (this.position() === 'item-aligned') {\r\n      return buildConnectedPositions({\r\n        align: this.align(),\r\n        alignOffset: 0,\r\n        isSubmenu,\r\n        side: this.side(),\r\n        sideOffset: 4,\r\n      });\r\n    }\r\n\r\n    return super.getPositions(isSubmenu);\r\n  }\r\n}\r\n\r\n@Directive({\r\n  selector: '[frSelectPanel], frame-select-panel',\r\n  hostDirectives: [FrDropdownMenuPanel],\r\n  host: {\r\n    class: 'frame-select__content',\r\n    '[attr.data-position]': 'content.position()',\r\n    '[style.min-width.px]': 'content.panelMinWidth()',\r\n  },\r\n})\r\nexport class FrSelectPanel {\r\n  protected readonly content = inject(FrSelectContent);\r\n}\r\n\r\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  booleanAttribute,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\n\nimport { FrDropdownMenu } from '@frame-ui-ng/components/dropdown-menu';\nimport { FrDropdownMenuTrigger } from '@frame-ui-ng/components/dropdown-menu';\nimport { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';\nimport { FrSelectContent } from './select.content';\n\nexport const FR_SELECT_INDICATOR_POSITIONS = ['start', 'end'] as const;\nexport type FrSelectIndicatorPosition = (typeof FR_SELECT_INDICATOR_POSITIONS)[number];\n\n@Directive({\n  selector: 'button[frSelect]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenu,\n      inputs: ['closeDelay', 'triggerMode'],\n    },\n    {\n      directive: FrDropdownMenuTrigger,\n      inputs: ['frDropdownMenuTrigger: frSelect'],\n    },\n  ],\n  providers: [provideDsValueAccessor(FrSelect)],\n  host: {\n    class: 'frame-select__trigger',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-invalid]': 'invalid() ? \"true\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.disabled]': 'disabled() ? \"\" : null',\n    'aria-autocomplete': 'none',\n    'aria-haspopup': 'listbox',\n    type: 'button',\n    role: 'combobox',\n  },\n})\nexport class FrSelect extends FrControlValueAccessor<string | null> {\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly dropdownTrigger = inject(FrDropdownMenuTrigger);\n  private readonly elementRef = inject<ElementRef<HTMLButtonElement>>(ElementRef);\n  private readonly selectedLabel = signal<string | null>(null);\n  private readonly labels = new Map<string | null, string>();\n  private resizeObserver: ResizeObserver | null = null;\n\n  readonly value = model<string | null>(null);\n  readonly debugVisible = input(false, { transform: booleanAttribute });\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly indicatorPosition = input<FrSelectIndicatorPosition>('start');\n  readonly invalidInput = input(false, { alias: 'invalid', transform: booleanAttribute });\n  readonly disabled = computed(() => this.disabledInput() || this.formDisabled());\n  readonly invalid = computed(() => this.invalidInput() || this.formInvalid());\n\n  readonly displayValue = computed(() => {\n    const value = this.value();\n\n    if (value === null) {\n      return null;\n    }\n\n    return this.selectedLabel() ?? this.labels.get(value) ?? value;\n  });\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const content = this.dropdownTrigger.menuContent() as FrSelectContent | null;\n\n      if (content) {\n        content.select = this;\n        content.setDebugVisibleOverride(this.debugVisible() ? true : null);\n        content.setTriggerWidth(this.elementRef.nativeElement.offsetWidth);\n        content.ensureItemsRegistered();\n      }\n    });\n\n    queueMicrotask(() => {\n      this.attachResizeObserver();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.resizeObserver?.disconnect();\n    });\n  }\n\n  registerItem(value: string | null, label: string): void {\n    this.labels.set(value, label);\n\n    if (this.value() === value) {\n      this.selectedLabel.set(label);\n    }\n  }\n\n  selectValue(value: string | null, label: string): void {\n    this.labels.set(value, label);\n    this.selectedLabel.set(label);\n    this.value.set(value);\n    this.notifyValueChange(value);\n    this.markAsTouched();\n  }\n\n  protected setViewValue(value: string | null): void {\n    this.value.set(value);\n\n    if (value === null) {\n      this.selectedLabel.set(null);\n      return;\n    }\n\n    this.selectedLabel.set(this.labels.get(value) ?? null);\n  }\n\n  private attachResizeObserver(): void {\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    this.resizeObserver = new ResizeObserver(() => {\n      const content = this.dropdownTrigger.menuContent() as FrSelectContent | null;\n      content?.setTriggerWidth(element.offsetWidth);\n    });\n    this.resizeObserver.observe(element);\n  }\n}\n\r\n","import { Directive, booleanAttribute, computed, inject, input } from '@angular/core';\r\n\r\nimport { FrSelect } from './select.root';\r\n\r\n@Directive({\r\n  selector: '[frSelectValue], frame-select-value',\r\n  host: {\r\n    class: 'frame-select__value',\r\n    '[attr.data-placeholder]': 'isPlaceholder() ? \"\" : null',\r\n    '[textContent]': 'displayText()',\r\n  },\r\n})\r\nexport class FrSelectValue {\r\n  private readonly select = inject(FrSelect);\r\n\r\n  readonly placeholder = input('Select an option');\r\n\r\n  protected readonly isPlaceholder = computed(() => this.select.displayValue() === null);\r\n  protected readonly displayText = computed(() => this.select.displayValue() ?? this.placeholder());\r\n}\r\n\r\n@Directive({\r\n  selector: '[frSelectItemIndicator], frame-select-item-indicator',\r\n  host: {\r\n    class: 'frame-select__item-indicator',\r\n    'aria-hidden': 'true',\r\n  },\r\n})\r\nexport class FrSelectItemIndicator {}\r\n\r\n@Directive({\n  selector: '[frSelectIcon], frame-select-icon',\n  host: {\n    class: 'frame-select__icon',\n    'aria-hidden': 'true',\n  },\n})\nexport class FrSelectIcon {}\n\n@Directive({\n  selector: '[frSelectError], frame-select-error',\n  host: {\n    class: 'frame-select__error',\n    'aria-live': 'polite',\n  },\n})\nexport class FrSelectError {}\n","import { Directive, ElementRef, contentChild, inject, input } from '@angular/core';\r\n\r\nimport {\r\n  FrDropdownMenuItem,\r\n  FrDropdownMenuLabel,\r\n  FrDropdownMenuSeparator,\r\n} from '@frame-ui-ng/components/dropdown-menu';\r\nimport { FrSelectContent } from './select.content';\r\nimport { FrSelectItemIndicator } from './select.value';\r\n\r\n@Directive({\r\n  selector: '[frSelectGroup], frame-select-group',\r\n  host: {\r\n    class: 'frame-select__group',\r\n  },\r\n})\r\nexport class FrSelectGroup {}\r\n\r\n@Directive({\r\n  selector: '[frSelectLabel], frame-select-label',\r\n  hostDirectives: [FrDropdownMenuLabel],\r\n  host: {\r\n    class: 'frame-select__label',\r\n  },\r\n})\r\nexport class FrSelectLabel {}\r\n\r\n@Directive({\r\n  selector: '[frSelectSeparator], frame-select-separator',\r\n  hostDirectives: [FrDropdownMenuSeparator],\r\n  host: {\r\n    class: 'frame-select__separator',\r\n  },\r\n})\r\nexport class FrSelectSeparator {}\r\n\r\n@Directive({\r\n  selector: 'button[frSelectItem]',\r\n  hostDirectives: [FrDropdownMenuItem],\r\n  host: {\r\n    class: 'frame-select__item',\r\n    '[attr.data-has-custom-indicator]': 'customIndicator() ? \"\" : null',\r\n    '[attr.data-indicator-position]': 'indicatorPosition()',\r\n    '[attr.data-state]': 'isSelected() ? \"checked\" : \"unchecked\"',\r\n    '(click)': 'handleClick()',\r\n  },\r\n})\r\nexport class FrSelectItem {\r\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\r\n  private readonly content = inject(FrSelectContent);\r\n  protected readonly customIndicator = contentChild(FrSelectItemIndicator);\r\n\r\n  readonly itemLabel = input<string | null>(null, { alias: 'label' });\r\n  readonly value = input.required<string | null>();\r\n\r\n  protected indicatorPosition() {\r\n    return this.content.select?.indicatorPosition() ?? 'start';\r\n  }\r\n\r\n  protected isSelected(): boolean {\r\n    return this.content.select?.value() === this.value();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.content.select?.registerItem(this.value(), this.resolveLabel());\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.content.select?.selectValue(this.value(), this.resolveLabel());\r\n  }\r\n\r\n  private resolveLabel(): string {\r\n    if (this.itemLabel() !== null) {\r\n      return this.itemLabel()!;\r\n    }\r\n\r\n    const parts = Array.from(this.elementRef.nativeElement.children as HTMLCollectionOf<HTMLElement>)\r\n      .filter((child) => !child.classList.contains('frame-select__item-indicator'))\r\n      .map((child) => child.textContent?.trim() ?? '')\r\n      .filter(Boolean);\r\n\r\n    if (parts.length > 0) {\r\n      return parts.join(' ');\r\n    }\r\n\r\n    return this.elementRef.nativeElement.textContent?.trim() ?? this.value();\r\n  }\r\n}\r\n\r\n","import { NgModule } from '@angular/core';\nimport {\n  FrSelect,\n  FrSelectContent,\n  FrSelectError,\n  FrSelectGroup,\n  FrSelectIcon,\n  FrSelectItem,\n  FrSelectItemIndicator,\n  FrSelectLabel,\n  FrSelectPanel,\n  FrSelectSeparator,\n  FrSelectValue,\n} from './src/select';\n\n@NgModule({\n  imports: [\n    FrSelect,\n    FrSelectContent,\n    FrSelectError,\n    FrSelectGroup,\n    FrSelectIcon,\n    FrSelectItem,\n    FrSelectItemIndicator,\n    FrSelectLabel,\n    FrSelectPanel,\n    FrSelectSeparator,\n    FrSelectValue,\n  ],\n  exports: [\n    FrSelect,\n    FrSelectContent,\n    FrSelectError,\n    FrSelectGroup,\n    FrSelectIcon,\n    FrSelectItem,\n    FrSelectItemIndicator,\n    FrSelectLabel,\n    FrSelectPanel,\n    FrSelectSeparator,\n    FrSelectValue,\n  ],\n})\nexport class FrSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-separator.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Directive, NgModule } from '@angular/core';
+
+const FR_SEPARATOR_ORIENTATIONS = ['horizontal', 'vertical'];
+function coerceSeparatorOrientation(value) {
+    return value === 'vertical' ? 'vertical' : 'horizontal';
+}
+class FrSeparator {
+    orientation = input('horizontal', { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), transform: coerceSeparatorOrientation });
+    decorative = input(true, { ...(ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSeparator, isStandalone: true, selector: "[frSeparator], frame-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-decorative": "decorative()", "attr.role": "decorative() ? \"presentation\" : \"separator\"", "attr.aria-orientation": "decorative() ? null : orientation()" }, classAttribute: "frame-separator" }, exportAs: ["frSeparator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSeparator], frame-separator',
+                    exportAs: 'frSeparator',
+                    host: {
+                        class: 'frame-separator',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-decorative]': 'decorative()',
+                        '[attr.role]': 'decorative() ? "presentation" : "separator"',
+                        '[attr.aria-orientation]': 'decorative() ? null : orientation()',
+                    },
+                }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }] } });
+
+class FrSeparatorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrSeparatorModule, imports: [FrSeparator], exports: [FrSeparator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSeparatorModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSeparatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrSeparator,
+                    ],
+                    exports: [
+                        FrSeparator,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_SEPARATOR_ORIENTATIONS, FrSeparator, FrSeparatorModule };
+//# sourceMappingURL=frame-ui-ng-components-separator.mjs.map

package/fesm2022/frame-ui-ng-components-separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-separator.mjs","sources":["../../../projects/components/separator/src/separator.ts","../../../projects/components/separator/separator.module.ts","../../../projects/components/separator/frame-ui-ng-components-separator.ts"],"sourcesContent":["import { booleanAttribute, Directive, input } from '@angular/core';\n\nexport const FR_SEPARATOR_ORIENTATIONS = ['horizontal', 'vertical'] as const;\n\nexport type FrSeparatorOrientation = (typeof FR_SEPARATOR_ORIENTATIONS)[number];\n\nfunction coerceSeparatorOrientation(value: unknown): FrSeparatorOrientation {\n  return value === 'vertical' ? 'vertical' : 'horizontal';\n}\n\n@Directive({\n  selector: '[frSeparator], frame-separator',\n  exportAs: 'frSeparator',\n  host: {\n    class: 'frame-separator',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-decorative]': 'decorative()',\n    '[attr.role]': 'decorative() ? \"presentation\" : \"separator\"',\n    '[attr.aria-orientation]': 'decorative() ? null : orientation()',\n  },\n})\nexport class FrSeparator {\n  readonly orientation = input<FrSeparatorOrientation, unknown>('horizontal', {\n    transform: coerceSeparatorOrientation,\n  });\n\n  readonly decorative = input(true, { transform: booleanAttribute });\n}\n","import { NgModule } from '@angular/core';\nimport {\n  FrSeparator,\n} from './src/separator';\n\n@NgModule({\n  imports: [\n    FrSeparator,\n  ],\n  exports: [\n    FrSeparator,\n  ],\n})\nexport class FrSeparatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAEa,yBAAyB,GAAG,CAAC,YAAY,EAAE,UAAU;AAIlE,SAAS,0BAA0B,CAAC,KAAc,EAAA;IAChD,OAAO,KAAK,KAAK,UAAU,GAAG,UAAU,GAAG,YAAY;AACzD;MAaa,WAAW,CAAA;IACb,WAAW,GAAG,KAAK,CAAkC,YAAY,mFACxE,SAAS,EAAE,0BAA0B,EAAA,CACrC;IAEO,UAAU,GAAG,KAAK,CAAC,IAAI,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;wGALvD,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,iDAAA,EAAA,uBAAA,EAAA,qCAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,wBAAA,wBAAwB,EAAE,cAAc;AACxC,wBAAA,aAAa,EAAE,6CAA6C;AAC5D,wBAAA,yBAAyB,EAAE,qCAAqC;AACjE,qBAAA;AACF,iBAAA;;;MCPY,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAjB,iBAAiB,EAAA,OAAA,EAAA,CAN1B,WAAW,CAAA,EAAA,OAAA,EAAA,CAGX,WAAW,CAAA,EAAA,CAAA;yGAGF,iBAAiB,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,WAAW;AACZ,qBAAA;AACF,iBAAA;;;ACZD;;AAEG;;;;"}