@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/form-field/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/select.ts","../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/select.html"],"names":[],"mappings":"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","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { NgTemplateOutlet } from \"@angular/common\";\r\nimport {\r\n    AfterContentInit,\r\n    afterNextRender,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    computed,\r\n    contentChildren,\r\n    effect,\r\n    ElementRef,\r\n    inject,\r\n    Injector,\r\n    input,\r\n    model,\r\n    OnDestroy,\r\n    output,\r\n    runInInjectionContext,\r\n    TemplateRef,\r\n    viewChild,\r\n    ViewContainerRef,\r\n} from \"@angular/core\";\r\nimport { FormValueControl } from \"@angular/forms/signals\";\r\n\r\nimport { mergeClasses } from \"../../../core\";\r\nimport { AiBadge } from \"../../badge\";\r\nimport { AiIcon } from \"../../icon/icon.component\";\r\nimport { AiSelectItem } from \"./select-item\";\r\nimport { AiSelectFacade } from \"./select.facade\";\r\nimport { selectContentVariants, SelectSizeVariants, selectTriggerVariants, selectVariants } from \"./select.variants\";\r\nimport { AiSelectDomService, AiSelectKeyboardContext, AiSelectKeyboardService, AiSelectLabelsService, AiSelectOverlayService, AiSelectStore } from \"./services\";\r\n\r\nconst COMPACT_MODE_WIDTH_THRESHOLD = 100;\r\n\r\n@Component({\r\n    selector: \"ai-select\",\r\n    exportAs: \"aiSelect\",\r\n    imports: [AiBadge, NgTemplateOutlet, AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    templateUrl: \"./select.html\",\r\n    providers: [AiSelectStore, AiSelectOverlayService, AiSelectKeyboardService, AiSelectFacade, AiSelectDomService, AiSelectLabelsService],\r\n    host: {\r\n        \"[attr.data-active]\": 'isFocus() ? \"\" : null',\r\n        \"[attr.data-disabled]\": 'disabled() ? \"\" : null',\r\n        \"[attr.data-state]\": 'isOpen() ? \"open\" : \"closed\"',\r\n        \"[class]\": \"classes()\",\r\n        \"(keydown.{enter,space,arrowdown,arrowup,escape}.prevent)\": \"onTriggerKeydown($event)\",\r\n    },\r\n})\r\nexport class AiSelect<T> implements FormValueControl<T | T[]>, AfterContentInit, OnDestroy {\r\n    #elementRef = inject(ElementRef<HTMLElement>);\r\n    #injector = inject(Injector);\r\n    #viewContainerRef = inject(ViewContainerRef);\r\n    #store = inject(AiSelectStore);\r\n    #facade = inject(AiSelectFacade);\r\n    #dom = inject(AiSelectDomService);\r\n    #labels = inject(AiSelectLabelsService);\r\n\r\n    readonly maxLabelCount = input<number>(1);\r\n    readonly multiple = input<boolean>(false);\r\n\r\n    readonly value = model<T | T[]>(\"\" as unknown as T | T[]);\r\n    readonly disabled = input<boolean>(false);\r\n    readonly invalid = input<boolean>(false);\r\n    readonly readonly = input<boolean>(false);\r\n    readonly required = input<boolean>(false);\r\n    readonly label = input<string>(\"\");\r\n    readonly placeholder = input<string>(\"Selecione...\");\r\n    readonly id = input<string>(\"\");\r\n    readonly touched = model<boolean>(false);\r\n\r\n    readonly dropdownTemplate = viewChild.required<TemplateRef<void>>(\"dropdownTemplate\");\r\n    readonly selectItems = contentChildren(AiSelectItem);\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    readonly size = input<SelectSizeVariants>(\"default\");\r\n    readonly selectedValue = model<T | T[]>(this.multiple() ? [] : (\"\" as unknown as T));\r\n\r\n    readonly selectionChange = output<T | T[]>();\r\n\r\n    readonly isOpen = this.#store.isOpen;\r\n    readonly focusedIndex = this.#store.focusedIndex;\r\n    protected readonly isFocus = this.#store.isFocus;\r\n    protected readonly isCompact = this.#store.isCompact;\r\n\r\n    protected onFocus = computed(() => {\r\n        if (this.isCompact()) {\r\n            this.isFocus.set(true);\r\n        }\r\n    });\r\n\r\n    readonly selectedLabels = computed<string[]>(() => {\r\n        return this.#labels.getLabels({\r\n            value: this.value(),\r\n            multiple: this.multiple(),\r\n            maxLabelCount: this.maxLabelCount(),\r\n            manualLabel: this.label(),\r\n            items: this.selectItems(),\r\n        });\r\n    });\r\n\r\n    protected readonly classes = computed(() => mergeClasses(selectVariants(), this.class()));\r\n    protected readonly contentClasses = computed(() => mergeClasses(selectContentVariants()));\r\n    protected readonly triggerClasses = computed(() => mergeClasses(selectTriggerVariants({ size: this.size() })));\r\n\r\n    constructor() {\r\n        effect(() => {\r\n            this.writeValue(this.value());\r\n        });\r\n    }\r\n\r\n    ngAfterContentInit() {\r\n        const hostWidth = this.#elementRef.nativeElement.offsetWidth || 0;\r\n        let i = 0;\r\n        for (const item of this.selectItems()) {\r\n            item.setSelectHost({\r\n                selectedValue: () => (this.multiple() ? (this.value() as T[]) : [this.value() as T]),\r\n                selectItem: (value: T, label: string) => this.selectItem(value, label),\r\n                navigateTo: () => this._navigateTo(item, i),\r\n            });\r\n            item.size.set(this.size());\r\n            i++;\r\n\r\n            if (hostWidth <= COMPACT_MODE_WIDTH_THRESHOLD) {\r\n                this.isCompact.set(true);\r\n                item.mode.set(\"compact\");\r\n            }\r\n        }\r\n    }\r\n\r\n    writeValue(value: T | T[]) {\r\n        if (this.multiple() && Array.isArray(value)) {\r\n            this.selectedValue.set(value);\r\n        } else {\r\n            this.selectedValue.set(value ?? (\"\" as unknown as T));\r\n        }\r\n    }\r\n\r\n    onChange(value: T | T[]) {\r\n        this.value.set(value);\r\n    }\r\n\r\n    onTouched() {\r\n        this.touched.set(true);\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this._destroyOverlay();\r\n    }\r\n\r\n    onTriggerKeydown(event: Event) {\r\n        const { key } = event as KeyboardEvent;\r\n\r\n        switch (key) {\r\n            case \"Enter\":\r\n            case \" \":\r\n            case \"ArrowDown\":\r\n            case \"ArrowUp\":\r\n                if (!this.isOpen()) {\r\n                    this._open();\r\n                }\r\n                break;\r\n            case \"Escape\":\r\n                if (this.isOpen()) {\r\n                    this._close();\r\n                }\r\n                break;\r\n        }\r\n    }\r\n\r\n    toggle() {\r\n        if (this.disabled()) return;\r\n        return this.isOpen() ? this._close() : this._open();\r\n    }\r\n\r\n    selectItem(value: T, label: string) {\r\n        if (value === undefined || value === null || value === \"\") {\r\n            console.warn(\"Attempted to select item with invalid value:\", { value, label });\r\n            return;\r\n        }\r\n\r\n        this.value.update(selectedValues => {\r\n            if (Array.isArray(selectedValues)) {\r\n                return selectedValues.includes(value) ? selectedValues.filter(v => v !== value) : [...selectedValues, value];\r\n            }\r\n            return value;\r\n        });\r\n\r\n        const updatedValue = this.value() as T | T[];\r\n        this.onChange(updatedValue);\r\n        this.selectionChange.emit(updatedValue);\r\n\r\n        if (this.multiple()) {\r\n            this._updateOverlayPosition();\r\n        } else {\r\n            this._close();\r\n            setTimeout(() => this._focusButton(), 0);\r\n        }\r\n    }\r\n\r\n    private _navigateTo(_: AiSelectItem, index: number) {\r\n        this.focusedIndex.set(index);\r\n        this._updateItemFocus(this._getSelectItems(true), index);\r\n    }\r\n\r\n    private _updateOverlayPosition(): void {\r\n        setTimeout(() => this.#facade.updateOverlayPosition(), 0);\r\n    }\r\n\r\n    private _open() {\r\n        if (this.isOpen()) return;\r\n\r\n        const width = this.#elementRef.nativeElement.offsetWidth || 0;\r\n\r\n        this.#facade.open({\r\n            elementRef: this.#elementRef,\r\n            viewContainerRef: this.#viewContainerRef,\r\n            dropdownTemplate: this.dropdownTemplate(),\r\n            width,\r\n            keyboardContext: () => this._buildKeyboardContext(),\r\n            onOutsideClick: () => {\r\n                this.isFocus.set(false);\r\n                this._close();\r\n            },\r\n            onAfterOpen: () => {\r\n                this._updateFocusWhenNormalMode();\r\n                this._determinePortalWidthOnOpen(width);\r\n            },\r\n        });\r\n    }\r\n\r\n    private _setFocusOnOpen(): void {\r\n        this._focusDropdown();\r\n        this._focusSelectedItem();\r\n    }\r\n\r\n    private _close() {\r\n        this.#facade.close(() => {\r\n            this.onTouched();\r\n            this._updateFocusWhenNormalMode();\r\n        });\r\n    }\r\n\r\n    private _updateFocusWhenNormalMode(): void {\r\n        if (!this.isCompact()) {\r\n            this.isFocus.set(!this.isOpen());\r\n        }\r\n    }\r\n\r\n    private _determinePortalWidthOnOpen(portalWidth: number): void {\r\n        runInInjectionContext(this.#injector, () => {\r\n            afterNextRender(() => {\r\n                if (!this.#facade.hasAttached()) {\r\n                    return;\r\n                }\r\n\r\n                const overlayPaneElement = this.#facade.getOverlayElement();\r\n                if (!overlayPaneElement) return;\r\n                const textElements = Array.from(overlayPaneElement.querySelectorAll<HTMLElement>(\"ai-select-item > span.truncate, [ai-select-item] > span.truncate\"));\r\n                let isOverflow = false;\r\n                for (const textElement of textElements) {\r\n                    if (textElement.scrollWidth > textElement.clientWidth + 1) {\r\n                        isOverflow = true;\r\n                        break;\r\n                    }\r\n                }\r\n\r\n                if (!isOverflow) {\r\n                    this._setFocusOnOpen();\r\n                    return;\r\n                }\r\n\r\n                const selectItems = this.selectItems();\r\n                let itemMaxWidth = 0;\r\n                for (const item of selectItems) {\r\n                    itemMaxWidth = Math.max(itemMaxWidth, item.elementRef.nativeElement.scrollWidth);\r\n                }\r\n\r\n                const [selectItem] = selectItems;\r\n                if (isOverflow && selectItem) {\r\n                    const elementStyles = getComputedStyle(selectItem.elementRef.nativeElement);\r\n                    const leftPadding = Number.parseFloat(elementStyles.getPropertyValue(\"padding-left\")) || 0;\r\n                    const rightPadding = Number.parseFloat(elementStyles.getPropertyValue(\"padding-right\")) || 0;\r\n                    itemMaxWidth += leftPadding + rightPadding;\r\n                }\r\n\r\n                itemMaxWidth = Math.max(itemMaxWidth, portalWidth);\r\n                this.#facade.updateOverlaySize(itemMaxWidth);\r\n                this.#facade.updateOverlayPosition();\r\n\r\n                this._setFocusOnOpen();\r\n            });\r\n        });\r\n    }\r\n\r\n    private _destroyOverlay() {\r\n        this.#facade.destroy();\r\n    }\r\n\r\n    private _getSelectItems(ignoreFilter = false): HTMLElement[] {\r\n        if (!this.#facade.hasAttached()) return [];\r\n\r\n        return this.#dom.getSelectItems(this.#facade.getOverlayElement(), ignoreFilter);\r\n    }\r\n\r\n    private _buildKeyboardContext(): AiSelectKeyboardContext {\r\n        const items = this._getSelectItems();\r\n\r\n        return {\r\n            items,\r\n            focusedIndex: this.focusedIndex(),\r\n            onNavigate: index => {\r\n                this.focusedIndex.set(index);\r\n                this._updateItemFocus(items, index);\r\n            },\r\n            onSelect: index => {\r\n                const item = items[index];\r\n                if (!item) return;\r\n\r\n                const value = item.getAttribute(\"value\");\r\n                const label = item.textContent?.trim() ?? \"\";\r\n\r\n                if (value === null || value === undefined) {\r\n                    console.warn(\"No value attribute found on selected item:\", item);\r\n                    return;\r\n                }\r\n\r\n                this.selectItem(value as T, label);\r\n            },\r\n            onClose: () => this._close(),\r\n            onFocusFirst: () => this._focusFirstItem(items),\r\n            onFocusLast: () => this._focusLastItem(items),\r\n            onFocusButton: () => this._focusButton(),\r\n        };\r\n    }\r\n\r\n    private _focusFirstItem(items: HTMLElement[]) {\r\n        if (items.length > 0) {\r\n            this.focusedIndex.set(0);\r\n            this._updateItemFocus(items, 0);\r\n        }\r\n    }\r\n\r\n    private _focusLastItem(items: HTMLElement[]) {\r\n        if (items.length > 0) {\r\n            const lastIndex = items.length - 1;\r\n            this.focusedIndex.set(lastIndex);\r\n            this._updateItemFocus(items, lastIndex);\r\n        }\r\n    }\r\n\r\n    private _updateItemFocus(items: HTMLElement[], focusedIndex: number) {\r\n        this.#dom.updateItemFocus(items, focusedIndex);\r\n    }\r\n\r\n    private _focusDropdown() {\r\n        if (!this.#facade.hasAttached()) return;\r\n        this.#dom.focusDropdown(this.#facade.getOverlayElement());\r\n    }\r\n\r\n    private _focusButton() {\r\n        this.#dom.focusButton(this.#elementRef);\r\n    }\r\n\r\n    private _focusSelectedItem() {\r\n        const items = this._getSelectItems();\r\n        if (items.length === 0) return;\r\n\r\n        let selectedValue;\r\n        const value = this.value();\r\n        if (Array.isArray(value) && value.length) {\r\n            [selectedValue] = value;\r\n        } else {\r\n            selectedValue = value;\r\n        }\r\n\r\n        let selectedIndex = items.findIndex(item => item.getAttribute(\"value\") === selectedValue);\r\n\r\n        if (selectedIndex === -1) {\r\n            selectedIndex = 0;\r\n        }\r\n\r\n        this.focusedIndex.set(selectedIndex);\r\n        this._updateItemFocus(items, selectedIndex);\r\n    }\r\n}\r\n","<button [id]=\"id()\" \r\n    type=\"button\"\r\n    role=\"combobox\"\r\n    aria-controls=\"dropdown\"\r\n    [class]=\"triggerClasses()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-expanded]=\"isOpen()\"\r\n    [attr.aria-haspopup]=\"'listbox'\"\r\n    [attr.data-placeholder]=\"!value() ? '' : null\"\r\n    (blur)=\"!isOpen() && isFocus.set(false)\"\r\n    (click)=\"toggle()\"\r\n    (focus)=\"onFocus()\"\r\n>\r\n    <span class=\"flex flex-1 flex-wrap items-center gap-2\">\r\n        @let labels = selectedLabels(); @for (label of labels; track index; let index = $index) {\r\n        <ng-container *ngTemplateOutlet=\"labelsTemplate; context: { $implicit: label }\" />\r\n        } @empty {\r\n        <span class=\"text-muted-foreground truncate\">{{ placeholder() }}</span>\r\n        }\r\n    </span>\r\n    <ai-icon icon=\"arrow-down-s\" size=\"default\" [class]=\"isOpen() ? 'rotate-180' : ''\" />\r\n</button>\r\n\r\n<ng-template #labelsTemplate let-label>\r\n    @if (multiple()) {\r\n    <ai-badge variant=\"default\">\r\n        <span class=\"truncate\">{{ label }}</span>\r\n    </ai-badge>\r\n    } @else {\r\n    <span class=\"truncate\">{{ label }}</span>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #dropdownTemplate>\r\n    <div\r\n        id=\"dropdown\"\r\n        [class]=\"contentClasses()\"\r\n        role=\"listbox\"\r\n        [attr.data-state]=\"'open'\"\r\n        tabindex=\"-1\"\r\n    >\r\n        <div class=\"p-1\">\r\n            <ng-content />\r\n        </div>\r\n    </div>\r\n</ng-template>"]}

package/esm2022/lib/components/form-field/select/select.variants.js

@@ -0,0 +1,57 @@
+import { cva } from "class-variance-authority";
+import { mergeClasses } from "../../../core";
+export const selectVariants = cva(mergeClasses("relative inline-block w-full rounded-lg group", "data-active:border data-active:border-ring data-active:ring-ring/50 data-active:ring-[3px]", "[&_button]:focus-visible:border [&_button]:focus-visible:border-ring [&_button]:focus-visible:ring-ring/50 [&_button]:focus-visible:ring-[3px]"));
+export const selectTriggerVariants = cva(mergeClasses("flex w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent", "shadow-xs transition-[color,box-shadow] outline-none cursor-pointer disabled:cursor-not-allowed", 'disabled:opacity-50 data-placeholder:text-muted-foreground [&_svg:not([class*="text-"])]:text-muted-foreground', "dark:bg-input/30 dark:hover:bg-input/50 aria-invalid:ring-destructive/20", 'aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4'), {
+    variants: {
+        size: {
+            sm: "min-h-8 py-1 text-xs px-2",
+            default: "min-h-9 py-1.5 px-3 text-sm",
+            lg: "min-h-10 py-2 text-base px-4",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export const selectContentVariants = cva(mergeClasses("z-9999 min-w-full scrollbar-hide overflow-y-auto rounded-md border border-border bg-background text-muted-foreground shadow-lg animate-in fade-in-0 zoom-in-95"));
+export const selectItemVariants = cva(mergeClasses("relative flex min-w-full cursor-pointer text-nowrap items-center gap-2 rounded-sm mb-0.5 outline-hidden select-none", "outline-hidden select-none transition-colors duration-150", "hover:bg-default hover:text-default-foreground", "data-selected:bg-default data-selected:text-default-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:hover:bg-transparent data-disabled:hover:text-current", "focus:bg-default focus:text-default-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_.material-symbols-outlined]:text-current"), {
+    variants: {
+        size: {
+            sm: "min-h-8 py-1 text-xs",
+            default: "min-h-9 py-1.5 text-sm",
+            lg: "min-h-10 py-2 text-base",
+        },
+        mode: {
+            normal: "pr-8 pl-2",
+            compact: "pl-6.5 pr-2",
+        },
+    },
+    compoundVariants: [
+        {
+            mode: "compact",
+            size: "sm",
+            class: "pl-5 pr-2",
+        },
+    ],
+});
+export const selectItemIconVariants = cva("absolute flex size-3.5 items-center justify-center", {
+    variants: {
+        size: {
+            sm: "",
+            default: "",
+            lg: "",
+        },
+        mode: {
+            normal: "right-2",
+            compact: "left-2",
+        },
+    },
+    compoundVariants: [
+        {
+            mode: "compact",
+            size: "sm",
+            class: "left-1",
+        },
+    ],
+});
+//# sourceMappingURL=select.variants.js.map

package/esm2022/lib/components/form-field/select/select.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.variants.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/select.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC7B,YAAY,CACR,+CAA+C,EAC/C,4FAA4F,EAC5F,gJAAgJ,CACnJ,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACpC,YAAY,CACR,8FAA8F,EAC9F,iGAAiG,EACjG,gHAAgH,EAChH,0EAA0E,EAC1E,mHAAmH,CACtH,EACD;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,2BAA2B;YAC/B,OAAO,EAAE,6BAA6B;YACtC,EAAE,EAAE,8BAA8B;SACrC;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,SAAS;KAClB;CACJ,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACpC,YAAY,CAAC,gKAAgK,CAAC,CACjL,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACjC,YAAY,CACR,qHAAqH,EACrH,2DAA2D,EAC3D,gDAAgD,EAChD,gEAAgE,EAChE,iKAAiK,EACjK,gDAAgD,EAChD,0FAA0F,CAC7F,EACD;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,sBAAsB;YAC1B,OAAO,EAAE,wBAAwB;YACjC,EAAE,EAAE,yBAAyB;SAChC;QACD,IAAI,EAAE;YACF,MAAM,EAAE,WAAW;YACnB,OAAO,EAAE,aAAa;SACzB;KACJ;IACD,gBAAgB,EAAE;QACd;YACI,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,WAAW;SACrB;KACJ;CACJ,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC,oDAAoD,EAAE;IAC5F,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,EAAE;YACN,OAAO,EAAE,EAAE;YACX,EAAE,EAAE,EAAE;SACT;QACD,IAAI,EAAE;YACF,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,QAAQ;SACpB;KACJ;IACD,gBAAgB,EAAE;QACd;YACI,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,QAAQ;SAClB;KACJ;CACJ,CAAC,CAAC","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { mergeClasses } from \"../../../core\";\r\n\r\nexport const selectVariants = cva(\r\n    mergeClasses(\r\n        \"relative inline-block w-full rounded-lg group\",\r\n        \"data-active:border data-active:border-ring data-active:ring-ring/50 data-active:ring-[3px]\",\r\n        \"[&_button]:focus-visible:border [&_button]:focus-visible:border-ring [&_button]:focus-visible:ring-ring/50 [&_button]:focus-visible:ring-[3px]\",\r\n    ),\r\n);\r\n\r\nexport const selectTriggerVariants = cva(\r\n    mergeClasses(\r\n        \"flex w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent\",\r\n        \"shadow-xs transition-[color,box-shadow] outline-none cursor-pointer disabled:cursor-not-allowed\",\r\n        'disabled:opacity-50 data-placeholder:text-muted-foreground [&_svg:not([class*=\"text-\"])]:text-muted-foreground',\r\n        \"dark:bg-input/30 dark:hover:bg-input/50 aria-invalid:ring-destructive/20\",\r\n        'aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4',\r\n    ),\r\n    {\r\n        variants: {\r\n            size: {\r\n                sm: \"min-h-8 py-1 text-xs px-2\",\r\n                default: \"min-h-9 py-1.5 px-3 text-sm\",\r\n                lg: \"min-h-10 py-2 text-base px-4\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            size: \"default\",\r\n        },\r\n    },\r\n);\r\n\r\nexport const selectContentVariants = cva(\r\n    mergeClasses(\"z-9999 min-w-full scrollbar-hide overflow-y-auto rounded-md border border-border bg-background text-muted-foreground shadow-lg animate-in fade-in-0 zoom-in-95\"),\r\n);\r\n\r\nexport const selectItemVariants = cva(\r\n    mergeClasses(\r\n        \"relative flex min-w-full cursor-pointer text-nowrap items-center gap-2 rounded-sm mb-0.5 outline-hidden select-none\",\r\n        \"outline-hidden select-none transition-colors duration-150\",\r\n        \"hover:bg-default hover:text-default-foreground\",\r\n        \"data-selected:bg-default data-selected:text-default-foreground\",\r\n        \"data-disabled:pointer-events-none data-disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:hover:bg-transparent data-disabled:hover:text-current\",\r\n        \"focus:bg-default focus:text-default-foreground\",\r\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_.material-symbols-outlined]:text-current\",\r\n    ),\r\n    {\r\n        variants: {\r\n            size: {\r\n                sm: \"min-h-8 py-1 text-xs\",\r\n                default: \"min-h-9 py-1.5 text-sm\",\r\n                lg: \"min-h-10 py-2 text-base\",\r\n            },\r\n            mode: {\r\n                normal: \"pr-8 pl-2\",\r\n                compact: \"pl-6.5 pr-2\",\r\n            },\r\n        },\r\n        compoundVariants: [\r\n            {\r\n                mode: \"compact\",\r\n                size: \"sm\",\r\n                class: \"pl-5 pr-2\",\r\n            },\r\n        ],\r\n    },\r\n);\r\n\r\nexport const selectItemIconVariants = cva(\"absolute flex size-3.5 items-center justify-center\", {\r\n    variants: {\r\n        size: {\r\n            sm: \"\",\r\n            default: \"\",\r\n            lg: \"\",\r\n        },\r\n        mode: {\r\n            normal: \"right-2\",\r\n            compact: \"left-2\",\r\n        },\r\n    },\r\n    compoundVariants: [\r\n        {\r\n            mode: \"compact\",\r\n            size: \"sm\",\r\n            class: \"left-1\",\r\n        },\r\n    ],\r\n});\r\n\r\nexport type SelectSizeVariants = NonNullable<VariantProps<typeof selectTriggerVariants>[\"size\"]>;\r\nexport type SelectItemModeVariants = NonNullable<VariantProps<typeof selectItemVariants>[\"mode\"]>;\r\n"]}

package/esm2022/lib/components/form-field/select/services/index.js

@@ -0,0 +1,6 @@
+export * from "./select-dom.service";
+export * from "./select-keyword.service";
+export * from "./select-labels.service";
+export * from "./select-overlay.service";
+export * from "./select.store";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/form-field/select/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from \"./select-dom.service\";\r\nexport * from \"./select-keyword.service\";\r\nexport * from \"./select-labels.service\";\r\nexport * from \"./select-overlay.service\";\r\nexport * from \"./select.store\";\r\n"]}

package/esm2022/lib/components/form-field/select/services/select-dom.service.js

@@ -0,0 +1,43 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiSelectDomService {
+    getSelectItems(overlayElement, ignoreFilter = false) {
+        if (!overlayElement)
+            return [];
+        return Array.from(overlayElement.querySelectorAll("ai-select-item, [ai-select-item]")).filter(item => ignoreFilter || item.dataset["disabled"] === undefined);
+    }
+    updateItemFocus(items, focusedIndex) {
+        for (let index = 0; index < items.length; index++) {
+            const item = items[index];
+            if (index === focusedIndex) {
+                item.focus();
+                item.setAttribute("aria-selected", "true");
+                item.setAttribute("data-selected", "true");
+            }
+            else {
+                item.removeAttribute("aria-selected");
+                item.removeAttribute("data-selected");
+            }
+        }
+    }
+    focusDropdown(overlayElement) {
+        if (!overlayElement)
+            return;
+        const element = overlayElement.querySelector('[role="listbox"]');
+        if (!element)
+            return;
+        element.focus();
+    }
+    focusButton(elementRef) {
+        const button = elementRef.nativeElement.querySelector("button");
+        if (!button)
+            return;
+        button.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectDomService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectDomService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectDomService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=select-dom.service.js.map

package/esm2022/lib/components/form-field/select/services/select-dom.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-dom.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/services/select-dom.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;;AAGvD,MAAM,OAAO,kBAAkB;IAC3B,cAAc,CAAC,cAAuC,EAAE,YAAY,GAAG,KAAK;QACxE,IAAI,CAAC,cAAc;YAAE,OAAO,EAAE,CAAC;QAE/B,OAAO,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAc,kCAAkC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,SAAS,CAAC,CAAC;IAC/K,CAAC;IAED,eAAe,CAAC,KAAoB,EAAE,YAAoB;QACtD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;YAChD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1B,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;gBACzB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;gBAC3C,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;gBACtC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;YAC1C,CAAC;QACL,CAAC;IACL,CAAC;IAED,aAAa,CAAC,cAAuC;QACjD,IAAI,CAAC,cAAc;YAAE,OAAO;QAE5B,MAAM,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,kBAAkB,CAAuB,CAAC;QACvF,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;IAED,WAAW,CAAC,UAAmC;QAC3C,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;uGAjCQ,kBAAkB;2GAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAD9B,UAAU","sourcesContent":["import { ElementRef, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class AiSelectDomService {\r\n    getSelectItems(overlayElement: HTMLElement | undefined, ignoreFilter = false): HTMLElement[] {\r\n        if (!overlayElement) return [];\r\n\r\n        return Array.from(overlayElement.querySelectorAll<HTMLElement>(\"ai-select-item, [ai-select-item]\")).filter(item => ignoreFilter || item.dataset[\"disabled\"] === undefined);\r\n    }\r\n\r\n    updateItemFocus(items: HTMLElement[], focusedIndex: number) {\r\n        for (let index = 0; index < items.length; index++) {\r\n            const item = items[index];\r\n            if (index === focusedIndex) {\r\n                item.focus();\r\n                item.setAttribute(\"aria-selected\", \"true\");\r\n                item.setAttribute(\"data-selected\", \"true\");\r\n            } else {\r\n                item.removeAttribute(\"aria-selected\");\r\n                item.removeAttribute(\"data-selected\");\r\n            }\r\n        }\r\n    }\r\n\r\n    focusDropdown(overlayElement: HTMLElement | undefined) {\r\n        if (!overlayElement) return;\r\n\r\n        const element = overlayElement.querySelector('[role=\"listbox\"]') as HTMLElement | null;\r\n        if (!element) return;\r\n        element.focus();\r\n    }\r\n\r\n    focusButton(elementRef: ElementRef<HTMLElement>) {\r\n        const button = elementRef.nativeElement.querySelector(\"button\");\r\n        if (!button) return;\r\n        button.focus();\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/select/services/select-keyword.service.js

@@ -0,0 +1,54 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiSelectKeyboardService {
+    handleDropdownKeydown(event, context) {
+        const { key } = event;
+        switch (key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this._navigate(1, context);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this._navigate(-1, context);
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                context.onSelect(context.focusedIndex);
+                break;
+            case "Escape":
+                event.preventDefault();
+                context.onClose();
+                context.onFocusButton();
+                break;
+            case "Home":
+                event.preventDefault();
+                context.onFocusFirst();
+                break;
+            case "End":
+                event.preventDefault();
+                context.onFocusLast();
+                break;
+        }
+    }
+    _navigate(direction, context) {
+        const { items, focusedIndex, onNavigate } = context;
+        if (items.length === 0)
+            return;
+        let nextIndex = focusedIndex + direction;
+        if (nextIndex < 0) {
+            nextIndex = items.length - 1;
+        }
+        else if (nextIndex >= items.length) {
+            nextIndex = 0;
+        }
+        onNavigate(nextIndex);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectKeyboardService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectKeyboardService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=select-keyword.service.js.map

package/esm2022/lib/components/form-field/select/services/select-keyword.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-keyword.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/services/select-keyword.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAc3C,MAAM,OAAO,uBAAuB;IAChC,qBAAqB,CAAC,KAAoB,EAAE,OAAgC;QACxE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QAEtB,QAAQ,GAAG,EAAE,CAAC;YACV,KAAK,WAAW;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBAC3B,MAAM;YACV,KAAK,SAAS;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBAC5B,MAAM;YACV,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACJ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACvC,MAAM;YACV,KAAK,QAAQ;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,OAAO,EAAE,CAAC;gBAClB,OAAO,CAAC,aAAa,EAAE,CAAC;gBACxB,MAAM;YACV,KAAK,MAAM;gBACP,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,YAAY,EAAE,CAAC;gBACvB,MAAM;YACV,KAAK,KAAK;gBACN,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,WAAW,EAAE,CAAC;gBACtB,MAAM;QACd,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,SAAiB,EAAE,OAAgC;QACjE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QACpD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/B,IAAI,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC;QACzC,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAChB,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACjC,CAAC;aAAM,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACnC,SAAS,GAAG,CAAC,CAAC;QAClB,CAAC;QACD,UAAU,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;uGA7CQ,uBAAuB;2GAAvB,uBAAuB;;2FAAvB,uBAAuB;kBADnC,UAAU","sourcesContent":["import { Injectable } from \"@angular/core\";\r\n\r\nexport interface AiSelectKeyboardContext {\r\n    items: HTMLElement[];\r\n    focusedIndex: number;\r\n    onNavigate: (index: number) => void;\r\n    onSelect: (index: number) => void;\r\n    onClose: () => void;\r\n    onFocusFirst: () => void;\r\n    onFocusLast: () => void;\r\n    onFocusButton: () => void;\r\n}\r\n\r\n@Injectable()\r\nexport class AiSelectKeyboardService {\r\n    handleDropdownKeydown(event: KeyboardEvent, context: AiSelectKeyboardContext) {\r\n        const { key } = event;\r\n\r\n        switch (key) {\r\n            case \"ArrowDown\":\r\n                event.preventDefault();\r\n                this._navigate(1, context);\r\n                break;\r\n            case \"ArrowUp\":\r\n                event.preventDefault();\r\n                this._navigate(-1, context);\r\n                break;\r\n            case \"Enter\":\r\n            case \" \":\r\n                event.preventDefault();\r\n                context.onSelect(context.focusedIndex);\r\n                break;\r\n            case \"Escape\":\r\n                event.preventDefault();\r\n                context.onClose();\r\n                context.onFocusButton();\r\n                break;\r\n            case \"Home\":\r\n                event.preventDefault();\r\n                context.onFocusFirst();\r\n                break;\r\n            case \"End\":\r\n                event.preventDefault();\r\n                context.onFocusLast();\r\n                break;\r\n        }\r\n    }\r\n\r\n    private _navigate(direction: number, context: AiSelectKeyboardContext) {\r\n        const { items, focusedIndex, onNavigate } = context;\r\n        if (items.length === 0) return;\r\n\r\n        let nextIndex = focusedIndex + direction;\r\n        if (nextIndex < 0) {\r\n            nextIndex = items.length - 1;\r\n        } else if (nextIndex >= items.length) {\r\n            nextIndex = 0;\r\n        }\r\n        onNavigate(nextIndex);\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/select/services/select-labels.service.js

@@ -0,0 +1,43 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiSelectLabelsService {
+    getLabels({ value, multiple, maxLabelCount, manualLabel, items }) {
+        const isMultiple = multiple && Array.isArray(value);
+        const normalizedValue = value ?? "";
+        if (isMultiple) {
+            return this._provideLabelsForMultiselectMode(normalizedValue, items, maxLabelCount);
+        }
+        return this._provideLabelForSingleSelectMode(normalizedValue, manualLabel, items);
+    }
+    _provideLabelsForMultiselectMode(selectedValues, items, maxLabelCount) {
+        const labelsToShowCount = selectedValues.length - maxLabelCount;
+        const labels = [];
+        let index = 0;
+        for (const value of selectedValues) {
+            const matchingItem = items.find(item => item.value() === value);
+            if (matchingItem) {
+                labels.push(matchingItem.label());
+                index++;
+            }
+            if (labelsToShowCount && maxLabelCount && index === maxLabelCount) {
+                labels.push(`${labelsToShowCount} more item${labelsToShowCount > 1 ? "s" : ""} selected`);
+                break;
+            }
+        }
+        return labels;
+    }
+    _provideLabelForSingleSelectMode(selectedValue, manualLabel, items) {
+        if (manualLabel)
+            return [manualLabel];
+        const matchingItem = items.find(item => item.value() === selectedValue);
+        if (matchingItem)
+            return [matchingItem.label()];
+        return selectedValue ? [selectedValue] : [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectLabelsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectLabelsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectLabelsService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=select-labels.service.js.map

package/esm2022/lib/components/form-field/select/services/select-labels.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-labels.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/services/select-labels.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAa3C,MAAM,OAAO,qBAAqB;IAC9B,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAiB;QAC3E,MAAM,UAAU,GAAG,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE,CAAC;QAEpC,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,IAAI,CAAC,gCAAgC,CAAC,eAA2B,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACpG,CAAC;QAED,OAAO,IAAI,CAAC,gCAAgC,CAAC,eAAyB,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;IAChG,CAAC;IAEO,gCAAgC,CAAC,cAAwB,EAAE,KAA8B,EAAE,aAAqB;QACpH,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC;QAChE,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,KAAK,MAAM,KAAK,IAAI,cAAc,EAAE,CAAC;YACjC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC;YAChE,IAAI,YAAY,EAAE,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;gBAClC,KAAK,EAAE,CAAC;YACZ,CAAC;YAED,IAAI,iBAAiB,IAAI,aAAa,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;gBAChE,MAAM,CAAC,IAAI,CAAC,GAAG,iBAAiB,aAAa,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;gBAC1F,MAAM;YACV,CAAC;QACL,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IAEO,gCAAgC,CAAC,aAAqB,EAAE,WAAmB,EAAE,KAA8B;QAC/G,IAAI,WAAW;YAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAEtC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,aAAa,CAAC,CAAC;QACxE,IAAI,YAAY;YAAE,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;QAEhD,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAChD,CAAC;uGAxCQ,qBAAqB;2GAArB,qBAAqB;;2FAArB,qBAAqB;kBADjC,UAAU","sourcesContent":["import { Injectable } from \"@angular/core\";\r\n\r\nimport { AiSelectItem } from \"../select-item\";\r\n\r\ninterface AiLabelConfig<T = unknown> {\r\n    value: T | T[] | undefined;\r\n    multiple: boolean;\r\n    maxLabelCount: number;\r\n    manualLabel: string;\r\n    items: readonly AiSelectItem[];\r\n}\r\n\r\n@Injectable()\r\nexport class AiSelectLabelsService {\r\n    getLabels({ value, multiple, maxLabelCount, manualLabel, items }: AiLabelConfig): string[] {\r\n        const isMultiple = multiple && Array.isArray(value);\r\n        const normalizedValue = value ?? \"\";\r\n\r\n        if (isMultiple) {\r\n            return this._provideLabelsForMultiselectMode(normalizedValue as string[], items, maxLabelCount);\r\n        }\r\n\r\n        return this._provideLabelForSingleSelectMode(normalizedValue as string, manualLabel, items);\r\n    }\r\n\r\n    private _provideLabelsForMultiselectMode(selectedValues: string[], items: readonly AiSelectItem[], maxLabelCount: number): string[] {\r\n        const labelsToShowCount = selectedValues.length - maxLabelCount;\r\n        const labels: string[] = [];\r\n        let index = 0;\r\n\r\n        for (const value of selectedValues) {\r\n            const matchingItem = items.find(item => item.value() === value);\r\n            if (matchingItem) {\r\n                labels.push(matchingItem.label());\r\n                index++;\r\n            }\r\n\r\n            if (labelsToShowCount && maxLabelCount && index === maxLabelCount) {\r\n                labels.push(`${labelsToShowCount} more item${labelsToShowCount > 1 ? \"s\" : \"\"} selected`);\r\n                break;\r\n            }\r\n        }\r\n\r\n        return labels;\r\n    }\r\n\r\n    private _provideLabelForSingleSelectMode(selectedValue: string, manualLabel: string, items: readonly AiSelectItem[]): string[] {\r\n        if (manualLabel) return [manualLabel];\r\n\r\n        const matchingItem = items.find(item => item.value() === selectedValue);\r\n        if (matchingItem) return [matchingItem.label()];\r\n\r\n        return selectedValue ? [selectedValue] : [];\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/select/services/select-overlay.service.js

@@ -0,0 +1,89 @@
+import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
+import { TemplatePortal } from "@angular/cdk/portal";
+import { isPlatformBrowser } from "@angular/common";
+import { inject, Injectable, PLATFORM_ID } from "@angular/core";
+import { EMPTY } from "rxjs";
+import * as i0 from "@angular/core";
+export class AiSelectOverlayService {
+    #overlay = inject(Overlay);
+    #overlayPositionBuilder = inject(OverlayPositionBuilder);
+    #platformId = inject(PLATFORM_ID);
+    #overlayRef;
+    #portal;
+    create(origin, width) {
+        if (this.#overlayRef)
+            return this.#overlayRef;
+        if (!isPlatformBrowser(this.#platformId))
+            return;
+        const positionStrategy = this.#overlayPositionBuilder
+            .flexibleConnectedTo(origin)
+            .withPositions([
+            {
+                originX: "center",
+                originY: "bottom",
+                overlayX: "center",
+                overlayY: "top",
+                offsetY: 4,
+            },
+            {
+                originX: "center",
+                originY: "top",
+                overlayX: "center",
+                overlayY: "bottom",
+                offsetY: -4,
+            },
+        ])
+            .withPush(false);
+        this.#overlayRef = this.#overlay.create({
+            positionStrategy,
+            hasBackdrop: false,
+            scrollStrategy: this.#overlay.scrollStrategies.reposition(),
+            width,
+            maxHeight: 384,
+        });
+        return this.#overlayRef;
+    }
+    attach(template, viewContainerRef) {
+        if (!this.#overlayRef)
+            return;
+        if (this.#overlayRef.hasAttached()) {
+            this.#overlayRef.detach();
+        }
+        this.#portal = new TemplatePortal(template, viewContainerRef);
+        this.#overlayRef.attach(this.#portal);
+    }
+    detach() {
+        if (this.#overlayRef?.hasAttached()) {
+            this.#overlayRef.detach();
+        }
+    }
+    destroy() {
+        this.#overlayRef?.dispose();
+        this.#overlayRef = undefined;
+        this.#portal = undefined;
+    }
+    updateSize(width) {
+        this.#overlayRef?.updateSize({ width });
+    }
+    updatePosition() {
+        this.#overlayRef?.updatePosition();
+    }
+    hasAttached() {
+        return !!this.#overlayRef?.hasAttached();
+    }
+    getOverlayElement() {
+        return this.#overlayRef?.overlayElement;
+    }
+    keydownEvents() {
+        return this.#overlayRef?.keydownEvents() ?? EMPTY;
+    }
+    outsidePointerEvents() {
+        return this.#overlayRef?.outsidePointerEvents() ?? EMPTY;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectOverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectOverlayService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectOverlayService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=select-overlay.service.js.map

package/esm2022/lib/components/form-field/select/services/select-overlay.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-overlay.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/services/select-overlay.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Overlay, OverlayPositionBuilder, type OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { TemplatePortal } from \"@angular/cdk/portal\";\r\nimport { isPlatformBrowser } from \"@angular/common\";\r\nimport { ElementRef, inject, Injectable, PLATFORM_ID, TemplateRef, ViewContainerRef } from \"@angular/core\";\r\nimport { EMPTY, type Observable } from \"rxjs\";\r\n\r\n@Injectable()\r\nexport class AiSelectOverlayService {\r\n    readonly #overlay = inject(Overlay);\r\n    readonly #overlayPositionBuilder = inject(OverlayPositionBuilder);\r\n    readonly #platformId = inject(PLATFORM_ID);\r\n\r\n    #overlayRef?: OverlayRef;\r\n    #portal?: TemplatePortal;\r\n\r\n    create(origin: ElementRef<HTMLElement>, width: number): OverlayRef | undefined {\r\n        if (this.#overlayRef) return this.#overlayRef;\r\n        if (!isPlatformBrowser(this.#platformId)) return;\r\n\r\n        const positionStrategy = this.#overlayPositionBuilder\r\n            .flexibleConnectedTo(origin)\r\n            .withPositions([\r\n                {\r\n                    originX: \"center\",\r\n                    originY: \"bottom\",\r\n                    overlayX: \"center\",\r\n                    overlayY: \"top\",\r\n                    offsetY: 4,\r\n                },\r\n                {\r\n                    originX: \"center\",\r\n                    originY: \"top\",\r\n                    overlayX: \"center\",\r\n                    overlayY: \"bottom\",\r\n                    offsetY: -4,\r\n                },\r\n            ])\r\n            .withPush(false);\r\n\r\n        this.#overlayRef = this.#overlay.create({\r\n            positionStrategy,\r\n            hasBackdrop: false,\r\n            scrollStrategy: this.#overlay.scrollStrategies.reposition(),\r\n            width,\r\n            maxHeight: 384,\r\n        });\r\n\r\n        return this.#overlayRef;\r\n    }\r\n\r\n    attach(template: TemplateRef<void>, viewContainerRef: ViewContainerRef) {\r\n        if (!this.#overlayRef) return;\r\n        if (this.#overlayRef.hasAttached()) {\r\n            this.#overlayRef.detach();\r\n        }\r\n        this.#portal = new TemplatePortal(template, viewContainerRef);\r\n        this.#overlayRef.attach(this.#portal);\r\n    }\r\n\r\n    detach() {\r\n        if (this.#overlayRef?.hasAttached()) {\r\n            this.#overlayRef.detach();\r\n        }\r\n    }\r\n\r\n    destroy() {\r\n        this.#overlayRef?.dispose();\r\n        this.#overlayRef = undefined;\r\n        this.#portal = undefined;\r\n    }\r\n\r\n    updateSize(width: number) {\r\n        this.#overlayRef?.updateSize({ width });\r\n    }\r\n\r\n    updatePosition() {\r\n        this.#overlayRef?.updatePosition();\r\n    }\r\n\r\n    hasAttached(): boolean {\r\n        return !!this.#overlayRef?.hasAttached();\r\n    }\r\n\r\n    getOverlayElement(): HTMLElement | undefined {\r\n        return this.#overlayRef?.overlayElement;\r\n    }\r\n\r\n    keydownEvents(): Observable<KeyboardEvent> {\r\n        return this.#overlayRef?.keydownEvents() ?? EMPTY;\r\n    }\r\n\r\n    outsidePointerEvents(): Observable<MouseEvent | TouchEvent> {\r\n        return this.#overlayRef?.outsidePointerEvents() ?? EMPTY;\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/select/services/select.store.js

@@ -0,0 +1,30 @@
+import { Injectable, signal } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiSelectStore {
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
+    isFocus = signal(false, ...(ngDevMode ? [{ debugName: "isFocus" }] : []));
+    isCompact = signal(false, ...(ngDevMode ? [{ debugName: "isCompact" }] : []));
+    open() {
+        this.isOpen.set(true);
+    }
+    close() {
+        this.isOpen.set(false);
+        this.focusedIndex.set(-1);
+    }
+    focus(index) {
+        this.focusedIndex.set(index);
+    }
+    setFocusState(isFocused) {
+        this.isFocus.set(isFocused);
+    }
+    setCompact(isCompact) {
+        this.isCompact.set(isCompact);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectStore });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiSelectStore, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=select.store.js.map

package/esm2022/lib/components/form-field/select/services/select.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.store.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/select/services/select.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAGnD,MAAM,OAAO,aAAa;IACb,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC,CAAC;IACvB,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,wDAAC,CAAC;IAC1B,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC,CAAC;IACxB,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC,CAAC;IAEnC,IAAI;QACA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,KAAK;QACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,KAAa;QACf,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,aAAa,CAAC,SAAkB;QAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,UAAU,CAAC,SAAkB;QACzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;uGAzBQ,aAAa;2GAAb,aAAa;;2FAAb,aAAa;kBADzB,UAAU","sourcesContent":["import { Injectable, signal } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class AiSelectStore {\r\n    readonly isOpen = signal(false);\r\n    readonly focusedIndex = signal(-1);\r\n    readonly isFocus = signal(false);\r\n    readonly isCompact = signal(false);\r\n\r\n    open() {\r\n        this.isOpen.set(true);\r\n    }\r\n\r\n    close() {\r\n        this.isOpen.set(false);\r\n        this.focusedIndex.set(-1);\r\n    }\r\n\r\n    focus(index: number) {\r\n        this.focusedIndex.set(index);\r\n    }\r\n\r\n    setFocusState(isFocused: boolean) {\r\n        this.isFocus.set(isFocused);\r\n    }\r\n\r\n    setCompact(isCompact: boolean) {\r\n        this.isCompact.set(isCompact);\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/switch/demo/default.js

@@ -0,0 +1,27 @@
+import { Component } from "@angular/core";
+import { AiSwitch } from "../switch";
+import * as i0 from "@angular/core";
+export class DemoSwitchDefaultComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoSwitchDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoSwitchDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-4">
+            <ai-switch variant="primary">Switch primary</ai-switch>
+            <ai-switch variant="accent">Switch accent</ai-switch>
+            <ai-switch variant="destructive">Switch destructive</ai-switch>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiSwitch, selector: "ai-switch", inputs: ["id", "variant", "size", "class", "disabled", "checked", "touched"], outputs: ["checkedChange", "touchedChange", "changeCheck"], exportAs: ["aiSwitch"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoSwitchDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiSwitch],
+                    template: `
+        <div class="flex flex-col gap-4">
+            <ai-switch variant="primary">Switch primary</ai-switch>
+            <ai-switch variant="accent">Switch accent</ai-switch>
+            <ai-switch variant="destructive">Switch destructive</ai-switch>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

package/esm2022/lib/components/form-field/switch/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/switch/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAYrC,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,wEARzB;;;;;;KAMT,4DAPS,QAAQ;;2FAST,0BAA0B;kBAVtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiSwitch } from \"../switch\";\r\n\r\n@Component({\r\n    imports: [AiSwitch],\r\n    template: `\r\n        <div class=\"flex flex-col gap-4\">\r\n            <ai-switch variant=\"primary\">Switch primary</ai-switch>\r\n            <ai-switch variant=\"accent\">Switch accent</ai-switch>\r\n            <ai-switch variant=\"destructive\">Switch destructive</ai-switch>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoSwitchDefaultComponent {}\r\n"]}

package/esm2022/lib/components/form-field/switch/demo/disabled.js

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiSwitch } from "../switch";
+import * as i0 from "@angular/core";
+export class DemoSwitchDisabledComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoSwitchDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoSwitchDisabledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center gap-4">
+            <ai-switch [disabled]="true">Disabled</ai-switch>
+            <ai-switch [disabled]="true" [checked]="true">Disabled checked</ai-switch>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiSwitch, selector: "ai-switch", inputs: ["id", "variant", "size", "class", "disabled", "checked", "touched"], outputs: ["checkedChange", "touchedChange", "changeCheck"], exportAs: ["aiSwitch"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoSwitchDisabledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiSwitch],
+                    template: `
+        <div class="flex items-center gap-4">
+            <ai-switch [disabled]="true">Disabled</ai-switch>
+            <ai-switch [disabled]="true" [checked]="true">Disabled checked</ai-switch>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=disabled.js.map

package/esm2022/lib/components/form-field/switch/demo/disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/switch/demo/disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAWrC,MAAM,OAAO,2BAA2B;uGAA3B,2BAA2B;2FAA3B,2BAA2B,wEAP1B;;;;;KAKT,4DANS,QAAQ;;2FAQT,2BAA2B;kBATvC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiSwitch } from \"../switch\";\r\n\r\n@Component({\r\n    imports: [AiSwitch],\r\n    template: `\r\n        <div class=\"flex items-center gap-4\">\r\n            <ai-switch [disabled]=\"true\">Disabled</ai-switch>\r\n            <ai-switch [disabled]=\"true\" [checked]=\"true\">Disabled checked</ai-switch>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoSwitchDisabledComponent {}\r\n"]}

package/esm2022/lib/components/form-field/switch/demo/size.js

@@ -0,0 +1,27 @@
+import { Component } from "@angular/core";
+import { AiSwitch } from "../switch";
+import * as i0 from "@angular/core";
+export class DemoSwitchSizeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoSwitchSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoSwitchSizeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-4">
+            <ai-switch size="sm" variant="primary">Switch small</ai-switch>
+            <ai-switch size="normal" variant="primary">Switch normal</ai-switch>
+            <ai-switch size="lg" variant="primary">Switch large</ai-switch>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiSwitch, selector: "ai-switch", inputs: ["id", "variant", "size", "class", "disabled", "checked", "touched"], outputs: ["checkedChange", "touchedChange", "changeCheck"], exportAs: ["aiSwitch"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoSwitchSizeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiSwitch],
+                    template: `
+        <div class="flex flex-col gap-4">
+            <ai-switch size="sm" variant="primary">Switch small</ai-switch>
+            <ai-switch size="normal" variant="primary">Switch normal</ai-switch>
+            <ai-switch size="lg" variant="primary">Switch large</ai-switch>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=size.js.map

package/esm2022/lib/components/form-field/switch/demo/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/switch/demo/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAYrC,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,wEARtB;;;;;;KAMT,4DAPS,QAAQ;;2FAST,uBAAuB;kBAVnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiSwitch } from \"../switch\";\r\n\r\n@Component({\r\n    imports: [AiSwitch],\r\n    template: `\r\n        <div class=\"flex flex-col gap-4\">\r\n            <ai-switch size=\"sm\" variant=\"primary\">Switch small</ai-switch>\r\n            <ai-switch size=\"normal\" variant=\"primary\">Switch normal</ai-switch>\r\n            <ai-switch size=\"lg\" variant=\"primary\">Switch large</ai-switch>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoSwitchSizeComponent {}\r\n"]}

package/esm2022/lib/components/form-field/switch/demo/switch.js

@@ -0,0 +1,21 @@
+import { DemoSwitchDefaultComponent } from "./default";
+import { DemoSwitchDisabledComponent } from "./disabled";
+import { DemoSwitchSizeComponent } from "./size";
+export const SWITCH = {
+    componentName: "switch",
+    examples: [
+        {
+            name: "default",
+            component: DemoSwitchDefaultComponent,
+        },
+        {
+            name: "size",
+            component: DemoSwitchSizeComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoSwitchDisabledComponent,
+        },
+    ],
+};
+//# sourceMappingURL=switch.js.map

package/esm2022/lib/components/form-field/switch/demo/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/switch/demo/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,uBAAuB;SACrC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,2BAA2B;SACzC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoSwitchDefaultComponent } from \"./default\";\r\nimport { DemoSwitchDisabledComponent } from \"./disabled\";\r\nimport { DemoSwitchSizeComponent } from \"./size\";\r\n\r\nexport const SWITCH = {\r\n    componentName: \"switch\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoSwitchDefaultComponent,\r\n        },\r\n        {\r\n            name: \"size\",\r\n            component: DemoSwitchSizeComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoSwitchDisabledComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/form-field/switch/index.js

@@ -0,0 +1,3 @@
+export * from "./switch";
+export * from "./demo/switch";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/form-field/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC","sourcesContent":["export * from \"./switch\";\r\nexport * from \"./demo/switch\";\r\n"]}