@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/dialog/dialog-ref.js

@@ -0,0 +1,85 @@
+import { __decorate, __metadata, __param } from "tslib";
+import { OverlayRef } from "@angular/cdk/overlay";
+import { isPlatformBrowser } from "@angular/common";
+import { EventEmitter, Inject, PLATFORM_ID, signal } from "@angular/core";
+import { filter, fromEvent, Subject, takeUntil } from "rxjs";
+import { AiDialog } from "./dialog";
+import { AiDialogConfig } from "./dialog.config";
+let AiDialogRef = class AiDialogRef {
+    overlayRef;
+    config;
+    instance;
+    platformId;
+    #destroyed = new Subject();
+    #closed = signal(false, ...(ngDevMode ? [{ debugName: "#closed" }] : []));
+    result;
+    componentInstance = null;
+    #getContentComponent = () => this.componentInstance;
+    constructor(overlayRef, config, instance, platformId) {
+        this.overlayRef = overlayRef;
+        this.config = config;
+        this.instance = instance;
+        this.platformId = platformId;
+        this.instance.cancelTriggered.subscribe(() => this._trigger("cancel" /* triggerActionEnum.CANCEL */));
+        this.instance.confirmTriggered.subscribe(() => this._trigger("confirm" /* triggerActionEnum.CONFIRM */));
+        if ((this.config.maskClosable ?? true) && isPlatformBrowser(this.platformId)) {
+            this.overlayRef
+                .outsidePointerEvents()
+                .pipe(takeUntil(this.#destroyed))
+                .subscribe(() => this.close());
+        }
+        if (isPlatformBrowser(this.platformId)) {
+            fromEvent(document, "keydown")
+                .pipe(filter(event => event.key === "Escape"), takeUntil(this.#destroyed))
+                .subscribe(() => this.close());
+        }
+    }
+    close(result) {
+        if (this.#closed())
+            return;
+        this.#closed.set(true);
+        this.result = result;
+        if (isPlatformBrowser(this.platformId)) {
+            const element = this.instance.nativeElement();
+            element.classList.add("dialog-leave");
+        }
+        setTimeout(() => {
+            if (this.overlayRef) {
+                if (this.overlayRef.hasAttached()) {
+                    this.overlayRef.detachBackdrop();
+                }
+                this.overlayRef.dispose();
+            }
+            if (!this.#destroyed.closed) {
+                this.#destroyed.next();
+                this.#destroyed.complete();
+            }
+        }, 150);
+    }
+    _trigger(action) {
+        const trigger = { confirm: this.config.onConfirm, cancel: this.config.onCancel }[action];
+        if (trigger instanceof EventEmitter) {
+            trigger.emit(this.#getContentComponent());
+        }
+        else if (typeof trigger === "function") {
+            const result = trigger(this.#getContentComponent());
+            this._closeWithResult(result);
+        }
+        else {
+            this.close();
+        }
+    }
+    _closeWithResult(result) {
+        if (result !== false) {
+            this.close(result);
+        }
+    }
+};
+AiDialogRef = __decorate([
+    __param(3, Inject(PLATFORM_ID)),
+    __metadata("design:paramtypes", [OverlayRef,
+        AiDialogConfig,
+        AiDialog, Object])
+], AiDialogRef);
+export { AiDialogRef };
+//# sourceMappingURL=dialog-ref.js.map

package/esm2022/lib/components/dialog/dialog-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-ref.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog-ref.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAOjD,IAAa,WAAW,GAAxB,MAAa,WAAW;IAUR;IACA;IACA;IACqB;IAZjC,UAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;IACjC,OAAO,GAAG,MAAM,CAAU,KAAK,mDAAC,CAAC;IAEvB,MAAM,CAAK;IACrB,iBAAiB,GAAc,IAAI,CAAC;IAEpC,oBAAoB,GAAG,GAAM,EAAE,CAAC,IAAI,CAAC,iBAAsB,CAAC;IAE5D,YACY,UAAsB,EACtB,MAA4B,EAC5B,QAAwB,EACH,UAAkB;QAHvC,eAAU,GAAV,UAAU,CAAY;QACtB,WAAM,GAAN,MAAM,CAAsB;QAC5B,aAAQ,GAAR,QAAQ,CAAgB;QACH,eAAU,GAAV,UAAU,CAAQ;QAE/C,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,yCAA0B,CAAC,CAAC;QACvF,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,2CAA2B,CAAC,CAAC;QAEzF,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;YAC3E,IAAI,CAAC,UAAU;iBACV,oBAAoB,EAAE;iBACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;iBAChC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;YACrC,SAAS,CAAgB,QAAQ,EAAE,SAAS,CAAC;iBACxC,IAAI,CACD,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,EACvC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAC7B;iBACA,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,MAAU;QACZ,IAAI,IAAI,CAAC,OAAO,EAAE;YAAE,OAAO;QAE3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;YACrC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;YAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC;oBAChC,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;gBACrC,CAAC;gBACD,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;gBACvB,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;YAC/B,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAEO,QAAQ,CAAC,MAAyB;QACtC,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QAEzF,IAAI,OAAO,YAAY,YAAY,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAC9C,CAAC;aAAM,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAM,CAAC;YACzD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACL,CAAC;IAEO,gBAAgB,CAAC,MAAS;QAC9B,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;IACL,CAAC;CACJ,CAAA;AA/EY,WAAW;IAaf,WAAA,MAAM,CAAC,WAAW,CAAC,CAAA;qCAHA,UAAU;QACd,cAAc;QACZ,QAAQ;GAZrB,WAAW,CA+EvB","sourcesContent":["import { OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { isPlatformBrowser } from \"@angular/common\";\r\nimport { EventEmitter, Inject, PLATFORM_ID, signal } from \"@angular/core\";\r\nimport { filter, fromEvent, Subject, takeUntil } from \"rxjs\";\r\nimport { AiDialog } from \"./dialog\";\r\nimport { AiDialogConfig } from \"./dialog.config\";\r\n\r\nconst enum triggerActionEnum {\r\n    CANCEL = \"cancel\",\r\n    CONFIRM = \"confirm\",\r\n}\r\n\r\nexport class AiDialogRef<T = any, R = any, U = any> {\r\n    #destroyed = new Subject<void>();\r\n    #closed = signal<boolean>(false);\r\n\r\n    protected result?: R;\r\n    componentInstance?: T | null = null;\r\n\r\n    #getContentComponent = (): T => this.componentInstance as T;\r\n\r\n    constructor(\r\n        private overlayRef: OverlayRef,\r\n        private config: AiDialogConfig<T, U>,\r\n        private instance: AiDialog<T, U>,\r\n        @Inject(PLATFORM_ID) private platformId: object,\r\n    ) {\r\n        this.instance.cancelTriggered.subscribe(() => this._trigger(triggerActionEnum.CANCEL));\r\n        this.instance.confirmTriggered.subscribe(() => this._trigger(triggerActionEnum.CONFIRM));\r\n\r\n        if ((this.config.maskClosable ?? true) && isPlatformBrowser(this.platformId)) {\r\n            this.overlayRef\r\n                .outsidePointerEvents()\r\n                .pipe(takeUntil(this.#destroyed))\r\n                .subscribe(() => this.close());\r\n        }\r\n\r\n        if (isPlatformBrowser(this.platformId)) {\r\n            fromEvent<KeyboardEvent>(document, \"keydown\")\r\n                .pipe(\r\n                    filter(event => event.key === \"Escape\"),\r\n                    takeUntil(this.#destroyed),\r\n                )\r\n                .subscribe(() => this.close());\r\n        }\r\n    }\r\n\r\n    close(result?: R) {\r\n        if (this.#closed()) return;\r\n\r\n        this.#closed.set(true);\r\n        this.result = result;\r\n\r\n        if (isPlatformBrowser(this.platformId)) {\r\n            const element = this.instance.nativeElement();\r\n            element.classList.add(\"dialog-leave\");\r\n        }\r\n\r\n        setTimeout(() => {\r\n            if (this.overlayRef) {\r\n                if (this.overlayRef.hasAttached()) {\r\n                    this.overlayRef.detachBackdrop();\r\n                }\r\n                this.overlayRef.dispose();\r\n            }\r\n\r\n            if (!this.#destroyed.closed) {\r\n                this.#destroyed.next();\r\n                this.#destroyed.complete();\r\n            }\r\n        }, 150);\r\n    }\r\n\r\n    private _trigger(action: triggerActionEnum) {\r\n        const trigger = { confirm: this.config.onConfirm, cancel: this.config.onCancel }[action];\r\n\r\n        if (trigger instanceof EventEmitter) {\r\n            trigger.emit(this.#getContentComponent());\r\n        } else if (typeof trigger === \"function\") {\r\n            const result = trigger(this.#getContentComponent()) as R;\r\n            this._closeWithResult(result);\r\n        } else {\r\n            this.close();\r\n        }\r\n    }\r\n\r\n    private _closeWithResult(result: R): void {\r\n        if (result !== false) {\r\n            this.close(result);\r\n        }\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,22 @@
+import { noopFn } from "../../core";
+export class AiDialogConfig {
+    cancelIcon;
+    cancelText;
+    confirmIcon;
+    confirmText;
+    closable;
+    component;
+    customClasses;
+    data;
+    title;
+    description;
+    hideFooter;
+    maskClosable;
+    confirmDestructive;
+    confirmDisabled;
+    onCancel = noopFn;
+    onConfirm = noopFn;
+    viewContainerRef;
+    width;
+}
+//# sourceMappingURL=dialog.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.config.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAKpC,MAAM,OAAO,cAAc;IACvB,UAAU,CAAc;IACxB,UAAU,CAAiB;IAC3B,WAAW,CAAc;IACzB,WAAW,CAAiB;IAC5B,QAAQ,CAAW;IACnB,SAAS,CAAqC;IAC9C,aAAa,CAAU;IACvB,IAAI,CAAK;IACT,KAAK,CAA2B;IAChC,WAAW,CAAU;IACrB,UAAU,CAAW;IACrB,YAAY,CAAW;IACvB,kBAAkB,CAAW;IAC7B,eAAe,CAAW;IAC1B,QAAQ,GAA0C,MAAM,CAAC;IACzD,SAAS,GAA0C,MAAM,CAAC;IAC1D,gBAAgB,CAAoB;IACpC,KAAK,CAAU;CAClB","sourcesContent":["import { EventEmitter, TemplateRef, Type, ViewContainerRef } from \"@angular/core\";\r\nimport { noopFn } from \"../../core\";\r\nimport { AiIconType } from \"../icon\";\r\n\r\nexport type onClickCallback<T> = (instance: T) => false | void | object;\r\n\r\nexport class AiDialogConfig<T, U> {\r\n    cancelIcon?: AiIconType;\r\n    cancelText?: string | null;\r\n    confirmIcon?: AiIconType;\r\n    confirmText?: string | null;\r\n    closable?: boolean;\r\n    component?: string | TemplateRef<T> | Type<T>;\r\n    customClasses?: string;\r\n    data?: U;\r\n    title?: string | TemplateRef<T>;\r\n    description?: string;\r\n    hideFooter?: boolean;\r\n    maskClosable?: boolean;\r\n    confirmDestructive?: boolean;\r\n    confirmDisabled?: boolean;\r\n    onCancel?: EventEmitter<T> | onClickCallback<T> = noopFn;\r\n    onConfirm?: EventEmitter<T> | onClickCallback<T> = noopFn;\r\n    viewContainerRef?: ViewContainerRef;\r\n    width?: string;\r\n}\r\n"]}

package/esm2022/lib/components/dialog/dialog.js

@@ -0,0 +1,51 @@
+import { OverlayModule } from "@angular/cdk/overlay";
+import { BasePortalOutlet, CdkPortalOutlet, PortalModule } from "@angular/cdk/portal";
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, output, viewChild, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiButton } from "../button";
+import { AiIcon } from "../icon/icon.component";
+import { AiDialogConfig } from "./dialog.config";
+import { dialogVariants } from "./dialog.variants";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/portal";
+export class AiDialog extends BasePortalOutlet {
+    #element = inject((ElementRef));
+    config = inject((AiDialogConfig));
+    classes = computed(() => mergeClasses(dialogVariants(), this.config.customClasses), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    dialogRef;
+    hasStringContent = typeof this.config.component === "string";
+    portalOutlet = viewChild.required(CdkPortalOutlet);
+    confirmTriggered = output();
+    cancelTriggered = output();
+    nativeElement = () => this.#element.nativeElement;
+    attachComponentPortal(portal) {
+        if (this.portalOutlet()?.hasAttached()) {
+            throw new Error("Attempting to attach modal content after content is already attached");
+        }
+        return this.portalOutlet()?.attachComponentPortal(portal);
+    }
+    attachTemplatePortal(portal) {
+        if (this.portalOutlet()?.hasAttached()) {
+            throw new Error("Attempting to attach modal content after content is already attached");
+        }
+        return this.portalOutlet()?.attachTemplatePortal(portal);
+    }
+    onConfirm() {
+        this.confirmTriggered.emit();
+    }
+    onCancel() {
+        this.cancelTriggered.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiDialog, isStandalone: true, selector: "ai-dialog", outputs: { confirmTriggered: "confirmTriggered", cancelTriggered: "cancelTriggered" }, host: { attributes: { "animate.enter": "dialog-enter", "animate.leave": "dialog-leave" }, properties: { "class": "classes()", "style.width": "config.width ? config.width : null" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], exportAs: ["aiDialog"], usesInheritance: true, ngImport: i0, template: "@if (config.closable || config.closable === undefined) {\r\n<ai-button icon=\"close\"\r\n    type=\"button\"\r\n    variant=\"ghost\"\r\n    size=\"xs\"\r\n    class=\"absolute top-2 right-2\"\r\n    (click)=\"onCancel()\" />\r\n}\r\n\r\n@if (config.title || config.description) {\r\n    <header class=\"flex flex-col space-y-1.5 text-center sm:text-left\">\r\n        @if (config.title) {\r\n            <h4 class=\"text-lg leading-none font-semibold font-title tracking-tight\">{{ config.title }}</h4>\r\n\r\n            @if (config.description) {\r\n                <p class=\"text-muted-foreground font-text text-sm\">{{ config.description }}</p>\r\n            }\r\n        }\r\n    </header>\r\n}\r\n\r\n<main class=\"flex flex-col space-y-4\">\r\n    <ng-template cdkPortalOutlet />\r\n\r\n    @if (hasStringContent) {\r\n        <div [innerHTML]=\"config.component\"></div>\r\n    }\r\n</main>\r\n\r\n@if (!config.hideFooter) {\r\n    <footer class=\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-0 sm:space-x-2\">\r\n        @if (config.cancelText !== null) {\r\n            <button ai-button type=\"button\" variant=\"default\" (click)=\"onCancel()\">\r\n                @if (config.cancelIcon) {\r\n                    <ai-icon [icon]=\"config.cancelIcon\" />\r\n                }\r\n\r\n                {{ config.cancelText ?? \"Cancelar\" }}\r\n            </button>\r\n        }\r\n\r\n        @if (config.confirmText !== null) {\r\n            <button ai-button\r\n                type=\"button\"\r\n                [variant]=\"config.confirmDestructive ? 'destructive' : 'primary'\"\r\n                [disabled]=\"config.confirmDisabled || false\"\r\n                (click)=\"onConfirm()\">\r\n                @if (config.confirmIcon) {\r\n                    <ai-icon [icon]=\"config.confirmIcon\" />\r\n                }\r\n\r\n                {{ config.confirmText ?? 'OK' }}\r\n            </button>\r\n        }\r\n    </footer>\r\n}", styles: [":host{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{:host{opacity:0;transform:scale(.9)}}:host.dialog-leave{opacity:0;transform:scale(.9);transition:opacity .15s ease-in,transform .15s ease-in}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }, { 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: AiDialog, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-dialog", exportAs: "aiDialog", imports: [OverlayModule, PortalModule, AiButton, AiIcon], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class]": "classes()",
+                        "[style.width]": "config.width ? config.width : null",
+                        "animate.enter": "dialog-enter",
+                        "animate.leave": "dialog-leave",
+                    }, template: "@if (config.closable || config.closable === undefined) {\r\n<ai-button icon=\"close\"\r\n    type=\"button\"\r\n    variant=\"ghost\"\r\n    size=\"xs\"\r\n    class=\"absolute top-2 right-2\"\r\n    (click)=\"onCancel()\" />\r\n}\r\n\r\n@if (config.title || config.description) {\r\n    <header class=\"flex flex-col space-y-1.5 text-center sm:text-left\">\r\n        @if (config.title) {\r\n            <h4 class=\"text-lg leading-none font-semibold font-title tracking-tight\">{{ config.title }}</h4>\r\n\r\n            @if (config.description) {\r\n                <p class=\"text-muted-foreground font-text text-sm\">{{ config.description }}</p>\r\n            }\r\n        }\r\n    </header>\r\n}\r\n\r\n<main class=\"flex flex-col space-y-4\">\r\n    <ng-template cdkPortalOutlet />\r\n\r\n    @if (hasStringContent) {\r\n        <div [innerHTML]=\"config.component\"></div>\r\n    }\r\n</main>\r\n\r\n@if (!config.hideFooter) {\r\n    <footer class=\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-0 sm:space-x-2\">\r\n        @if (config.cancelText !== null) {\r\n            <button ai-button type=\"button\" variant=\"default\" (click)=\"onCancel()\">\r\n                @if (config.cancelIcon) {\r\n                    <ai-icon [icon]=\"config.cancelIcon\" />\r\n                }\r\n\r\n                {{ config.cancelText ?? \"Cancelar\" }}\r\n            </button>\r\n        }\r\n\r\n        @if (config.confirmText !== null) {\r\n            <button ai-button\r\n                type=\"button\"\r\n                [variant]=\"config.confirmDestructive ? 'destructive' : 'primary'\"\r\n                [disabled]=\"config.confirmDisabled || false\"\r\n                (click)=\"onConfirm()\">\r\n                @if (config.confirmIcon) {\r\n                    <ai-icon [icon]=\"config.confirmIcon\" />\r\n                }\r\n\r\n                {{ config.confirmText ?? 'OK' }}\r\n            </button>\r\n        }\r\n    </footer>\r\n}", styles: [":host{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{:host{opacity:0;transform:scale(.9)}}:host.dialog-leave{opacity:0;transform:scale(.9);transition:opacity .15s ease-in,transform .15s ease-in}\n"] }]
+        }], propDecorators: { portalOutlet: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkPortalOutlet), { isSignal: true }] }], confirmTriggered: [{ type: i0.Output, args: ["confirmTriggered"] }], cancelTriggered: [{ type: i0.Output, args: ["cancelTriggered"] }] } });
+//# sourceMappingURL=dialog.js.map

package/esm2022/lib/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog.ts","../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAmB,YAAY,EAAkB,MAAM,qBAAqB,CAAC;AACvH,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAgB,QAAQ,EAAE,UAAU,EAAmB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtK,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;;;AAiBnD,MAAM,OAAO,QAAe,SAAQ,gBAAgB;IAChD,QAAQ,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IACxB,MAAM,GAAG,MAAM,CAAC,CAAA,cAAoB,CAAA,CAAC,CAAC;IAE/C,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,mDAAC,CAAC;IAE9F,SAAS,CAAkB;IAER,gBAAgB,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAC;IACvE,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAE5D,gBAAgB,GAAG,MAAM,EAAQ,CAAC;IAClC,eAAe,GAAG,MAAM,EAAQ,CAAC;IAEjC,aAAa,GAAG,GAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;IAE/D,qBAAqB,CAAI,MAA0B;QAC/C,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW,EAAE,EAAE,CAAC;YACrC,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;QAC5F,CAAC;QACD,OAAO,IAAI,CAAC,YAAY,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC;IAED,oBAAoB,CAAI,MAAyB;QAC7C,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW,EAAE,EAAE,CAAC;YACrC,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;QAC5F,CAAC;QACD,OAAO,IAAI,CAAC,YAAY,EAAE,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC;IAED,SAAS;QACL,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ;QACJ,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC;uGApCQ,QAAQ;2FAAR,QAAQ,iYAS0B,eAAe,+GCnC9D,s7DAuDC,oTDzCa,aAAa,8BAAE,YAAY,kMAAE,QAAQ,qNAAE,MAAM;;2FAY9C,QAAQ;kBAfpB,SAAS;+BACI,WAAW,YACX,UAAU,WACX,CAAC,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,CAAC,iBACzC,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QAGzC;wBACF,SAAS,EAAE,WAAW;wBACtB,eAAe,EAAE,oCAAoC;wBACrD,eAAe,EAAE,cAAc;wBAC/B,eAAe,EAAE,cAAc;qBAClC;8FAW0C,eAAe","sourcesContent":["import { OverlayModule } from \"@angular/cdk/overlay\";\r\nimport { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, PortalModule, TemplatePortal } from \"@angular/cdk/portal\";\r\nimport { ChangeDetectionStrategy, Component, ComponentRef, computed, ElementRef, EmbeddedViewRef, inject, output, viewChild, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses } from \"../../core\";\r\nimport { AiButton } from \"../button\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiDialogRef } from \"./dialog-ref\";\r\nimport { AiDialogConfig } from \"./dialog.config\";\r\nimport { dialogVariants } from \"./dialog.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-dialog\",\r\n    exportAs: \"aiDialog\",\r\n    imports: [OverlayModule, PortalModule, AiButton, AiIcon],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    templateUrl: \"./dialog.html\",\r\n    styleUrl: \"./dialog.scss\",\r\n    host: {\r\n        \"[class]\": \"classes()\",\r\n        \"[style.width]\": \"config.width ? config.width : null\",\r\n        \"animate.enter\": \"dialog-enter\",\r\n        \"animate.leave\": \"dialog-leave\",\r\n    },\r\n})\r\nexport class AiDialog<T, U> extends BasePortalOutlet {\r\n    #element = inject(ElementRef<HTMLElement>);\r\n    protected readonly config = inject(AiDialogConfig<T, U>);\r\n\r\n    protected classes = computed(() => mergeClasses(dialogVariants(), this.config.customClasses));\r\n\r\n    dialogRef?: AiDialogRef<T>;\r\n\r\n    protected readonly hasStringContent = typeof this.config.component === \"string\";\r\n    readonly portalOutlet = viewChild.required(CdkPortalOutlet);\r\n\r\n    confirmTriggered = output<void>();\r\n    cancelTriggered = output<void>();\r\n\r\n    nativeElement = (): HTMLElement => this.#element.nativeElement;\r\n\r\n    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {\r\n        if (this.portalOutlet()?.hasAttached()) {\r\n            throw new Error(\"Attempting to attach modal content after content is already attached\");\r\n        }\r\n        return this.portalOutlet()?.attachComponentPortal(portal);\r\n    }\r\n\r\n    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C> {\r\n        if (this.portalOutlet()?.hasAttached()) {\r\n            throw new Error(\"Attempting to attach modal content after content is already attached\");\r\n        }\r\n        return this.portalOutlet()?.attachTemplatePortal(portal);\r\n    }\r\n\r\n    onConfirm() {\r\n        this.confirmTriggered.emit();\r\n    }\r\n\r\n    onCancel() {\r\n        this.cancelTriggered.emit();\r\n    }\r\n}\r\n","@if (config.closable || config.closable === undefined) {\r\n<ai-button icon=\"close\"\r\n    type=\"button\"\r\n    variant=\"ghost\"\r\n    size=\"xs\"\r\n    class=\"absolute top-2 right-2\"\r\n    (click)=\"onCancel()\" />\r\n}\r\n\r\n@if (config.title || config.description) {\r\n    <header class=\"flex flex-col space-y-1.5 text-center sm:text-left\">\r\n        @if (config.title) {\r\n            <h4 class=\"text-lg leading-none font-semibold font-title tracking-tight\">{{ config.title }}</h4>\r\n\r\n            @if (config.description) {\r\n                <p class=\"text-muted-foreground font-text text-sm\">{{ config.description }}</p>\r\n            }\r\n        }\r\n    </header>\r\n}\r\n\r\n<main class=\"flex flex-col space-y-4\">\r\n    <ng-template cdkPortalOutlet />\r\n\r\n    @if (hasStringContent) {\r\n        <div [innerHTML]=\"config.component\"></div>\r\n    }\r\n</main>\r\n\r\n@if (!config.hideFooter) {\r\n    <footer class=\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-0 sm:space-x-2\">\r\n        @if (config.cancelText !== null) {\r\n            <button ai-button type=\"button\" variant=\"default\" (click)=\"onCancel()\">\r\n                @if (config.cancelIcon) {\r\n                    <ai-icon [icon]=\"config.cancelIcon\" />\r\n                }\r\n\r\n                {{ config.cancelText ?? \"Cancelar\" }}\r\n            </button>\r\n        }\r\n\r\n        @if (config.confirmText !== null) {\r\n            <button ai-button\r\n                type=\"button\"\r\n                [variant]=\"config.confirmDestructive ? 'destructive' : 'primary'\"\r\n                [disabled]=\"config.confirmDisabled || false\"\r\n                (click)=\"onConfirm()\">\r\n                @if (config.confirmIcon) {\r\n                    <ai-icon [icon]=\"config.confirmIcon\" />\r\n                }\r\n\r\n                {{ config.confirmText ?? 'OK' }}\r\n            </button>\r\n        }\r\n    </footer>\r\n}"]}

package/esm2022/lib/components/dialog/dialog.module.js

@@ -0,0 +1,20 @@
+import { OverlayModule } from "@angular/cdk/overlay";
+import { PortalModule } from "@angular/cdk/portal";
+import { NgModule } from "@angular/core";
+import { AiButton } from "../button";
+import { AiDialog } from "./dialog";
+import { AiDialogService } from "./dialog.service";
+import * as i0 from "@angular/core";
+export class AiDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: AiDialogModule, imports: [AiButton, AiDialog, OverlayModule, PortalModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialogModule, providers: [AiDialogService], imports: [AiDialog, OverlayModule, PortalModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AiButton, AiDialog, OverlayModule, PortalModule],
+                    providers: [AiDialogService],
+                }]
+        }] });
+//# sourceMappingURL=dialog.module.js.map

package/esm2022/lib/components/dialog/dialog.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.module.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;AAMnD,MAAM,OAAO,cAAc;uGAAd,cAAc;wGAAd,cAAc,YAHb,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY;wGAGhD,cAAc,aAFZ,CAAC,eAAe,CAAC,YADR,QAAQ,EAAE,aAAa,EAAE,YAAY;;2FAGhD,cAAc;kBAJ1B,QAAQ;mBAAC;oBACN,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,CAAC;oBAC1D,SAAS,EAAE,CAAC,eAAe,CAAC;iBAC/B","sourcesContent":["import { OverlayModule } from \"@angular/cdk/overlay\";\r\nimport { PortalModule } from \"@angular/cdk/portal\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { AiButton } from \"../button\";\r\nimport { AiDialog } from \"./dialog\";\r\nimport { AiDialogService } from \"./dialog.service\";\r\n\r\n@NgModule({\r\n    imports: [AiButton, AiDialog, OverlayModule, PortalModule],\r\n    providers: [AiDialogService],\r\n})\r\nexport class AiDialogModule {}\r\n"]}

package/esm2022/lib/components/dialog/dialog.service.js

@@ -0,0 +1,76 @@
+import { Overlay, OverlayConfig, OverlayRef } from "@angular/cdk/overlay";
+import { ComponentPortal, TemplatePortal } from "@angular/cdk/portal";
+import { isPlatformBrowser } from "@angular/common";
+import { inject, Injectable, InjectionToken, Injector, PLATFORM_ID, TemplateRef } from "@angular/core";
+import { AiDialog } from "./dialog";
+import { AiDialogRef } from "./dialog-ref";
+import { AiDialogConfig } from "./dialog.config";
+import * as i0 from "@angular/core";
+export const AI_DIALOG_DATA = new InjectionToken("AI_DIALOG_DATA");
+export class AiDialogService {
+    #overlay = inject(Overlay);
+    #injector = inject(Injector);
+    #platformId = inject(PLATFORM_ID);
+    create(config) {
+        return this._open(config.component, config);
+    }
+    _open(contentType, config) {
+        const overlayRef = this._createOverlay();
+        if (!overlayRef) {
+            return new AiDialogRef(undefined, config, undefined, this.#platformId);
+        }
+        const dialogContainer = this._attachDialogContainer(overlayRef, config);
+        const dialogRef = this._attachDialogContent(contentType, dialogContainer, overlayRef, config);
+        dialogContainer.dialogRef = dialogRef;
+        return dialogRef;
+    }
+    _createOverlay() {
+        if (isPlatformBrowser(this.#platformId)) {
+            const overlayConfig = new OverlayConfig({ hasBackdrop: true, positionStrategy: this.#overlay.position().global() });
+            return this.#overlay.create(overlayConfig);
+        }
+        return undefined;
+    }
+    _attachDialogContainer(overlayRef, config) {
+        const injector = Injector.create({
+            parent: this.#injector,
+            providers: [
+                { provide: OverlayRef, useValue: overlayRef },
+                { provide: AiDialogConfig, useValue: config },
+            ],
+        });
+        const containerPortal = new ComponentPortal(AiDialog, config.viewContainerRef, injector);
+        const containerRef = overlayRef.attach(containerPortal);
+        return containerRef.instance;
+    }
+    _attachDialogContent(contentType, component, overlayRef, config) {
+        const dialogRef = new AiDialogRef(overlayRef, config, component, this.#platformId);
+        if (contentType instanceof TemplateRef) {
+            component.attachTemplatePortal(new TemplatePortal(contentType, null, { dialogRef }));
+        }
+        else if (typeof contentType !== "string") {
+            const injector = this._createInjector(dialogRef, config);
+            const contentRef = component.attachComponentPortal(new ComponentPortal(contentType, config.viewContainerRef, injector));
+            dialogRef.componentInstance = contentRef.instance;
+        }
+        return dialogRef;
+    }
+    _createInjector(dialogRef, config) {
+        return Injector.create({
+            parent: this.#injector,
+            providers: [
+                { provide: AiDialogRef, useValue: dialogRef },
+                { provide: AI_DIALOG_DATA, useValue: config.data },
+            ],
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialogService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+//# sourceMappingURL=dialog.service.js.map

package/esm2022/lib/components/dialog/dialog.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { ComponentPortal, TemplatePortal } from \"@angular/cdk/portal\";\r\nimport { isPlatformBrowser } from \"@angular/common\";\r\nimport { inject, Injectable, InjectionToken, Injector, PLATFORM_ID, TemplateRef, ViewContainerRef } from \"@angular/core\";\r\nimport { AiDialog } from \"./dialog\";\r\nimport { AiDialogRef } from \"./dialog-ref\";\r\nimport { AiDialogConfig } from \"./dialog.config\";\r\n\r\ntype ContentType<T> = ComponentType<T> | TemplateRef<T> | string;\r\n\r\nexport const AI_DIALOG_DATA = new InjectionToken<unknown>(\"AI_DIALOG_DATA\");\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class AiDialogService {\r\n    #overlay = inject(Overlay);\r\n    #injector = inject(Injector);\r\n    #platformId = inject(PLATFORM_ID);\r\n\r\n    create<T, U>(config: AiDialogConfig<T, U>): AiDialogRef<T> {\r\n        return this._open<T, U>(config.component as ComponentType<T>, config);\r\n    }\r\n\r\n    private _open<T, U>(contentType: ContentType<T>, config: AiDialogConfig<T, U>) {\r\n        const overlayRef = this._createOverlay();\r\n\r\n        if (!overlayRef) {\r\n            return new AiDialogRef(undefined as unknown as OverlayRef, config, undefined as unknown as AiDialog<T, U>, this.#platformId);\r\n        }\r\n\r\n        const dialogContainer = this._attachDialogContainer<T, U>(overlayRef, config);\r\n        const dialogRef = this._attachDialogContent<T, U>(contentType, dialogContainer, overlayRef, config);\r\n\r\n        dialogContainer.dialogRef = dialogRef;\r\n        return dialogRef;\r\n    }\r\n\r\n    private _createOverlay(): OverlayRef | undefined {\r\n        if (isPlatformBrowser(this.#platformId)) {\r\n            const overlayConfig = new OverlayConfig({ hasBackdrop: true, positionStrategy: this.#overlay.position().global() });\r\n            return this.#overlay.create(overlayConfig);\r\n        }\r\n\r\n        return undefined;\r\n    }\r\n\r\n    private _attachDialogContainer<T, U>(overlayRef: OverlayRef, config: AiDialogConfig<T, U>) {\r\n        const injector = Injector.create({\r\n            parent: this.#injector,\r\n            providers: [\r\n                { provide: OverlayRef, useValue: overlayRef },\r\n                { provide: AiDialogConfig, useValue: config },\r\n            ],\r\n        });\r\n\r\n        const containerPortal = new ComponentPortal<AiDialog<T, U>>(AiDialog, config.viewContainerRef, injector);\r\n        const containerRef = overlayRef.attach<AiDialog<T, U>>(containerPortal);\r\n        return containerRef.instance;\r\n    }\r\n\r\n    private _attachDialogContent<T, U>(contentType: ContentType<T>, component: AiDialog<T, U>, overlayRef: OverlayRef, config: AiDialogConfig<T, U>) {\r\n        const dialogRef = new AiDialogRef<T>(overlayRef, config, component, this.#platformId);\r\n\r\n        if (contentType instanceof TemplateRef) {\r\n            component.attachTemplatePortal(new TemplatePortal<T>(contentType, null as unknown as ViewContainerRef, { dialogRef } as T));\r\n        } else if (typeof contentType !== \"string\") {\r\n            const injector = this._createInjector<T, U>(dialogRef, config);\r\n            const contentRef = component.attachComponentPortal<T>(new ComponentPortal(contentType, config.viewContainerRef, injector));\r\n            dialogRef.componentInstance = contentRef.instance;\r\n        }\r\n\r\n        return dialogRef;\r\n    }\r\n\r\n    private _createInjector<T, U>(dialogRef: AiDialogRef<T>, config: AiDialogConfig<T, U>) {\r\n        return Injector.create({\r\n            parent: this.#injector,\r\n            providers: [\r\n                { provide: AiDialogRef, useValue: dialogRef },\r\n                { provide: AI_DIALOG_DATA, useValue: config.data },\r\n            ],\r\n        });\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/dialog/dialog.variants.js

@@ -0,0 +1,3 @@
+import { cva } from "class-variance-authority";
+export const dialogVariants = cva("fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg rounded-lg max-w-[calc(100%-2rem)] sm:max-w-[425px] lg:max-w-[600px]");
+//# sourceMappingURL=dialog.variants.js.map

package/esm2022/lib/components/dialog/dialog.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/dialog.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC7B,wMAAwM,CAC3M,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const dialogVariants = cva(\r\n    \"fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg rounded-lg max-w-[calc(100%-2rem)] sm:max-w-[425px] lg:max-w-[600px]\",\r\n);\r\nexport type DialogVariants = VariantProps<typeof dialogVariants>;\r\n"]}

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

@@ -0,0 +1,6 @@
+export * from "./demo/dialog";
+export * from "./dialog-ref";
+// export * from "./dialog.config";
+export * from "./dialog.module";
+export * from "./dialog.service";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,mCAAmC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from \"./demo/dialog\";\r\nexport * from \"./dialog-ref\";\r\n// export * from \"./dialog.config\";\r\nexport * from \"./dialog.module\";\r\nexport * from \"./dialog.service\";\r\n"]}

package/esm2022/lib/components/empty/demo/advanced.js

@@ -0,0 +1,63 @@
+import { Component } from "@angular/core";
+import { AiAvatar, AiAvatarGroup } from "../../avatar";
+import { AiButton } from "../../button";
+import { AiEmpty } from "../empty";
+import * as i0 from "@angular/core";
+export class DemoEmptyAdvancedComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoEmptyAdvancedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoEmptyAdvancedComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-12">
+            <ai-empty [image]="customImage" [title]="customTitle" description="Invite your team to collaborate on this project." [actions]="[actionInvite]">
+                <ng-template #customImage>
+                    <ai-avatar-group>
+                        <ai-avatar image="https://raw.githubusercontent.com/aiandralves/smart-watch/refs/heads/main/assets/img/team/person2.jpg" size="md" class="grayscale" />
+                        <ai-avatar image="https://raw.githubusercontent.com/aiandralves/smart-watch/refs/heads/main/assets/img/team/person4.jpg" size="md" class="grayscale" />
+                        <ai-avatar image="https://avatars.githubusercontent.com/u/33138081?v=4" size="md" class="grayscale" />
+                    </ai-avatar-group>
+                </ng-template>
+
+                <ng-template #customTitle>
+                    <span>
+                        No team
+                        <strong>members</strong>
+                    </span>
+                </ng-template>
+
+                <ng-template #actionInvite>
+                    <ai-button size="sm" icon="user-add"> Invite Members </ai-button>
+                </ng-template>
+            </ai-empty>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiEmpty, selector: "ai-empty", inputs: ["actions", "icon", "image", "title", "description", "class"], exportAs: ["aiEmpty"] }, { kind: "component", type: AiAvatar, selector: "ai-avatar", inputs: ["alt", "fallback", "priority", "size", "shape", "image", "status", "class"], exportAs: ["aiAvatar"] }, { kind: "component", type: AiAvatarGroup, selector: "ai-avatar-group", inputs: ["orientation", "class"], exportAs: ["aiAvatarGroup"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoEmptyAdvancedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiEmpty, AiAvatar, AiAvatarGroup, AiButton],
+                    template: `
+        <div class="flex flex-col gap-y-12">
+            <ai-empty [image]="customImage" [title]="customTitle" description="Invite your team to collaborate on this project." [actions]="[actionInvite]">
+                <ng-template #customImage>
+                    <ai-avatar-group>
+                        <ai-avatar image="https://raw.githubusercontent.com/aiandralves/smart-watch/refs/heads/main/assets/img/team/person2.jpg" size="md" class="grayscale" />
+                        <ai-avatar image="https://raw.githubusercontent.com/aiandralves/smart-watch/refs/heads/main/assets/img/team/person4.jpg" size="md" class="grayscale" />
+                        <ai-avatar image="https://avatars.githubusercontent.com/u/33138081?v=4" size="md" class="grayscale" />
+                    </ai-avatar-group>
+                </ng-template>
+
+                <ng-template #customTitle>
+                    <span>
+                        No team
+                        <strong>members</strong>
+                    </span>
+                </ng-template>
+
+                <ng-template #actionInvite>
+                    <ai-button size="sm" icon="user-add"> Invite Members </ai-button>
+                </ng-template>
+            </ai-empty>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=advanced.js.map

package/esm2022/lib/components/empty/demo/advanced.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/empty/demo/advanced.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AA6BnC,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,wEAzBzB;;;;;;;;;;;;;;;;;;;;;;;KAuBT,4DAxBS,OAAO,mJAAE,QAAQ,oKAAE,aAAa,2HAAE,QAAQ;;2FA0B3C,0BAA0B;kBA3BtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,CAAC;oBACrD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;KAuBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiAvatar, AiAvatarGroup } from \"../../avatar\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiEmpty } from \"../empty\";\r\n\r\n@Component({\r\n    imports: [AiEmpty, AiAvatar, AiAvatarGroup, AiButton],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-12\">\r\n            <ai-empty [image]=\"customImage\" [title]=\"customTitle\" description=\"Invite your team to collaborate on this project.\" [actions]=\"[actionInvite]\">\r\n                <ng-template #customImage>\r\n                    <ai-avatar-group>\r\n                        <ai-avatar image=\"https://raw.githubusercontent.com/aiandralves/smart-watch/refs/heads/main/assets/img/team/person2.jpg\" size=\"md\" class=\"grayscale\" />\r\n                        <ai-avatar image=\"https://raw.githubusercontent.com/aiandralves/smart-watch/refs/heads/main/assets/img/team/person4.jpg\" size=\"md\" class=\"grayscale\" />\r\n                        <ai-avatar image=\"https://avatars.githubusercontent.com/u/33138081?v=4\" size=\"md\" class=\"grayscale\" />\r\n                    </ai-avatar-group>\r\n                </ng-template>\r\n\r\n                <ng-template #customTitle>\r\n                    <span>\r\n                        No team\r\n                        <strong>members</strong>\r\n                    </span>\r\n                </ng-template>\r\n\r\n                <ng-template #actionInvite>\r\n                    <ai-button size=\"sm\" icon=\"user-add\"> Invite Members </ai-button>\r\n                </ng-template>\r\n            </ai-empty>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoEmptyAdvancedComponent {}\r\n"]}

package/esm2022/lib/components/empty/demo/custom-image.js

@@ -0,0 +1,44 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiEmpty } from "../empty";
+import * as i0 from "@angular/core";
+export class DemoEmptyCustomImageComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoEmptyCustomImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoEmptyCustomImageComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4">
+            <ai-empty
+                image="./img/avatar.png"
+                title="User invisible"
+                description="This user is currently offline. You can leave a message to notify them or try again later."
+                [actions]="[actionPrimary]"
+                class="[&_img]:size-12 [&_img]:rounded-full [&_img]:grayscale"
+            >
+                <ng-template #actionPrimary>
+                    <ai-button type="button" size="sm"> Leave Message </ai-button>
+                </ng-template>
+            </ai-empty>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiEmpty, selector: "ai-empty", inputs: ["actions", "icon", "image", "title", "description", "class"], exportAs: ["aiEmpty"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoEmptyCustomImageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiEmpty, AiButton],
+                    template: `
+        <div class="flex flex-col gap-y-4">
+            <ai-empty
+                image="./img/avatar.png"
+                title="User invisible"
+                description="This user is currently offline. You can leave a message to notify them or try again later."
+                [actions]="[actionPrimary]"
+                class="[&_img]:size-12 [&_img]:rounded-full [&_img]:grayscale"
+            >
+                <ng-template #actionPrimary>
+                    <ai-button type="button" size="sm"> Leave Message </ai-button>
+                </ng-template>
+            </ai-empty>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=custom-image.js.map

package/esm2022/lib/components/empty/demo/custom-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-image.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/empty/demo/custom-image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAoBnC,MAAM,OAAO,6BAA6B;uGAA7B,6BAA6B;2FAA7B,6BAA6B,wEAhB5B;;;;;;;;;;;;;;KAcT,4DAfS,OAAO,mJAAE,QAAQ;;2FAiBlB,6BAA6B;kBAlBzC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;oBAC5B,QAAQ,EAAE;;;;;;;;;;;;;;KAcT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiButton } from \"../../button\";\r\nimport { AiEmpty } from \"../empty\";\r\n\r\n@Component({\r\n    imports: [AiEmpty, AiButton],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <ai-empty\r\n                image=\"./img/avatar.png\"\r\n                title=\"User invisible\"\r\n                description=\"This user is currently offline. You can leave a message to notify them or try again later.\"\r\n                [actions]=\"[actionPrimary]\"\r\n                class=\"[&_img]:size-12 [&_img]:rounded-full [&_img]:grayscale\"\r\n            >\r\n                <ng-template #actionPrimary>\r\n                    <ai-button type=\"button\" size=\"sm\"> Leave Message </ai-button>\r\n                </ng-template>\r\n            </ai-empty>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoEmptyCustomImageComponent {}\r\n"]}

package/esm2022/lib/components/empty/demo/default.js

@@ -0,0 +1,61 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiIcon } from "../../icon";
+import { AiEmpty } from "../empty";
+import * as i0 from "@angular/core";
+export class DemoEmptyDefaultComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoEmptyDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoEmptyDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4">
+            <ai-empty
+                icon="code-block"
+                title="No Projects Yet"
+                description="You haven't created any projects yet. Get started by creating your first project."
+                [actions]="[actionPrimary, actionDefault]"
+            >
+                <ng-template #actionPrimary>
+                    <ai-button type="button" size="sm"> Create project </ai-button>
+                </ng-template>
+
+                <ng-template #actionDefault>
+                    <ai-button type="button" size="sm" variant="default"> Import project </ai-button>
+                </ng-template>
+
+                <ai-button type="button" size="sm" variant="ghost">
+                    Learn more
+                    <ai-icon icon="arrow-right-up" size="sm" />
+                </ai-button>
+            </ai-empty>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiEmpty, selector: "ai-empty", inputs: ["actions", "icon", "image", "title", "description", "class"], exportAs: ["aiEmpty"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }, { kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoEmptyDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiEmpty, AiButton, AiIcon],
+                    template: `
+        <div class="flex flex-col gap-y-4">
+            <ai-empty
+                icon="code-block"
+                title="No Projects Yet"
+                description="You haven't created any projects yet. Get started by creating your first project."
+                [actions]="[actionPrimary, actionDefault]"
+            >
+                <ng-template #actionPrimary>
+                    <ai-button type="button" size="sm"> Create project </ai-button>
+                </ng-template>
+
+                <ng-template #actionDefault>
+                    <ai-button type="button" size="sm" variant="default"> Import project </ai-button>
+                </ng-template>
+
+                <ai-button type="button" size="sm" variant="ghost">
+                    Learn more
+                    <ai-icon icon="arrow-right-up" size="sm" />
+                </ai-button>
+            </ai-empty>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

package/esm2022/lib/components/empty/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/empty/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AA4BnC,MAAM,OAAO,yBAAyB;uGAAzB,yBAAyB;2FAAzB,yBAAyB,wEAxBxB;;;;;;;;;;;;;;;;;;;;;;KAsBT,4DAvBS,OAAO,mJAAE,QAAQ,qNAAE,MAAM;;2FAyB1B,yBAAyB;kBA1BrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;oBACpC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;KAsBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiIcon } from \"../../icon\";\r\nimport { AiEmpty } from \"../empty\";\r\n\r\n@Component({\r\n    imports: [AiEmpty, AiButton, AiIcon],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <ai-empty\r\n                icon=\"code-block\"\r\n                title=\"No Projects Yet\"\r\n                description=\"You haven't created any projects yet. Get started by creating your first project.\"\r\n                [actions]=\"[actionPrimary, actionDefault]\"\r\n            >\r\n                <ng-template #actionPrimary>\r\n                    <ai-button type=\"button\" size=\"sm\"> Create project </ai-button>\r\n                </ng-template>\r\n\r\n                <ng-template #actionDefault>\r\n                    <ai-button type=\"button\" size=\"sm\" variant=\"default\"> Import project </ai-button>\r\n                </ng-template>\r\n\r\n                <ai-button type=\"button\" size=\"sm\" variant=\"ghost\">\r\n                    Learn more\r\n                    <ai-icon icon=\"arrow-right-up\" size=\"sm\" />\r\n                </ai-button>\r\n            </ai-empty>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoEmptyDefaultComponent {}\r\n"]}

package/esm2022/lib/components/empty/demo/empty.js

@@ -0,0 +1,22 @@
+import { DemoEmptyAdvancedComponent } from "./advanced";
+import { DemoEmptyCustomImageComponent } from "./custom-image";
+import { DemoEmptyDefaultComponent } from "./default";
+export const EMPTY = {
+    componentName: "empty",
+    componentType: "empty",
+    examples: [
+        {
+            name: "default",
+            component: DemoEmptyDefaultComponent,
+        },
+        {
+            name: "advanced",
+            component: DemoEmptyAdvancedComponent,
+        },
+        {
+            name: "custom-image",
+            component: DemoEmptyCustomImageComponent,
+        },
+    ],
+};
+//# sourceMappingURL=empty.js.map

package/esm2022/lib/components/empty/demo/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/empty/demo/empty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,6BAA6B;SAC3C;KACJ;CACJ,CAAC","sourcesContent":["import { DemoEmptyAdvancedComponent } from \"./advanced\";\r\nimport { DemoEmptyCustomImageComponent } from \"./custom-image\";\r\nimport { DemoEmptyDefaultComponent } from \"./default\";\r\n\r\nexport const EMPTY = {\r\n    componentName: \"empty\",\r\n    componentType: \"empty\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoEmptyDefaultComponent,\r\n        },\r\n        {\r\n            name: \"advanced\",\r\n            component: DemoEmptyAdvancedComponent,\r\n        },\r\n        {\r\n            name: \"custom-image\",\r\n            component: DemoEmptyCustomImageComponent,\r\n        },\r\n    ],\r\n};\r\n"]}