@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/carousel/demo/loop.js

@@ -0,0 +1,44 @@
+import { Component } from "@angular/core";
+import { AiCarousel, AiCarouselItem } from "../carousel";
+import * as i0 from "@angular/core";
+export class DemoCarouselLoopComponent {
+    slides = [
+        { id: 1, label: "Slide 1" },
+        { id: 2, label: "Slide 2" },
+        { id: 3, label: "Slide 3" },
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoCarouselLoopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DemoCarouselLoopComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="w-full max-w-md mx-auto">
+            <ai-carousel loop>
+                @for (slide of slides; track slide.id) {
+                    <ai-carousel-item>
+                        <div class="flex items-center justify-center h-52 rounded-lg bg-muted">
+                            <span class="text-2xl font-semibold text-muted-foreground">{{ slide.label }}</span>
+                        </div>
+                    </ai-carousel-item>
+                }
+            </ai-carousel>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiCarousel, selector: "ai-carousel", inputs: ["orientation", "loop", "autoplay", "autoplayInterval", "showDots", "showNav", "class"], outputs: ["slideChange"], exportAs: ["aiCarousel"] }, { kind: "component", type: AiCarouselItem, selector: "ai-carousel-item", inputs: ["orientation", "class"], exportAs: ["aiCarouselItem"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoCarouselLoopComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiCarousel, AiCarouselItem],
+                    template: `
+        <div class="w-full max-w-md mx-auto">
+            <ai-carousel loop>
+                @for (slide of slides; track slide.id) {
+                    <ai-carousel-item>
+                        <div class="flex items-center justify-center h-52 rounded-lg bg-muted">
+                            <span class="text-2xl font-semibold text-muted-foreground">{{ slide.label }}</span>
+                        </div>
+                    </ai-carousel-item>
+                }
+            </ai-carousel>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=loop.js.map

package/esm2022/lib/components/carousel/demo/loop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loop.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/carousel/demo/loop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;;AAkBzD,MAAM,OAAO,yBAAyB;IAClC,MAAM,GAAG;QACL,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;KAC9B,CAAC;uGALO,yBAAyB;2FAAzB,yBAAyB,wEAdxB;;;;;;;;;;;;KAYT,4DAbS,UAAU,6MAAE,cAAc;;2FAe3B,yBAAyB;kBAhBrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC;oBACrC,QAAQ,EAAE;;;;;;;;;;;;KAYT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiCarousel, AiCarouselItem } from \"../carousel\";\r\n\r\n@Component({\r\n    imports: [AiCarousel, AiCarouselItem],\r\n    template: `\r\n        <div class=\"w-full max-w-md mx-auto\">\r\n            <ai-carousel loop>\r\n                @for (slide of slides; track slide.id) {\r\n                    <ai-carousel-item>\r\n                        <div class=\"flex items-center justify-center h-52 rounded-lg bg-muted\">\r\n                            <span class=\"text-2xl font-semibold text-muted-foreground\">{{ slide.label }}</span>\r\n                        </div>\r\n                    </ai-carousel-item>\r\n                }\r\n            </ai-carousel>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoCarouselLoopComponent {\r\n    slides = [\r\n        { id: 1, label: \"Slide 1\" },\r\n        { id: 2, label: \"Slide 2\" },\r\n        { id: 3, label: \"Slide 3\" },\r\n    ];\r\n}\r\n"]}

package/esm2022/lib/components/carousel/index.js

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

package/esm2022/lib/components/carousel/index.js.map

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

package/esm2022/lib/components/command/command-empty.js

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from "@angular/core";
+import { AiEmpty } from "../empty";
+import { AiCommand } from "./command";
+import * as i0 from "@angular/core";
+export class AiCommandEmpty {
+    #cmdComponent = inject(AiCommand, { optional: true });
+    icon = input("menu-search", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    title = input("Nenhum item encontrado", ...(ngDevMode ? [{ debugName: "title" }] : []));
+    description = input("Tente ajustar sua consulta de pesquisa ou verifique a ortografia.", ...(ngDevMode ? [{ debugName: "description" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    shouldShow = computed(() => (this.#cmdComponent ? this.#cmdComponent.filteredItems().length === 0 : false), ...(ngDevMode ? [{ debugName: "shouldShow" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiCommandEmpty, isStandalone: true, selector: "ai-command-empty", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiCommandEmpty"], ngImport: i0, template: `
+        @if (shouldShow()) {
+            <div [class]="class()">
+                <ai-empty [icon]="icon()" [title]="title()" [description]="description()">
+                    <ng-content />
+                </ai-empty>
+            </div>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: AiEmpty, selector: "ai-empty", inputs: ["actions", "icon", "image", "title", "description", "class"], exportAs: ["aiEmpty"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandEmpty, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-command-empty",
+                    exportAs: "aiCommandEmpty",
+                    imports: [AiEmpty],
+                    template: `
+        @if (shouldShow()) {
+            <div [class]="class()">
+                <ai-empty [icon]="icon()" [title]="title()" [description]="description()">
+                    <ng-content />
+                </ai-empty>
+            </div>
+        }
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=command-empty.js.map

package/esm2022/lib/components/command/command-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-empty.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command-empty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE/G,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAkBtC,MAAM,OAAO,cAAc;IACd,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtD,IAAI,GAAG,KAAK,CAAa,aAAa,gDAAC,CAAC;IACxC,KAAK,GAAG,KAAK,CAAS,wBAAwB,iDAAC,CAAC;IAChD,WAAW,GAAG,KAAK,CAAS,mEAAmE,uDAAC,CAAC;IACjG,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,sDAAC,CAAC;uGARtH,cAAc;2FAAd,cAAc,qmBAZb;;;;;;;;KAQT,4DATS,OAAO;;2FAaR,cAAc;kBAhB1B,SAAS;mBAAC;oBACP,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,gBAAgB;oBAC1B,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;;;KAQT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACxC","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from \"@angular/core\";\r\nimport type { ClassValue } from \"clsx\";\r\nimport { AiEmpty } from \"../empty\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { AiCommand } from \"./command\";\r\n\r\n@Component({\r\n    selector: \"ai-command-empty\",\r\n    exportAs: \"aiCommandEmpty\",\r\n    imports: [AiEmpty],\r\n    template: `\r\n        @if (shouldShow()) {\r\n            <div [class]=\"class()\">\r\n                <ai-empty [icon]=\"icon()\" [title]=\"title()\" [description]=\"description()\">\r\n                    <ng-content />\r\n                </ai-empty>\r\n            </div>\r\n        }\r\n    `,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AiCommandEmpty {\r\n    readonly #cmdComponent = inject(AiCommand, { optional: true });\r\n\r\n    readonly icon = input<AiIconType>(\"menu-search\");\r\n    readonly title = input<string>(\"Nenhum item encontrado\");\r\n    readonly description = input<string>(\"Tente ajustar sua consulta de pesquisa ou verifique a ortografia.\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly shouldShow = computed(() => (this.#cmdComponent ? this.#cmdComponent.filteredItems().length === 0 : false));\r\n}\r\n"]}

package/esm2022/lib/components/command/command-input.js

@@ -0,0 +1,137 @@
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output, signal, viewChild, ViewEncapsulation } from "@angular/core";
+import { FormsModule, NG_VALUE_ACCESSOR } from "@angular/forms";
+import { mergeClasses, noopFn } from "../../core";
+import { AiIcon } from "../icon/icon.component";
+import { AiCommand } from "./command";
+import { commandInputVariants } from "./command.variants";
+import * as i0 from "@angular/core";
+export class AiCommandInput {
+    #cmdComponent = inject(AiCommand, { optional: true });
+    searchInput = viewChild.required("searchInput");
+    placeholder = input("Type a command or search...", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    searchTerm = signal("", ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
+    changeValue = output();
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    _change = () => noopFn;
+    _touched = () => noopFn;
+    classes = computed(() => mergeClasses(commandInputVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    onInput(event) {
+        const target = event.target;
+        const { value } = target;
+        this.searchTerm.set(value);
+        this._updateParentComponents(value);
+    }
+    onKeyDown(event) {
+        if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(event.key)) {
+            if (event.key !== "Escape") {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            if (this.#cmdComponent)
+                this.#cmdComponent.onKeyDown(event);
+        }
+    }
+    onTouched() {
+        this._touched();
+    }
+    focus() {
+        this.searchInput().nativeElement.focus();
+    }
+    writeValue(value) {
+        const normalizedValue = value ?? "";
+        this.searchTerm.set(normalizedValue);
+        if (this.#cmdComponent) {
+            this.#cmdComponent.onSearch(normalizedValue);
+        }
+    }
+    registerOnChange(fn) {
+        this._change = fn;
+    }
+    registerOnTouched(fn) {
+        this._touched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    _updateParentComponents(value) {
+        if (this.#cmdComponent) {
+            this.#cmdComponent.onSearch(value);
+        }
+        this._change(value);
+        this.changeValue.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: AiCommandInput, isStandalone: true, selector: "ai-command-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeValue: "changeValue" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AiCommandInput),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], exportAs: ["aiCommandInput"], ngImport: i0, template: `
+        <div class="flex items-center border-b border-border px-3" cmdk-input-wrapper="">
+            <ai-icon icon="search" class="mr-2 shrink-0 opacity-50" />
+            <input
+                #searchInput
+                [class]="classes()"
+                [placeholder]="placeholder()"
+                [value]="searchTerm()"
+                [disabled]="disabled()"
+                (input)="onInput($event)"
+                (keydown)="onKeyDown($event)"
+                (blur)="onTouched()"
+                aria-controls="command-list"
+                aria-describedby="command-instructions"
+                aria-haspopup="listbox"
+                aria-label="Search commands"
+                autocomplete="off"
+                autocorrect="off"
+                spellcheck="false"
+                role="combobox"
+                [attr.aria-expanded]="true"
+            />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-command-input",
+                    exportAs: "aiCommandInput",
+                    imports: [AiIcon, FormsModule],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+        <div class="flex items-center border-b border-border px-3" cmdk-input-wrapper="">
+            <ai-icon icon="search" class="mr-2 shrink-0 opacity-50" />
+            <input
+                #searchInput
+                [class]="classes()"
+                [placeholder]="placeholder()"
+                [value]="searchTerm()"
+                [disabled]="disabled()"
+                (input)="onInput($event)"
+                (keydown)="onKeyDown($event)"
+                (blur)="onTouched()"
+                aria-controls="command-list"
+                aria-describedby="command-instructions"
+                aria-haspopup="listbox"
+                aria-label="Search commands"
+                autocomplete="off"
+                autocorrect="off"
+                spellcheck="false"
+                role="combobox"
+                [attr.aria-expanded]="true"
+            />
+        </div>
+    `,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AiCommandInput),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ["searchInput", { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], changeValue: [{ type: i0.Output, args: ["changeValue"] }] } });
+//# sourceMappingURL=command-input.js.map

package/esm2022/lib/components/command/command-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-input.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, ElementRef, forwardRef, inject, input, output, signal, viewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from \"@angular/forms\";\r\nimport { ClassValue } from \"clsx\";\r\nimport { ChangeFn, mergeClasses, noopFn, TouchFn } from \"../../core\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiCommand } from \"./command\";\r\nimport { commandInputVariants } from \"./command.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-command-input\",\r\n    exportAs: \"aiCommandInput\",\r\n    imports: [AiIcon, FormsModule],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    template: `\r\n        <div class=\"flex items-center border-b border-border px-3\" cmdk-input-wrapper=\"\">\r\n            <ai-icon icon=\"search\" class=\"mr-2 shrink-0 opacity-50\" />\r\n            <input\r\n                #searchInput\r\n                [class]=\"classes()\"\r\n                [placeholder]=\"placeholder()\"\r\n                [value]=\"searchTerm()\"\r\n                [disabled]=\"disabled()\"\r\n                (input)=\"onInput($event)\"\r\n                (keydown)=\"onKeyDown($event)\"\r\n                (blur)=\"onTouched()\"\r\n                aria-controls=\"command-list\"\r\n                aria-describedby=\"command-instructions\"\r\n                aria-haspopup=\"listbox\"\r\n                aria-label=\"Search commands\"\r\n                autocomplete=\"off\"\r\n                autocorrect=\"off\"\r\n                spellcheck=\"false\"\r\n                role=\"combobox\"\r\n                [attr.aria-expanded]=\"true\"\r\n            />\r\n        </div>\r\n    `,\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => AiCommandInput),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class AiCommandInput implements ControlValueAccessor {\r\n    #cmdComponent = inject(AiCommand, { optional: true });\r\n    readonly searchInput = viewChild.required<ElementRef<HTMLInputElement>>(\"searchInput\");\r\n\r\n    readonly placeholder = input<string>(\"Type a command or search...\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    readonly searchTerm = signal<string>(\"\");\r\n    readonly changeValue = output<string>();\r\n    readonly disabled = signal<boolean>(false);\r\n\r\n    protected _change: ChangeFn<string> = () => noopFn;\r\n    protected _touched: TouchFn = () => noopFn;\r\n\r\n    protected readonly classes = computed(() => mergeClasses(commandInputVariants(), this.class()));\r\n\r\n    onInput(event: Event) {\r\n        const target = event.target as HTMLInputElement;\r\n        const { value } = target;\r\n        this.searchTerm.set(value);\r\n        this._updateParentComponents(value);\r\n    }\r\n\r\n    onKeyDown(event: KeyboardEvent) {\r\n        if ([\"ArrowDown\", \"ArrowUp\", \"Enter\", \"Escape\"].includes(event.key)) {\r\n            if (event.key !== \"Escape\") {\r\n                event.preventDefault();\r\n                event.stopPropagation();\r\n            }\r\n\r\n            if (this.#cmdComponent) this.#cmdComponent.onKeyDown(event);\r\n        }\r\n    }\r\n\r\n    onTouched() {\r\n        this._touched();\r\n    }\r\n\r\n    focus() {\r\n        this.searchInput().nativeElement.focus();\r\n    }\r\n\r\n    writeValue(value: string | null) {\r\n        const normalizedValue = value ?? \"\";\r\n        this.searchTerm.set(normalizedValue);\r\n        if (this.#cmdComponent) {\r\n            this.#cmdComponent.onSearch(normalizedValue);\r\n        }\r\n    }\r\n\r\n    registerOnChange(fn: (value: string) => void): void {\r\n        this._change = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: () => void): void {\r\n        this._touched = fn;\r\n    }\r\n\r\n    setDisabledState(isDisabled: boolean): void {\r\n        this.disabled.set(isDisabled);\r\n    }\r\n\r\n    private _updateParentComponents(value: string) {\r\n        if (this.#cmdComponent) {\r\n            this.#cmdComponent.onSearch(value);\r\n        }\r\n        this._change(value);\r\n        this.changeValue.emit(value);\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/command/command-item-group.js

@@ -0,0 +1,72 @@
+import { ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, signal, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiCommand } from "./command";
+import { AiCommandItem } from "./command-item";
+import { commandGroupHeadingVariants, commandGroupVariants } from "./command.variants";
+import * as i0 from "@angular/core";
+export class AiCommandItemGroupRepository {
+}
+export class AiCommandItemGroup {
+    #cmdComponent = inject(AiCommand, { optional: true });
+    cmdItemComponents = contentChildren(AiCommandItem, { ...(ngDevMode ? { debugName: "cmdItemComponents" } : {}), descendants: true });
+    #registeredComponents = signal([], ...(ngDevMode ? [{ debugName: "#registeredComponents" }] : []));
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(commandGroupVariants({}), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    headingClasses = computed(() => mergeClasses(commandGroupHeadingVariants({})), ...(ngDevMode ? [{ debugName: "headingClasses" }] : []));
+    #itemComponents = computed(() => (this.cmdItemComponents().length ? this.cmdItemComponents() : this.#registeredComponents()), ...(ngDevMode ? [{ debugName: "#itemComponents" }] : []));
+    visibledGroup = computed(() => {
+        if (!this.#cmdComponent || !this.#itemComponents().length)
+            return true;
+        const searchTerm = this.#cmdComponent.searchTerm();
+        if (!searchTerm)
+            return true;
+        const filteredItems = this.#cmdComponent.filteredItems();
+        return this.#itemComponents().some(item => filteredItems.includes(item));
+    }, ...(ngDevMode ? [{ debugName: "visibledGroup" }] : []));
+    register(item) {
+        this.#registeredComponents.update(items => [...items, item]);
+    }
+    unregister(item) {
+        this.#registeredComponents.update(items => items.filter(i => i !== item));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiCommandItemGroup, isStandalone: true, selector: "ai-command-item-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "cmdItemComponents", predicate: AiCommandItem, descendants: true, isSignal: true }], exportAs: ["aiCommandItemGroup"], ngImport: i0, template: `
+        @if (visibledGroup()) {
+            <div [class]="classes()" role="group">
+                @if (label()) {
+                    <div [class]="headingClasses()" role="presentation">
+                        {{ label() }}
+                    </div>
+                }
+                <div role="group">
+                    <ng-content />
+                </div>
+            </div>
+        }
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandItemGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-command-item-group",
+                    exportAs: "aiCommandItemGroup",
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+        @if (visibledGroup()) {
+            <div [class]="classes()" role="group">
+                @if (label()) {
+                    <div [class]="headingClasses()" role="presentation">
+                        {{ label() }}
+                    </div>
+                }
+                <div role="group">
+                    <ng-content />
+                </div>
+            </div>
+        }
+    `,
+                }]
+        }], propDecorators: { cmdItemComponents: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AiCommandItem), { ...{ descendants: true }, isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=command-item-group.js.map

package/esm2022/lib/components/command/command-item-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-item-group.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command-item-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAExI,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;;AAEvF,MAAM,OAAgB,4BAA4B;CAGjD;AAsBD,MAAM,OAAO,kBAAkB;IAClB,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9C,iBAAiB,GAAG,eAAe,CAAC,aAAa,8DAAI,WAAW,EAAE,IAAI,GAAG,CAAC;IAClF,qBAAqB,GAAG,MAAM,CAAkB,EAAE,iEAAC,CAAC;IAEpD,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAC;IACjC,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;IAC/E,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,EAAE,CAAC,CAAC,0DAAC,CAAC;IACzF,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,2DAAC,CAAC;IAEpH,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEvE,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QACnD,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAC;QAE7B,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC;QACzD,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,CAAC,yDAAC,CAAC;IAEH,QAAQ,CAAC,IAAmB;QACxB,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,UAAU,CAAC,IAAmB;QAC1B,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAC9E,CAAC;uGA5BQ,kBAAkB;2FAAlB,kBAAkB,8WAE0B,aAAa,kGAjBxD;;;;;;;;;;;;;KAaT;;2FAEQ,kBAAkB;kBApB9B,SAAS;mBAAC;oBACP,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,oBAAoB;oBAC9B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;KAaT;iBACJ;yGAGwD,aAAa,QAAE,EAAE,WAAW,EAAE,IAAI,EAAE","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, signal, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"clsx\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { AiCommand } from \"./command\";\r\nimport { AiCommandItem } from \"./command-item\";\r\nimport { commandGroupHeadingVariants, commandGroupVariants } from \"./command.variants\";\r\n\r\nexport abstract class AiCommandItemGroupRepository {\r\n    abstract register(item: AiCommandItem): void;\r\n    abstract unregister(item: AiCommandItem): void;\r\n}\r\n\r\n@Component({\r\n    selector: \"ai-command-item-group\",\r\n    exportAs: \"aiCommandItemGroup\",\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    template: `\r\n        @if (visibledGroup()) {\r\n            <div [class]=\"classes()\" role=\"group\">\r\n                @if (label()) {\r\n                    <div [class]=\"headingClasses()\" role=\"presentation\">\r\n                        {{ label() }}\r\n                    </div>\r\n                }\r\n                <div role=\"group\">\r\n                    <ng-content />\r\n                </div>\r\n            </div>\r\n        }\r\n    `,\r\n})\r\nexport class AiCommandItemGroup implements AiCommandItemGroupRepository {\r\n    readonly #cmdComponent = inject(AiCommand, { optional: true });\r\n    private readonly cmdItemComponents = contentChildren(AiCommandItem, { descendants: true });\r\n    readonly #registeredComponents = signal<AiCommandItem[]>([]);\r\n\r\n    readonly label = input.required<string>();\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(commandGroupVariants({}), this.class()));\r\n    protected readonly headingClasses = computed(() => mergeClasses(commandGroupHeadingVariants({})));\r\n    readonly #itemComponents = computed(() => (this.cmdItemComponents().length ? this.cmdItemComponents() : this.#registeredComponents()));\r\n\r\n    protected readonly visibledGroup = computed(() => {\r\n        if (!this.#cmdComponent || !this.#itemComponents().length) return true;\r\n\r\n        const searchTerm = this.#cmdComponent.searchTerm();\r\n        if (!searchTerm) return true;\r\n\r\n        const filteredItems = this.#cmdComponent.filteredItems();\r\n        return this.#itemComponents().some(item => filteredItems.includes(item));\r\n    });\r\n\r\n    register(item: AiCommandItem) {\r\n        this.#registeredComponents.update(items => [...items, item]);\r\n    }\r\n\r\n    unregister(item: AiCommandItem) {\r\n        this.#registeredComponents.update(items => items.filter(i => i !== item));\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/command/command-item.js

@@ -0,0 +1,122 @@
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, signal, ViewEncapsulation } from "@angular/core";
+import { mergeClasses, transform } from "../../core";
+import { AiIcon } from "../icon/icon.component";
+import { AiCommand } from "./command";
+import { commandItemVariants, commandShortcutVariants } from "./command.variants";
+import * as i0 from "@angular/core";
+export class AiCommandItem {
+    #elementRef = inject(ElementRef);
+    #cmdComponent = inject(AiCommand, { optional: true });
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    command = input("", ...(ngDevMode ? [{ debugName: "command" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    shortcut = input("", ...(ngDevMode ? [{ debugName: "shortcut" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform });
+    variant = input("default", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    parentCommand = input(null, ...(ngDevMode ? [{ debugName: "parentCommand" }] : []));
+    commandItemGroup = input(null, ...(ngDevMode ? [{ debugName: "commandItemGroup" }] : []));
+    selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    classes = computed(() => mergeClasses(commandItemVariants({ variant: this.variant() }), this.selected() ? "bg-default text-default-foreground" : "", this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    shortcutClasses = computed(() => mergeClasses(commandShortcutVariants()), ...(ngDevMode ? [{ debugName: "shortcutClasses" }] : []));
+    visibledItem = computed(() => {
+        const parent = this.#cmdComponent;
+        if (!parent)
+            return true;
+        return !parent.searchTerm() || parent.filteredItems().includes(this);
+    }, ...(ngDevMode ? [{ debugName: "visibledItem" }] : []));
+    constructor() {
+        effect(onCleanup => {
+            const cmd = this.parentCommand();
+            const grp = this.commandItemGroup();
+            if (cmd) {
+                cmd.register(this);
+                onCleanup(() => cmd.unregister(this));
+            }
+            if (grp) {
+                grp.register(this);
+                onCleanup(() => grp.unregister(this));
+            }
+        });
+    }
+    onChange() {
+        if (this.disabled())
+            return;
+        this.#cmdComponent?.selectItem(this);
+    }
+    onMouseEnter() {
+        if (this.disabled())
+            return;
+    }
+    setSelected(selected) {
+        this.selected.set(selected);
+    }
+    focus() {
+        const element = this.#elementRef.nativeElement;
+        element.focus();
+        element.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiCommandItem, isStandalone: true, selector: "ai-command-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, parentCommand: { classPropertyName: "parentCommand", publicName: "parentCommand", isSignal: true, isRequired: false, transformFunction: null }, commandItemGroup: { classPropertyName: "commandItemGroup", publicName: "commandItemGroup", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiCommandItem"], ngImport: i0, template: `
+        @if (visibledItem()) {
+            <div
+                [class]="classes()"
+                [attr.role]="'item'"
+                [attr.disabled]="disabled()"
+                [attr.aria-selected]="selected()"
+                [attr.data-selected]="selected()"
+                [attr.data-disabled]="disabled()"
+                [attr.tabindex]="0"
+                (click)="onChange()"
+                (keydown.{enter,space}.prevent)="onChange()"
+                (mouseenter)="onMouseEnter()"
+            >
+                @let nameIcon = icon();
+                @if (nameIcon) {
+                    <ai-icon [icon]="nameIcon!" class="mr-2 flex shrink-0 items-center justify-center" />
+                }
+                <span class="flex-1">{{ label() }}</span>
+                @if (shortcut()) {
+                    <span [class]="shortcutClasses()">{{ shortcut() }}</span>
+                }
+            </div>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-command-item",
+                    exportAs: "aiCommandItem",
+                    imports: [AiIcon],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+        @if (visibledItem()) {
+            <div
+                [class]="classes()"
+                [attr.role]="'item'"
+                [attr.disabled]="disabled()"
+                [attr.aria-selected]="selected()"
+                [attr.data-selected]="selected()"
+                [attr.data-disabled]="disabled()"
+                [attr.tabindex]="0"
+                (click)="onChange()"
+                (keydown.{enter,space}.prevent)="onChange()"
+                (mouseenter)="onMouseEnter()"
+            >
+                @let nameIcon = icon();
+                @if (nameIcon) {
+                    <ai-icon [icon]="nameIcon!" class="mr-2 flex shrink-0 items-center justify-center" />
+                }
+                <span class="flex-1">{{ label() }}</span>
+                @if (shortcut()) {
+                    <span [class]="shortcutClasses()">{{ shortcut() }}</span>
+                }
+            </div>
+        }
+    `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], command: [{ type: i0.Input, args: [{ isSignal: true, alias: "command", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], shortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcut", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], parentCommand: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentCommand", required: false }] }], commandItemGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "commandItemGroup", required: false }] }] } });
+//# sourceMappingURL=command-item.js.map

package/esm2022/lib/components/command/command-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-item.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE3I,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAuB,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;;AAkCvG,MAAM,OAAO,aAAa;IACb,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtD,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAW,CAAC;IAClC,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAC;IACjC,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC,CAAC;IAC5B,IAAI,GAAG,KAAK,0DAAc,CAAC;IAC3B,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC,CAAC;IAC7B,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,GAAG,CAAC;IACvC,OAAO,GAAG,KAAK,CAAsB,SAAS,mDAAC,CAAC;IAChD,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAC9B,aAAa,GAAG,KAAK,CAAmB,IAAI,yDAAC,CAAC;IAC9C,gBAAgB,GAAG,KAAK,CAA4B,IAAI,4DAAC,CAAC;IAE1D,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC,CAAC;IAExB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,YAAY,CAAC,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAC5I,CAAC;IACiB,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,CAAC,2DAAC,CAAC;IAE1E,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzE,CAAC,wDAAC,CAAC;IAEH;QACI,MAAM,CAAC,SAAS,CAAC,EAAE;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YACjC,MAAM,GAAG,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAEpC,IAAI,GAAG,EAAE,CAAC;gBACN,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACnB,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1C,CAAC;YAED,IAAI,GAAG,EAAE,CAAC;gBACN,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACnB,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1C,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,QAAQ;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAC5B,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,YAAY;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;IAChC,CAAC;IAED,WAAW,CAAC,QAAiB;QACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAED,KAAK;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QAC/C,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACrE,CAAC;uGA/DQ,aAAa;2FAAb,aAAa,s3CA1BZ;;;;;;;;;;;;;;;;;;;;;;;;KAwBT,4DA3BS,MAAM;;2FA6BP,aAAa;kBAhCzB,SAAS;mBAAC;oBACP,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,OAAO,EAAE,CAAC,MAAM,CAAC;oBACjB,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;KAwBT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, signal, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"clsx\";\r\nimport { mergeClasses, transform } from \"../../core\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { AiCommand } from \"./command\";\r\nimport { AiCommandItemGroup } from \"./command-item-group\";\r\nimport { CommandItemVariants, commandItemVariants, commandShortcutVariants } from \"./command.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-command-item\",\r\n    exportAs: \"aiCommandItem\",\r\n    imports: [AiIcon],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    template: `\r\n        @if (visibledItem()) {\r\n            <div\r\n                [class]=\"classes()\"\r\n                [attr.role]=\"'item'\"\r\n                [attr.disabled]=\"disabled()\"\r\n                [attr.aria-selected]=\"selected()\"\r\n                [attr.data-selected]=\"selected()\"\r\n                [attr.data-disabled]=\"disabled()\"\r\n                [attr.tabindex]=\"0\"\r\n                (click)=\"onChange()\"\r\n                (keydown.{enter,space}.prevent)=\"onChange()\"\r\n                (mouseenter)=\"onMouseEnter()\"\r\n            >\r\n                @let nameIcon = icon();\r\n                @if (nameIcon) {\r\n                    <ai-icon [icon]=\"nameIcon!\" class=\"mr-2 flex shrink-0 items-center justify-center\" />\r\n                }\r\n                <span class=\"flex-1\">{{ label() }}</span>\r\n                @if (shortcut()) {\r\n                    <span [class]=\"shortcutClasses()\">{{ shortcut() }}</span>\r\n                }\r\n            </div>\r\n        }\r\n    `,\r\n})\r\nexport class AiCommandItem {\r\n    readonly #elementRef = inject(ElementRef);\r\n    readonly #cmdComponent = inject(AiCommand, { optional: true });\r\n\r\n    readonly value = input.required<unknown>();\r\n    readonly label = input.required<string>();\r\n    readonly command = input<string>(\"\");\r\n    readonly icon = input<AiIconType>();\r\n    readonly shortcut = input<string>(\"\");\r\n    readonly disabled = input(false, { transform });\r\n    readonly variant = input<CommandItemVariants>(\"default\");\r\n    readonly class = input<ClassValue>(\"\");\r\n    readonly parentCommand = input<AiCommand | null>(null);\r\n    readonly commandItemGroup = input<AiCommandItemGroup | null>(null);\r\n\r\n    readonly selected = signal<boolean>(false);\r\n\r\n    protected readonly classes = computed(() =>\r\n        mergeClasses(commandItemVariants({ variant: this.variant() }), this.selected() ? \"bg-default text-default-foreground\" : \"\", this.class()),\r\n    );\r\n    protected readonly shortcutClasses = computed(() => mergeClasses(commandShortcutVariants()));\r\n\r\n    protected readonly visibledItem = computed(() => {\r\n        const parent = this.#cmdComponent;\r\n        if (!parent) return true;\r\n\r\n        return !parent.searchTerm() || parent.filteredItems().includes(this);\r\n    });\r\n\r\n    constructor() {\r\n        effect(onCleanup => {\r\n            const cmd = this.parentCommand();\r\n            const grp = this.commandItemGroup();\r\n\r\n            if (cmd) {\r\n                cmd.register(this);\r\n                onCleanup(() => cmd.unregister(this));\r\n            }\r\n\r\n            if (grp) {\r\n                grp.register(this);\r\n                onCleanup(() => grp.unregister(this));\r\n            }\r\n        });\r\n    }\r\n\r\n    onChange() {\r\n        if (this.disabled()) return;\r\n        this.#cmdComponent?.selectItem(this);\r\n    }\r\n\r\n    onMouseEnter() {\r\n        if (this.disabled()) return;\r\n    }\r\n\r\n    setSelected(selected: boolean) {\r\n        this.selected.set(selected);\r\n    }\r\n\r\n    focus() {\r\n        const element = this.#elementRef.nativeElement;\r\n        element.focus();\r\n        element.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/command/command-list.js

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { commandListVariants } from "./command.variants";
+import * as i0 from "@angular/core";
+export class AiCommandList {
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(commandListVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiCommandList, isStandalone: true, selector: "ai-command-list", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiCommandList"], ngImport: i0, template: `
+        <div [class]="classes()" role="listbox" id="command-list">
+            <ng-content />
+        </div>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-command-list",
+                    exportAs: "aiCommandList",
+                    template: `
+        <div [class]="classes()" role="listbox" id="command-list">
+            <ng-content />
+        </div>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=command-list.js.map

package/esm2022/lib/components/command/command-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-list.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAazD,MAAM,OAAO,aAAa;IACb,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAHtF,aAAa;2FAAb,aAAa,4OARZ;;;;KAIT;;2FAIQ,aAAa;kBAXzB,SAAS;mBAAC;oBACP,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE;;;;KAIT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACxC","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport type { ClassValue } from \"clsx\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { commandListVariants } from \"./command.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-command-list\",\r\n    exportAs: \"aiCommandList\",\r\n    template: `\r\n        <div [class]=\"classes()\" role=\"listbox\" id=\"command-list\">\r\n            <ng-content />\r\n        </div>\r\n    `,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AiCommandList {\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(commandListVariants(), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/command/command-separator.js

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiCommand } from "./command";
+import { commandSeparatorVariants } from "./command.variants";
+import * as i0 from "@angular/core";
+export class AiCommandSeparator {
+    #cmdComponent = inject(AiCommand, { optional: true });
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(commandSeparatorVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    shouldShow = computed(() => {
+        if (!this.#cmdComponent)
+            return;
+        const searchTerm = this.#cmdComponent.searchTerm();
+        if (searchTerm === "")
+            return true;
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "shouldShow" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiCommandSeparator, isStandalone: true, selector: "ai-command-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiCommandSeparator"], ngImport: i0, template: `
+        @if (shouldShow()) {
+            <div [class]="classes()" role="separator"></div>
+        }
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCommandSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-command-separator",
+                    exportAs: "aiCommandSeparator",
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+        @if (shouldShow()) {
+            <div [class]="classes()" role="separator"></div>
+        }
+    `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=command-separator.js.map

package/esm2022/lib/components/command/command-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE/G,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;;AAa9D,MAAM,OAAO,kBAAkB;IAC3B,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7C,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;IAEjF,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO;QAEhC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QAEnD,IAAI,UAAU,KAAK,EAAE;YAAE,OAAO,IAAI,CAAC;QACnC,OAAO,KAAK,CAAC;IACjB,CAAC,sDAAC,CAAC;uGAdM,kBAAkB;2FAAlB,kBAAkB,sPANjB;;;;KAIT;;2FAEQ,kBAAkB;kBAX9B,SAAS;mBAAC;oBACP,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE,oBAAoB;oBAC9B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"clsx\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { AiCommand } from \"./command\";\r\nimport { commandSeparatorVariants } from \"./command.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-command-separator\",\r\n    exportAs: \"aiCommandSeparator\",\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    template: `\r\n        @if (shouldShow()) {\r\n            <div [class]=\"classes()\" role=\"separator\"></div>\r\n        }\r\n    `,\r\n})\r\nexport class AiCommandSeparator {\r\n    #cmdComponent = inject(AiCommand, { optional: true });\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(commandSeparatorVariants(), this.class()));\r\n\r\n    protected readonly shouldShow = computed(() => {\r\n        if (!this.#cmdComponent) return;\r\n\r\n        const searchTerm = this.#cmdComponent.searchTerm();\r\n\r\n        if (searchTerm === \"\") return true;\r\n        return false;\r\n    });\r\n}\r\n"]}

package/esm2022/lib/components/command/command.config.js

@@ -0,0 +1,3 @@
+export class AiCommandRepository {
+}
+//# sourceMappingURL=command.config.js.map

package/esm2022/lib/components/command/command.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.config.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command.config.ts"],"names":[],"mappings":"AA2BA,MAAM,OAAgB,mBAAmB;CAGxC","sourcesContent":["import { AiIconType } from \"../icon/icons\";\r\nimport { AiCommandItem } from \"./command-item\";\r\n\r\nexport interface AiCommandItemConfig {\r\n    value: string | unknown;\r\n    label: string;\r\n    disabled?: boolean;\r\n    command?: string;\r\n    shortcut?: string;\r\n    icon?: AiIconType;\r\n    action?: () => void;\r\n    key?: string;\r\n}\r\n\r\nexport interface AiCommandGroup {\r\n    label: string;\r\n    items: AiCommandItemConfig[];\r\n}\r\n\r\nexport interface AiCommandConfig {\r\n    placeholder?: string;\r\n    emptyText?: string;\r\n    groups: AiCommandGroup[];\r\n    dividers?: boolean;\r\n    onSelect?: (item: AiCommandItemConfig) => void;\r\n}\r\n\r\nexport abstract class AiCommandRepository {\r\n    abstract register(item: AiCommandItem): void;\r\n    abstract unregister(item: AiCommandItem): void;\r\n}\r\n"]}

package/esm2022/lib/components/command/command.imports.js

@@ -0,0 +1,9 @@
+import { AiCommand } from "./command";
+import { AiCommandEmpty } from "./command-empty";
+import { AiCommandInput } from "./command-input";
+import { AiCommandItem } from "./command-item";
+import { AiCommandItemGroup } from "./command-item-group";
+import { AiCommandList } from "./command-list";
+import { AiCommandSeparator } from "./command-separator";
+export const AiCommandImports = [AiCommand, AiCommandInput, AiCommandList, AiCommandItem, AiCommandItemGroup, AiCommandSeparator, AiCommandEmpty];
+//# sourceMappingURL=command.imports.js.map

package/esm2022/lib/components/command/command.imports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.imports.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/command/command.imports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,cAAc,CAAU,CAAC","sourcesContent":["import { AiCommand } from \"./command\";\r\nimport { AiCommandEmpty } from \"./command-empty\";\r\nimport { AiCommandInput } from \"./command-input\";\r\nimport { AiCommandItem } from \"./command-item\";\r\nimport { AiCommandItemGroup } from \"./command-item-group\";\r\nimport { AiCommandList } from \"./command-list\";\r\nimport { AiCommandSeparator } from \"./command-separator\";\r\n\r\nexport const AiCommandImports = [AiCommand, AiCommandInput, AiCommandList, AiCommandItem, AiCommandItemGroup, AiCommandSeparator, AiCommandEmpty] as const;\r\n"]}