@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/alert/demo/destructive.js

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertDestructiveComponent {
+    title = "Error alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertDestructiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertDestructiveComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="destructive" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="destructive" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="destructive" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertDestructiveComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="destructive" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="destructive" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="destructive" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=destructive.js.map

package/esm2022/lib/components/alert/demo/destructive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destructive.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/destructive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,6BAA6B;IACtC,KAAK,GAAG,cAAc,CAAC;IACvB,WAAW,GAAG,4EAA4E,CAAC;uGAFlF,6BAA6B;2FAA7B,6BAA6B,wEAR5B;;;;;;KAMT,4DAPS,OAAO;;2FASR,6BAA6B;kBAVzC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert variant=\"destructive\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"destructive\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"destructive\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertDestructiveComponent {\r\n    title = \"Error alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.\";\r\n}\r\n"]}

package/esm2022/lib/components/alert/demo/icon.js

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertIconComponent {
+    title = "Icon alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertIconComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert icon="stack" variant="primary" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert icon="stack" variant="primary" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert icon="stack" variant="primary" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert icon="stack" variant="primary" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert icon="stack" variant="primary" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert icon="stack" variant="primary" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=icon.js.map

package/esm2022/lib/components/alert/demo/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,sBAAsB;IAC/B,KAAK,GAAG,aAAa,CAAC;IACtB,WAAW,GAAG,4EAA4E,CAAC;uGAFlF,sBAAsB;2FAAtB,sBAAsB,wEARrB;;;;;;KAMT,4DAPS,OAAO;;2FASR,sBAAsB;kBAVlC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert icon=\"stack\" variant=\"primary\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert icon=\"stack\" variant=\"primary\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert icon=\"stack\" variant=\"primary\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertIconComponent {\r\n    title = \"Icon alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.\";\r\n}\r\n"]}

package/esm2022/lib/components/alert/demo/info.js

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertInfoComponent {
+    title = "Info alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertInfoComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="info" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="info" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="info" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="info" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="info" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="info" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=info.js.map

package/esm2022/lib/components/alert/demo/info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,sBAAsB;IAC/B,KAAK,GAAG,aAAa,CAAC;IACtB,WAAW,GAAG,4EAA4E,CAAC;uGAFlF,sBAAsB;2FAAtB,sBAAsB,wEARrB;;;;;;KAMT,4DAPS,OAAO;;2FASR,sBAAsB;kBAVlC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert variant=\"info\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"info\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"info\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertInfoComponent {\r\n    title = \"Info alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.\";\r\n}\r\n"]}

package/esm2022/lib/components/alert/demo/primary.js

@@ -0,0 +1,38 @@
+import { Component } from "@angular/core";
+import { AiBadge } from "../../badge";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertPrimaryComponent {
+    title = "Primary alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertPrimaryComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="primary" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="primary" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="primary" appearance="outline" [title]="title" [description]="description" />
+
+            <ai-alert class="relative" variant="primary" appearance="soft" [title]="title" [description]="description">
+                <ai-badge variant="primary" class="absolute right-3 top-3">2</ai-badge>
+            </ai-alert>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }, { kind: "component", type: AiBadge, selector: "ai-badge", inputs: ["variant", "shape", "fill", "icon", "disabled", "close", "class"], outputs: ["closed"], exportAs: ["aiBadge"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertPrimaryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert, AiBadge],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="primary" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="primary" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="primary" appearance="outline" [title]="title" [description]="description" />
+
+            <ai-alert class="relative" variant="primary" appearance="soft" [title]="title" [description]="description">
+                <ai-badge variant="primary" class="absolute right-3 top-3">2</ai-badge>
+            </ai-alert>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=primary.js.map

package/esm2022/lib/components/alert/demo/primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/primary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAgBnC,MAAM,OAAO,yBAAyB;IAClC,KAAK,GAAG,gBAAgB,CAAC;IACzB,WAAW,GAAG,2DAA2D,CAAC;uGAFjE,yBAAyB;2FAAzB,yBAAyB,wEAZxB;;;;;;;;;;KAUT,4DAXS,OAAO,wJAAE,OAAO;;2FAajB,yBAAyB;kBAdrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;oBAC3B,QAAQ,EAAE;;;;;;;;;;KAUT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBadge } from \"../../badge\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert, AiBadge],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert variant=\"primary\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"primary\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"primary\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n\r\n            <ai-alert class=\"relative\" variant=\"primary\" appearance=\"soft\" [title]=\"title\" [description]=\"description\">\r\n                <ai-badge variant=\"primary\" class=\"absolute right-3 top-3\">2</ai-badge>\r\n            </ai-alert>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertPrimaryComponent {\r\n    title = \"Primary alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit.\";\r\n}\r\n"]}

package/esm2022/lib/components/alert/demo/success.js

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertSuccessComponent {
+    title = "Success alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertSuccessComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="success" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="success" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="success" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertSuccessComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="success" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="success" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="success" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=success.js.map

package/esm2022/lib/components/alert/demo/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/success.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,yBAAyB;IAClC,KAAK,GAAG,gBAAgB,CAAC;IACzB,WAAW,GAAG,4EAA4E,CAAC;uGAFlF,yBAAyB;2FAAzB,yBAAyB,wEARxB;;;;;;KAMT,4DAPS,OAAO;;2FASR,yBAAyB;kBAVrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert variant=\"success\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"success\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"success\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertSuccessComponent {\r\n    title = \"Success alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.\";\r\n}\r\n"]}

package/esm2022/lib/components/alert/demo/warning.js

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertWarningComponent {
+    title = "Warning alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertWarningComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="warning" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="warning" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="warning" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertWarningComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="warning" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="warning" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="warning" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=warning.js.map

package/esm2022/lib/components/alert/demo/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,yBAAyB;IAClC,KAAK,GAAG,gBAAgB,CAAC;IACzB,WAAW,GAAG,4EAA4E,CAAC;uGAFlF,yBAAyB;2FAAzB,yBAAyB,wEARxB;;;;;;KAMT,4DAPS,OAAO;;2FASR,yBAAyB;kBAVrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert variant=\"warning\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"warning\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"warning\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertWarningComponent {\r\n    title = \"Warning alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.\";\r\n}\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.config.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert-dialog/alert-dialog.config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAUpC,MAAM,OAAO,mBAAmB;IAC5B,IAAI,CAAqB;IACzB,KAAK,CAA2B;IAChC,WAAW,CAAU;IACrB,SAAS,CAAqC;IAC9C,QAAQ,CAAW;IACnB,KAAK,CAAU;IACf,aAAa,CAAc;IAC3B,IAAI,CAAU;IACd,YAAY,CAAW;IACvB,kBAAkB,CAAW;IAC7B,eAAe,CAAW;IAC1B,WAAW,CAAiB;IAC5B,UAAU,CAAiB;IAC3B,QAAQ,GAA0C,MAAM,CAAC;IACzD,SAAS,GAA0C,MAAM,CAAC;IAC1D,gBAAgB,CAAoB;CACvC","sourcesContent":["import { EventEmitter, TemplateRef, Type, ViewContainerRef } from \"@angular/core\";\r\nimport { ClassValue } from \"clsx\";\r\nimport { noopFn } from \"../../core\";\r\nimport { AiIconType } from \"../icon/icons\";\r\n\r\ninterface AiAlertDialogIcon {\r\n    name: AiIconType;\r\n    color?: \"primary\" | \"warning\" | \"destructive\";\r\n}\r\n\r\nexport type onClickCallback<T> = (instance: T) => false | void | object;\r\n\r\nexport class AiAlertDialogConfig<T> {\r\n    icon?: AiAlertDialogIcon;\r\n    title?: string | TemplateRef<T>;\r\n    description?: string;\r\n    component?: string | TemplateRef<T> | Type<T>;\r\n    closable?: boolean;\r\n    width?: string;\r\n    customClasses?: ClassValue;\r\n    data?: object;\r\n    maskClosable?: boolean;\r\n    confirmDestructive?: boolean;\r\n    confirmDisabled?: boolean;\r\n    confirmText?: string | null;\r\n    cancelText?: string | null;\r\n    onCancel?: EventEmitter<T> | onClickCallback<T> = noopFn;\r\n    onConfirm?: EventEmitter<T> | onClickCallback<T> = noopFn;\r\n    viewContainerRef?: ViewContainerRef;\r\n}\r\n"]}

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

@@ -0,0 +1,68 @@
+import { A11yModule } from "@angular/cdk/a11y";
+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 { GenerateIdDirective, mergeClasses } from "../../core";
+import { AiButton } from "../button";
+import { AiIcon } from "../icon/icon.component";
+import { AiAlertDialogConfig } from "./alert-dialog.config";
+import { alertDialogVariants } from "./alert-dialog.variants";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/portal";
+import * as i2 from "@angular/cdk/a11y";
+export class AiAlertDialog extends BasePortalOutlet {
+    #host = inject((ElementRef));
+    config = inject((AiAlertDialogConfig));
+    _id = viewChild("ai", ...(ngDevMode ? [{ debugName: "_id" }] : []));
+    titleId = computed(() => {
+        const id = this._id()?.id;
+        return this.config.title && id ? `${id}-title` : null;
+    }, ...(ngDevMode ? [{ debugName: "titleId" }] : []));
+    descriptionId = computed(() => {
+        const id = this._id()?.id;
+        return this.config.description && id ? `${id}-description` : null;
+    }, ...(ngDevMode ? [{ debugName: "descriptionId" }] : []));
+    hasStringContent = computed(() => typeof this.config.component === "string", ...(ngDevMode ? [{ debugName: "hasStringContent" }] : []));
+    classes = computed(() => mergeClasses(alertDialogVariants(), this.config.customClasses), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    alertDialogRef;
+    portalOutlet = viewChild.required(CdkPortalOutlet);
+    confirmTriggered = output();
+    cancelTriggered = output();
+    get element() {
+        return this.#host.nativeElement;
+    }
+    attachComponentPortal(portal) {
+        if (this.portalOutlet()?.hasAttached()) {
+            throw new Error("Attempting to attach alert dialog content after content is already attached");
+        }
+        return this.portalOutlet()?.attachComponentPortal(portal);
+    }
+    attachTemplatePortal(portal) {
+        if (this.portalOutlet()?.hasAttached()) {
+            throw new Error("Attempting to attach alert dialog 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: AiAlertDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiAlertDialog, isStandalone: true, selector: "ai-alert-dialog", outputs: { confirmTriggered: "confirmTriggered", cancelTriggered: "cancelTriggered" }, host: { attributes: { "role": "alertdialog", "animate.enter": "alert-dialog-enter", "animate.leave": "alert-dialog-leave" }, properties: { "class": "classes()", "style.width": "config.width ? config.width : null", "attr.aria-modal": "true", "attr.aria-labelledby": "titleId()", "attr.aria-describedby": "descriptionId()" } }, viewQueries: [{ propertyName: "_id", first: true, predicate: ["ai"], descendants: true, isSignal: true }, { propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], exportAs: ["aiAlertDialog"], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col justify-center items-center rounded-2xl gap-y-4 p-6\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" aiId=\"alert-dialog\" #ai=\"aiId\">\r\n    @if (config.icon) {\r\n        <header class=\"pt-4 flex items-center justify-center\">\r\n            <ai-icon [icon]=\"config.icon.name\" [class]=\"`text-${config.icon.color} text-3xl md:text-5xl xl:text-6xl`\" />\r\n        </header>\r\n    }\r\n\r\n    @if (config.title || config.description) {\r\n        <section class=\"px-4\">\r\n            <h1 [id]=\"titleId()\" class=\"pb-4 mx-6 leading-6 text-xl font-bold text-primary font-title text-center\">\r\n                {{ config.title }}\r\n            </h1>\r\n            <p [id]=\"descriptionId()\" class=\"text-center text-base font-semibold text-muted-foreground font-text max-w-100\">\r\n                {{ config.description }}\r\n            </p>\r\n        </section>\r\n    }\r\n\r\n    @if (config.component) {\r\n        <main>\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\r\n    <div class=\"flex items-center gap-x-2 py-4\">\r\n        @if (config.cancelText !== null) {\r\n            <ai-button type=\"button\" variant=\"outline\" (click)=\"onCancel()\">\r\n                {{ config.cancelText || \"Cancelar\" }}\r\n            </ai-button>\r\n        }\r\n        \r\n        @if (config.confirmText !== null) {\r\n            <ai-button type=\"button\" [variant]=\"config.confirmDestructive ? 'destructive' : 'primary'\" [disabled]=\"config.confirmDisabled || false\" (click)=\"onConfirm()\">\r\n                {{ config.confirmText || \"Confirmar\" }}\r\n            </ai-button>\r\n        }\r\n    </div>\r\n</div>", styles: ["ai-alert-dialog{inset:0;margin:auto;width:fit-content;height:fit-content;transform-origin:center center;opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}ai-alert-dialog.alert-dialog-leave{opacity:0;transform:scale(.9);transition:opacity .15s ease-in,transform .15s ease-in}@starting-style{ai-alert-dialog{opacity:0;transform:scale(.9)}}\n"], dependencies: [{ 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: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: GenerateIdDirective, selector: "[aiId]", inputs: ["aiId"], exportAs: ["aiId"] }, { 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: AiAlertDialog, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-alert-dialog", exportAs: "aiAlertDialog", imports: [AiButton, OverlayModule, PortalModule, A11yModule, GenerateIdDirective, AiIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "[style.width]": "config.width ? config.width : null",
+                        role: "alertdialog",
+                        "[attr.aria-modal]": "true",
+                        "[attr.aria-labelledby]": "titleId()",
+                        "[attr.aria-describedby]": "descriptionId()",
+                        "animate.enter": "alert-dialog-enter",
+                        "animate.leave": "alert-dialog-leave",
+                    }, template: "<div class=\"flex flex-col justify-center items-center rounded-2xl gap-y-4 p-6\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" aiId=\"alert-dialog\" #ai=\"aiId\">\r\n    @if (config.icon) {\r\n        <header class=\"pt-4 flex items-center justify-center\">\r\n            <ai-icon [icon]=\"config.icon.name\" [class]=\"`text-${config.icon.color} text-3xl md:text-5xl xl:text-6xl`\" />\r\n        </header>\r\n    }\r\n\r\n    @if (config.title || config.description) {\r\n        <section class=\"px-4\">\r\n            <h1 [id]=\"titleId()\" class=\"pb-4 mx-6 leading-6 text-xl font-bold text-primary font-title text-center\">\r\n                {{ config.title }}\r\n            </h1>\r\n            <p [id]=\"descriptionId()\" class=\"text-center text-base font-semibold text-muted-foreground font-text max-w-100\">\r\n                {{ config.description }}\r\n            </p>\r\n        </section>\r\n    }\r\n\r\n    @if (config.component) {\r\n        <main>\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\r\n    <div class=\"flex items-center gap-x-2 py-4\">\r\n        @if (config.cancelText !== null) {\r\n            <ai-button type=\"button\" variant=\"outline\" (click)=\"onCancel()\">\r\n                {{ config.cancelText || \"Cancelar\" }}\r\n            </ai-button>\r\n        }\r\n        \r\n        @if (config.confirmText !== null) {\r\n            <ai-button type=\"button\" [variant]=\"config.confirmDestructive ? 'destructive' : 'primary'\" [disabled]=\"config.confirmDisabled || false\" (click)=\"onConfirm()\">\r\n                {{ config.confirmText || \"Confirmar\" }}\r\n            </ai-button>\r\n        }\r\n    </div>\r\n</div>", styles: ["ai-alert-dialog{inset:0;margin:auto;width:fit-content;height:fit-content;transform-origin:center center;opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}ai-alert-dialog.alert-dialog-leave{opacity:0;transform:scale(.9);transition:opacity .15s ease-in,transform .15s ease-in}@starting-style{ai-alert-dialog{opacity:0;transform:scale(.9)}}\n"] }]
+        }], propDecorators: { _id: [{ type: i0.ViewChild, args: ["ai", { isSignal: true }] }], portalOutlet: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkPortalOutlet), { isSignal: true }] }], confirmTriggered: [{ type: i0.Output, args: ["confirmTriggered"] }], cancelTriggered: [{ type: i0.Output, args: ["cancelTriggered"] }] } });
+//# sourceMappingURL=alert-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert-dialog/alert-dialog.ts","../../../../../../../libs/ai-ui/src/lib/components/alert-dialog/alert-dialog.html"],"names":[],"mappings":"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","sourcesContent":["import { A11yModule } from \"@angular/cdk/a11y\";\r\nimport { 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\nimport { GenerateIdDirective, mergeClasses } from \"../../core\";\r\nimport { AiButton } from \"../button\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiAlertDialogConfig } from \"./alert-dialog.config\";\r\nimport { AiAlertDialogRef } from \"./alert-dialog.ref\";\r\nimport { alertDialogVariants } from \"./alert-dialog.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-alert-dialog\",\r\n    exportAs: \"aiAlertDialog\",\r\n    imports: [AiButton, OverlayModule, PortalModule, A11yModule, GenerateIdDirective, AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    templateUrl: \"./alert-dialog.html\",\r\n    styleUrl: \"./alert-dialog.scss\",\r\n    host: {\r\n        \"[class]\": \"classes()\",\r\n        \"[style.width]\": \"config.width ? config.width : null\",\r\n        role: \"alertdialog\",\r\n        \"[attr.aria-modal]\": \"true\",\r\n        \"[attr.aria-labelledby]\": \"titleId()\",\r\n        \"[attr.aria-describedby]\": \"descriptionId()\",\r\n        \"animate.enter\": \"alert-dialog-enter\",\r\n        \"animate.leave\": \"alert-dialog-leave\",\r\n    },\r\n})\r\nexport class AiAlertDialog<T> extends BasePortalOutlet {\r\n    #host = inject(ElementRef<HTMLElement>);\r\n    protected config = inject(AiAlertDialogConfig<T>);\r\n\r\n    protected readonly _id = viewChild<GenerateIdDirective>(\"ai\");\r\n\r\n    protected titleId = computed(() => {\r\n        const id = this._id()?.id;\r\n        return this.config.title && id ? `${id}-title` : null;\r\n    });\r\n\r\n    protected descriptionId = computed(() => {\r\n        const id = this._id()?.id;\r\n        return this.config.description && id ? `${id}-description` : null;\r\n    });\r\n\r\n    protected readonly hasStringContent = computed(() => typeof this.config.component === \"string\");\r\n\r\n    protected classes = computed(() => mergeClasses(alertDialogVariants(), this.config.customClasses));\r\n\r\n    public alertDialogRef!: AiAlertDialogRef<T>;\r\n\r\n    readonly portalOutlet = viewChild.required(CdkPortalOutlet);\r\n\r\n    confirmTriggered = output<void>();\r\n    cancelTriggered = output<void>();\r\n\r\n    get element(): HTMLElement {\r\n        return this.#host.nativeElement;\r\n    }\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 alert dialog 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 alert dialog content after content is already attached\");\r\n        }\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","<div class=\"flex flex-col justify-center items-center rounded-2xl gap-y-4 p-6\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" aiId=\"alert-dialog\" #ai=\"aiId\">\r\n    @if (config.icon) {\r\n        <header class=\"pt-4 flex items-center justify-center\">\r\n            <ai-icon [icon]=\"config.icon.name\" [class]=\"`text-${config.icon.color} text-3xl md:text-5xl xl:text-6xl`\" />\r\n        </header>\r\n    }\r\n\r\n    @if (config.title || config.description) {\r\n        <section class=\"px-4\">\r\n            <h1 [id]=\"titleId()\" class=\"pb-4 mx-6 leading-6 text-xl font-bold text-primary font-title text-center\">\r\n                {{ config.title }}\r\n            </h1>\r\n            <p [id]=\"descriptionId()\" class=\"text-center text-base font-semibold text-muted-foreground font-text max-w-100\">\r\n                {{ config.description }}\r\n            </p>\r\n        </section>\r\n    }\r\n\r\n    @if (config.component) {\r\n        <main>\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\r\n    <div class=\"flex items-center gap-x-2 py-4\">\r\n        @if (config.cancelText !== null) {\r\n            <ai-button type=\"button\" variant=\"outline\" (click)=\"onCancel()\">\r\n                {{ config.cancelText || \"Cancelar\" }}\r\n            </ai-button>\r\n        }\r\n        \r\n        @if (config.confirmText !== null) {\r\n            <ai-button type=\"button\" [variant]=\"config.confirmDestructive ? 'destructive' : 'primary'\" [disabled]=\"config.confirmDisabled || false\" (click)=\"onConfirm()\">\r\n                {{ config.confirmText || \"Confirmar\" }}\r\n            </ai-button>\r\n        }\r\n    </div>\r\n</div>"]}

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

@@ -0,0 +1,93 @@
+import { signal } from "@angular/core";
+import { filter, Subject, takeUntil } from "rxjs";
+import { noopFn } from "../../core";
+export class AiAlertDialogRef {
+    overlayRef;
+    config;
+    instance;
+    #destroy = new Subject();
+    #closed = signal(false, ...(ngDevMode ? [{ debugName: "#closed" }] : []));
+    componentInstance;
+    constructor(overlayRef, config, instance) {
+        this.overlayRef = overlayRef;
+        this.config = config;
+        this.instance = instance;
+        instance.cancelTriggered.subscribe(() => this._handleCancel());
+        instance.confirmTriggered.subscribe(() => this._handleConfirm());
+        this._handleMaskClick();
+        this._handleEscapeKey();
+    }
+    close() {
+        if (this.#closed())
+            return;
+        this.#closed.set(true);
+        const element = this.instance.element ?? null;
+        if (element) {
+            element.classList.add("alert-dialog-leave");
+        }
+        this._waitForAnimationEnd(element)
+            .then(() => this._dispose())
+            .catch(noopFn);
+    }
+    _handleCancel() {
+        const cancel = this.config.onCancel;
+        if (typeof cancel === "function") {
+            const result = cancel(this.componentInstance);
+            if (result !== false)
+                this.close();
+        }
+        else {
+            this.close();
+        }
+    }
+    _handleConfirm() {
+        const confirm = this.config.onConfirm;
+        if (typeof confirm === "function") {
+            const result = confirm(this.componentInstance);
+            if (result !== false)
+                this.close();
+        }
+        else {
+            this.close();
+        }
+    }
+    _handleMaskClick() {
+        const maskClosable = this.config.maskClosable ?? true;
+        if (!maskClosable)
+            return;
+        this.overlayRef
+            .outsidePointerEvents()
+            .pipe(filter(() => this.config.maskClosable ?? true), takeUntil(this.#destroy))
+            .subscribe(() => this.close());
+    }
+    _handleEscapeKey() {
+        this.overlayRef
+            .keydownEvents()
+            .pipe(filter(e => e.key === "Escape"), takeUntil(this.#destroy))
+            .subscribe(() => this.close());
+    }
+    async _waitForAnimationEnd(element) {
+        if (!element) {
+            await new Promise(resolve => setTimeout(resolve, 150));
+            return;
+        }
+        await Promise.race([
+            new Promise(resolve => {
+                const handler = () => {
+                    element.removeEventListener("transitionend", handler);
+                    resolve();
+                };
+                element.addEventListener("transitionend", handler, { once: true });
+            }),
+            new Promise(resolve => setTimeout(resolve, 150)),
+        ]);
+    }
+    _dispose() {
+        this.overlayRef.dispose();
+        if (!this.#destroy.closed) {
+            this.#destroy.next();
+            this.#destroy.complete();
+        }
+    }
+}
+//# sourceMappingURL=alert-dialog.ref.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.ref.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert-dialog/alert-dialog.ref.ts"],"names":[],"mappings":"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","sourcesContent":["import { OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { signal } from \"@angular/core\";\r\nimport { filter, Subject, takeUntil } from \"rxjs\";\r\nimport { noopFn } from \"../../core\";\r\nimport { AiAlertDialog } from \"./alert-dialog\";\r\nimport { AiAlertDialogConfig, onClickCallback } from \"./alert-dialog.config\";\r\n\r\nexport class AiAlertDialogRef<T = unknown> {\r\n    #destroy = new Subject<void>();\r\n    #closed = signal<boolean>(false);\r\n\r\n    componentInstance?: T;\r\n\r\n    constructor(\r\n        private overlayRef: OverlayRef,\r\n        private config: AiAlertDialogConfig<T>,\r\n        private instance: AiAlertDialog<T>,\r\n    ) {\r\n        instance.cancelTriggered.subscribe(() => this._handleCancel());\r\n        instance.confirmTriggered.subscribe(() => this._handleConfirm());\r\n\r\n        this._handleMaskClick();\r\n        this._handleEscapeKey();\r\n    }\r\n\r\n    close() {\r\n        if (this.#closed()) return;\r\n        this.#closed.set(true);\r\n\r\n        const element = this.instance.element ?? null;\r\n        if (element) {\r\n            element.classList.add(\"alert-dialog-leave\");\r\n        }\r\n\r\n        this._waitForAnimationEnd(element)\r\n            .then(() => this._dispose())\r\n            .catch(noopFn);\r\n    }\r\n\r\n    private _handleCancel() {\r\n        const cancel = this.config.onCancel;\r\n\r\n        if (typeof cancel === \"function\") {\r\n            const result = (cancel as onClickCallback<T>)(this.componentInstance as T);\r\n            if (result !== false) this.close();\r\n        } else {\r\n            this.close();\r\n        }\r\n    }\r\n\r\n    private _handleConfirm() {\r\n        const confirm = this.config.onConfirm;\r\n\r\n        if (typeof confirm === \"function\") {\r\n            const result = (confirm as onClickCallback<T>)(this.componentInstance as T);\r\n            if (result !== false) this.close();\r\n        } else {\r\n            this.close();\r\n        }\r\n    }\r\n\r\n    private _handleMaskClick() {\r\n        const maskClosable = this.config.maskClosable ?? true;\r\n        if (!maskClosable) return;\r\n        this.overlayRef\r\n            .outsidePointerEvents()\r\n            .pipe(\r\n                filter(() => this.config.maskClosable ?? true),\r\n                takeUntil(this.#destroy),\r\n            )\r\n            .subscribe(() => this.close());\r\n    }\r\n\r\n    private _handleEscapeKey() {\r\n        this.overlayRef\r\n            .keydownEvents()\r\n            .pipe(\r\n                filter(e => e.key === \"Escape\"),\r\n                takeUntil(this.#destroy),\r\n            )\r\n            .subscribe(() => this.close());\r\n    }\r\n\r\n    private async _waitForAnimationEnd(element: HTMLElement | null): Promise<void> {\r\n        if (!element) {\r\n            await new Promise(resolve => setTimeout(resolve, 150));\r\n            return;\r\n        }\r\n\r\n        await Promise.race([\r\n            new Promise<void>(resolve => {\r\n                const handler = () => {\r\n                    element.removeEventListener(\"transitionend\", handler);\r\n                    resolve();\r\n                };\r\n                element.addEventListener(\"transitionend\", handler, { once: true });\r\n            }),\r\n            new Promise<void>(resolve => setTimeout(resolve, 150)),\r\n        ]);\r\n    }\r\n\r\n    private _dispose() {\r\n        this.overlayRef.dispose();\r\n\r\n        if (!this.#destroy.closed) {\r\n            this.#destroy.next();\r\n            this.#destroy.complete();\r\n        }\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,88 @@
+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 { AiAlertDialog } from "./alert-dialog";
+import { AiAlertDialogConfig } from "./alert-dialog.config";
+import { AiAlertDialogRef } from "./alert-dialog.ref";
+import * as i0 from "@angular/core";
+export const AI_ALERT_DIALOG_DATA = new InjectionToken("AI_ALERT_DIALOG_DATA");
+export class AiAlertDialogService {
+    #overlay = inject(Overlay);
+    #injector = inject(Injector);
+    #platform = inject(PLATFORM_ID);
+    create(config) {
+        return this._open(config.component, config);
+    }
+    confirm(config) {
+        const confirmConfig = {
+            ...config,
+            confirmText: config.confirmText ?? "Confirmar",
+            cancelText: config.cancelText ?? "Cancelar",
+            confirmDestructive: config.confirmDestructive ?? false,
+        };
+        return this.create(confirmConfig);
+    }
+    _open(contentType, config) {
+        const overlayRef = this._createOverlay();
+        if (!overlayRef) {
+            return new AiAlertDialogRef(undefined, config, undefined);
+        }
+        const alertDialogContainer = this._attachAlertDialogContainer(overlayRef, config);
+        const alertDialogRef = this._attachAlertDialogContent(contentType, alertDialogContainer, overlayRef, config);
+        alertDialogContainer.alertDialogRef = alertDialogRef;
+        return alertDialogRef;
+    }
+    _createOverlay() {
+        if (!isPlatformBrowser(this.#platform))
+            return undefined;
+        const overlayConfig = new OverlayConfig({
+            hasBackdrop: true,
+            backdropClass: "cdk-overlay-dark-backdrop",
+            positionStrategy: this.#overlay.position().global(),
+        });
+        return this.#overlay.create(overlayConfig);
+    }
+    _attachAlertDialogContainer(overlayRef, config) {
+        const injector = Injector.create({
+            parent: this.#injector,
+            providers: [
+                { provide: OverlayRef, useValue: overlayRef },
+                { provide: AiAlertDialogConfig, useValue: config },
+            ],
+        });
+        const containerPortal = new ComponentPortal(AiAlertDialog, config.viewContainerRef, injector);
+        const containerRef = overlayRef.attach(containerPortal);
+        return containerRef.instance;
+    }
+    _attachAlertDialogContent(contentType, component, overlayRef, config) {
+        const alertDialogRef = new AiAlertDialogRef(overlayRef, config, component);
+        if (contentType instanceof TemplateRef) {
+            component.attachTemplatePortal(new TemplatePortal(contentType, null, { alertDialogRef }));
+        }
+        else if (contentType && typeof contentType !== "string") {
+            const injector = this._createInjector(alertDialogRef, config);
+            const contentRef = component.attachComponentPortal(new ComponentPortal(contentType, config.viewContainerRef, injector));
+            alertDialogRef.componentInstance = contentRef.instance;
+        }
+        return alertDialogRef;
+    }
+    _createInjector(alertDialogRef, config) {
+        return Injector.create({
+            parent: this.#injector,
+            providers: [
+                { provide: AiAlertDialogRef, useValue: alertDialogRef },
+                { provide: AI_ALERT_DIALOG_DATA, useValue: config.data },
+            ],
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAlertDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAlertDialogService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAlertDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+//# sourceMappingURL=alert-dialog.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert-dialog/alert-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 { AiAlertDialog } from \"./alert-dialog\";\r\nimport { AiAlertDialogConfig } from \"./alert-dialog.config\";\r\nimport { AiAlertDialogRef } from \"./alert-dialog.ref\";\r\n\r\ntype ContentType<T> = ComponentType<T> | TemplateRef<T> | string | undefined;\r\n\r\nexport const AI_ALERT_DIALOG_DATA = new InjectionToken<unknown>(\"AI_ALERT_DIALOG_DATA\");\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class AiAlertDialogService {\r\n    #overlay = inject(Overlay);\r\n    #injector = inject(Injector);\r\n    #platform = inject<string>(PLATFORM_ID);\r\n\r\n    create<T>(config: AiAlertDialogConfig<T>): AiAlertDialogRef<T> {\r\n        return this._open<T>(config.component, config);\r\n    }\r\n\r\n    confirm<T>(config: Omit<AiAlertDialogConfig<T>, \"confirmText\" | \"cancelText\"> & { confirmText?: string; cancelText?: string }): AiAlertDialogRef<T> {\r\n        const confirmConfig: AiAlertDialogConfig<T> = {\r\n            ...config,\r\n            confirmText: config.confirmText ?? \"Confirmar\",\r\n            cancelText: config.cancelText ?? \"Cancelar\",\r\n            confirmDestructive: config.confirmDestructive ?? false,\r\n        };\r\n        return this.create(confirmConfig);\r\n    }\r\n\r\n    private _open<T>(contentType: ContentType<T>, config: AiAlertDialogConfig<T>): AiAlertDialogRef<T> {\r\n        const overlayRef = this._createOverlay();\r\n\r\n        if (!overlayRef) {\r\n            return new AiAlertDialogRef(undefined as unknown as OverlayRef, config, undefined as unknown as AiAlertDialog<T>);\r\n        }\r\n\r\n        const alertDialogContainer = this._attachAlertDialogContainer<T>(overlayRef, config);\r\n        const alertDialogRef = this._attachAlertDialogContent<T>(contentType, alertDialogContainer, overlayRef, config);\r\n        alertDialogContainer.alertDialogRef = alertDialogRef;\r\n\r\n        return alertDialogRef;\r\n    }\r\n\r\n    private _createOverlay(): OverlayRef | undefined {\r\n        if (!isPlatformBrowser(this.#platform)) return undefined;\r\n\r\n        const overlayConfig = new OverlayConfig({\r\n            hasBackdrop: true,\r\n            backdropClass: \"cdk-overlay-dark-backdrop\",\r\n            positionStrategy: this.#overlay.position().global(),\r\n        });\r\n\r\n        return this.#overlay.create(overlayConfig);\r\n    }\r\n\r\n    private _attachAlertDialogContainer<T>(overlayRef: OverlayRef, config: AiAlertDialogConfig<T>) {\r\n        const injector = Injector.create({\r\n            parent: this.#injector,\r\n            providers: [\r\n                { provide: OverlayRef, useValue: overlayRef },\r\n                { provide: AiAlertDialogConfig, useValue: config },\r\n            ],\r\n        });\r\n\r\n        const containerPortal = new ComponentPortal<AiAlertDialog<T>>(AiAlertDialog, config.viewContainerRef, injector);\r\n        const containerRef = overlayRef.attach(containerPortal);\r\n\r\n        return containerRef.instance;\r\n    }\r\n\r\n    private _attachAlertDialogContent<T>(contentType: ContentType<T>, component: AiAlertDialog<T>, overlayRef: OverlayRef, config: AiAlertDialogConfig<T>) {\r\n        const alertDialogRef = new AiAlertDialogRef<T>(overlayRef, config, component);\r\n\r\n        if (contentType instanceof TemplateRef) {\r\n            component.attachTemplatePortal(new TemplatePortal<T>(contentType, null as unknown as ViewContainerRef, { alertDialogRef } as T));\r\n        } else if (contentType && typeof contentType !== \"string\") {\r\n            const injector = this._createInjector(alertDialogRef, config);\r\n            const contentRef = component.attachComponentPortal(new ComponentPortal(contentType, config.viewContainerRef, injector));\r\n            alertDialogRef.componentInstance = contentRef.instance;\r\n        }\r\n\r\n        return alertDialogRef;\r\n    }\r\n\r\n    private _createInjector<T>(alertDialogRef: AiAlertDialogRef<T>, config: AiAlertDialogConfig<T>): Injector {\r\n        return Injector.create({\r\n            parent: this.#injector,\r\n            providers: [\r\n                { provide: AiAlertDialogRef, useValue: alertDialogRef },\r\n                { provide: AI_ALERT_DIALOG_DATA, useValue: config.data },\r\n            ],\r\n        });\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,3 @@
+import { cva } from "class-variance-authority";
+export const alertDialogVariants = cva("fixed z-50 w-full max-w-sm w-full bg-background shadow-lg rounded-lg");
+//# sourceMappingURL=alert-dialog.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert-dialog/alert-dialog.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC,sEAAsE,CAAC,CAAC","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\n\r\nexport const alertDialogVariants = cva(\"fixed z-50 w-full max-w-sm w-full bg-background shadow-lg rounded-lg\");\r\n\r\nexport type AlertDialogVariants = VariantProps<typeof alertDialogVariants>;\r\n"]}