@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/toast/toast.pipe.js

@@ -0,0 +1,52 @@
+import { Pipe } from "@angular/core";
+import * as i0 from "@angular/core";
+const variantMap = {
+    success: {
+        container: "bg-success text-success-foreground",
+        icon: "check",
+        bgButton: "bg-success text-success-foreground hover:bg-success-foreground/15",
+        color: "text-success-foreground",
+    },
+    info: {
+        container: "bg-info text-info-foreground",
+        icon: "information-2",
+        bgButton: "bg-info text-info-foreground hover:bg-info-foreground/15",
+        color: "text-info-foreground",
+    },
+    warning: {
+        container: "bg-warning text-warning-foreground",
+        icon: "alert",
+        bgButton: "bg-warning text-warning-foreground hover:bg-warning-foreground/15",
+        color: "text-warning-foreground",
+    },
+    destructive: {
+        container: "bg-destructive text-destructive-foreground",
+        icon: "bug",
+        bgButton: "bg-destructive text-destructive-foreground hover:bg-destructive-foreground/15",
+        color: "text-destructive-foreground",
+    },
+    default: {
+        container: "bg-background text-foreground dark:bg-default dark:text-default-foreground",
+        icon: "bell",
+        bgButton: "bg-background dark:bg-default text-foreground dark:text-default-foreground hover:bg-primary/15 dark:hover:bg-primary/15",
+        color: "text-primary",
+    },
+};
+export class AiToastPipe {
+    transform(config) {
+        const baseVariant = variantMap[config.type] || variantMap["default"];
+        if (config.type === "default" && config.icon) {
+            return { ...baseVariant, icon: config.icon };
+        }
+        return baseVariant;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiToastPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: AiToastPipe, isStandalone: true, name: "aiToast" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiToastPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "aiToast",
+                }]
+        }] });
+//# sourceMappingURL=toast.pipe.js.map

package/esm2022/lib/components/toast/toast.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.pipe.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/toast/toast.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAYpD,MAAM,UAAU,GAAiC;IAC7C,OAAO,EAAE;QACL,SAAS,EAAE,oCAAoC;QAC/C,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,mEAAmE;QAC7E,KAAK,EAAE,yBAAyB;KACnC;IACD,IAAI,EAAE;QACF,SAAS,EAAE,8BAA8B;QACzC,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,0DAA0D;QACpE,KAAK,EAAE,sBAAsB;KAChC;IACD,OAAO,EAAE;QACL,SAAS,EAAE,oCAAoC;QAC/C,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,mEAAmE;QAC7E,KAAK,EAAE,yBAAyB;KACnC;IACD,WAAW,EAAE;QACT,SAAS,EAAE,4CAA4C;QACvD,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,+EAA+E;QACzF,KAAK,EAAE,6BAA6B;KACvC;IACD,OAAO,EAAE;QACL,SAAS,EAAE,4EAA4E;QACvF,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,yHAAyH;QACnI,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC;AAKF,MAAM,OAAO,WAAW;IACpB,SAAS,CAAC,MAAqB;QAC3B,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC;QACrE,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAC3C,OAAO,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;QACjD,CAAC;QACD,OAAO,WAAW,CAAC;IACvB,CAAC;uGAPQ,WAAW;qGAAX,WAAW;;2FAAX,WAAW;kBAHvB,IAAI;mBAAC;oBACF,IAAI,EAAE,SAAS;iBAClB","sourcesContent":["import { Pipe, PipeTransform } from \"@angular/core\";\r\n\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { AiToastConfig } from \"./toast.config\";\r\n\r\ninterface ToastVariant {\r\n    container: string;\r\n    icon: AiIconType;\r\n    bgButton: string;\r\n    color: string;\r\n}\r\n\r\nconst variantMap: Record<string, ToastVariant> = {\r\n    success: {\r\n        container: \"bg-success text-success-foreground\",\r\n        icon: \"check\",\r\n        bgButton: \"bg-success text-success-foreground hover:bg-success-foreground/15\",\r\n        color: \"text-success-foreground\",\r\n    },\r\n    info: {\r\n        container: \"bg-info text-info-foreground\",\r\n        icon: \"information-2\",\r\n        bgButton: \"bg-info text-info-foreground hover:bg-info-foreground/15\",\r\n        color: \"text-info-foreground\",\r\n    },\r\n    warning: {\r\n        container: \"bg-warning text-warning-foreground\",\r\n        icon: \"alert\",\r\n        bgButton: \"bg-warning text-warning-foreground hover:bg-warning-foreground/15\",\r\n        color: \"text-warning-foreground\",\r\n    },\r\n    destructive: {\r\n        container: \"bg-destructive text-destructive-foreground\",\r\n        icon: \"bug\",\r\n        bgButton: \"bg-destructive text-destructive-foreground hover:bg-destructive-foreground/15\",\r\n        color: \"text-destructive-foreground\",\r\n    },\r\n    default: {\r\n        container: \"bg-background text-foreground dark:bg-default dark:text-default-foreground\",\r\n        icon: \"bell\",\r\n        bgButton: \"bg-background dark:bg-default text-foreground dark:text-default-foreground hover:bg-primary/15 dark:hover:bg-primary/15\",\r\n        color: \"text-primary\",\r\n    },\r\n};\r\n\r\n@Pipe({\r\n    name: \"aiToast\",\r\n})\r\nexport class AiToastPipe implements PipeTransform {\r\n    transform(config: AiToastConfig): ToastVariant {\r\n        const baseVariant = variantMap[config.type] || variantMap[\"default\"];\r\n        if (config.type === \"default\" && config.icon) {\r\n            return { ...baseVariant, icon: config.icon };\r\n        }\r\n        return baseVariant;\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,60 @@
+import { Overlay } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import { inject, Injectable, signal } from "@angular/core";
+import { AiToast } from "./toast";
+import * as i0 from "@angular/core";
+export class AiToastService {
+    #overlay = inject(Overlay);
+    #overlayRef;
+    #toastConfig = signal([], ...(ngDevMode ? [{ debugName: "#toastConfig" }] : []));
+    toastConfig = this.#toastConfig.asReadonly();
+    _ensureOverlay() {
+        if (!this.#overlayRef) {
+            this.#overlayRef = this.#overlay.create({
+                positionStrategy: this.#overlay.position().global(),
+                scrollStrategy: this.#overlay.scrollStrategies.noop(),
+                hasBackdrop: false,
+            });
+        }
+        return this.#overlayRef;
+    }
+    _attachToOverlay() {
+        const overlayRef = this._ensureOverlay();
+        if (!overlayRef.hasAttached()) {
+            const portal = new ComponentPortal(AiToast);
+            overlayRef.attach(portal);
+        }
+    }
+    _addToast(config, duration) {
+        this._attachToOverlay();
+        this.#toastConfig.update(current => [...current, config]);
+        setTimeout(() => this.remove(config.id), duration);
+    }
+    remove(id) {
+        this.#toastConfig.update(current => current.filter(t => t.id !== id));
+    }
+    default({ message, description, icon, duration = 3000, position }) {
+        this._addToast({ id: Date.now(), message, description, type: "default", position, icon }, duration);
+    }
+    success({ message, description, duration = 3000, position }) {
+        this._addToast({ id: Date.now(), message, description, type: "success", position }, duration);
+    }
+    warning({ message, description, duration = 3000, position }) {
+        this._addToast({ id: Date.now(), message, description, type: "warning", position }, duration);
+    }
+    destructive({ message, description, duration = 3000, position }) {
+        this._addToast({ id: Date.now(), message, description, type: "destructive", position }, duration);
+    }
+    info({ message, description, duration = 3000, position }) {
+        this._addToast({ id: Date.now(), message, description, type: "info", position }, duration);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiToastService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+//# sourceMappingURL=toast.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/toast/toast.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Overlay, OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { ComponentPortal } from \"@angular/cdk/portal\";\r\nimport { inject, Injectable, signal } from \"@angular/core\";\r\nimport { AiToast } from \"./toast\";\r\nimport { AiToastConfig } from \"./toast.config\";\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class AiToastService {\r\n    #overlay = inject(Overlay);\r\n    #overlayRef?: OverlayRef;\r\n\r\n    readonly #toastConfig = signal<AiToastConfig[]>([]);\r\n    readonly toastConfig = this.#toastConfig.asReadonly();\r\n\r\n    private _ensureOverlay() {\r\n        if (!this.#overlayRef) {\r\n            this.#overlayRef = this.#overlay.create({\r\n                positionStrategy: this.#overlay.position().global(),\r\n                scrollStrategy: this.#overlay.scrollStrategies.noop(),\r\n                hasBackdrop: false,\r\n            });\r\n        }\r\n        return this.#overlayRef;\r\n    }\r\n\r\n    private _attachToOverlay() {\r\n        const overlayRef = this._ensureOverlay();\r\n        if (!overlayRef.hasAttached()) {\r\n            const portal = new ComponentPortal(AiToast);\r\n            overlayRef.attach(portal);\r\n        }\r\n    }\r\n\r\n    private _addToast(config: AiToastConfig, duration: number) {\r\n        this._attachToOverlay();\r\n        this.#toastConfig.update(current => [...current, config]);\r\n        setTimeout(() => this.remove(config.id), duration);\r\n    }\r\n\r\n    remove(id: number) {\r\n        this.#toastConfig.update(current => current.filter(t => t.id !== id));\r\n    }\r\n\r\n    default({ message, description, icon, duration = 3000, position }: Partial<AiToastConfig>) {\r\n        this._addToast({ id: Date.now(), message, description, type: \"default\", position, icon }, duration);\r\n    }\r\n\r\n    success({ message, description, duration = 3000, position }: Partial<AiToastConfig>) {\r\n        this._addToast({ id: Date.now(), message, description, type: \"success\", position }, duration);\r\n    }\r\n\r\n    warning({ message, description, duration = 3000, position }: Partial<AiToastConfig>) {\r\n        this._addToast({ id: Date.now(), message, description, type: \"warning\", position }, duration);\r\n    }\r\n\r\n    destructive({ message, description, duration = 3000, position }: Partial<AiToastConfig>) {\r\n        this._addToast({ id: Date.now(), message, description, type: \"destructive\", position }, duration);\r\n    }\r\n\r\n    info({ message, description, duration = 3000, position }: Partial<AiToastConfig>) {\r\n        this._addToast({ id: Date.now(), message, description, type: \"info\", position }, duration);\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,17 @@
+import { cva } from "class-variance-authority";
+export const toastVariants = cva("fixed flex flex-col gap-2 w-full max-w-sm z-50", {
+    variants: {
+        position: {
+            "top-left": "top-5 left-5 items-start",
+            "top-center": "top-5 left-1/2 -translate-x-1/2 items-center",
+            "top-right": "top-5 right-5 items-end",
+            "bottom-left": "bottom-5 left-5 items-start",
+            "bottom-center": "bottom-5 left-1/2 -translate-x-1/2 items-center",
+            "bottom-right": "bottom-5 right-5 items-end",
+        },
+    },
+    defaultVariants: {
+        position: "bottom-center",
+    },
+});
+//# sourceMappingURL=toast.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/toast/toast.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,gDAAgD,EAAE;IAC/E,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,UAAU,EAAE,0BAA0B;YACtC,YAAY,EAAE,8CAA8C;YAC5D,WAAW,EAAE,yBAAyB;YACtC,aAAa,EAAE,6BAA6B;YAC5C,eAAe,EAAE,iDAAiD;YAClE,cAAc,EAAE,4BAA4B;SAC/C;KACJ;IACD,eAAe,EAAE;QACb,QAAQ,EAAE,eAAe;KAC5B;CACJ,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const toastVariants = cva(\"fixed flex flex-col gap-2 w-full max-w-sm z-50\", {\r\n    variants: {\r\n        position: {\r\n            \"top-left\": \"top-5 left-5 items-start\",\r\n            \"top-center\": \"top-5 left-1/2 -translate-x-1/2 items-center\",\r\n            \"top-right\": \"top-5 right-5 items-end\",\r\n            \"bottom-left\": \"bottom-5 left-5 items-start\",\r\n            \"bottom-center\": \"bottom-5 left-1/2 -translate-x-1/2 items-center\",\r\n            \"bottom-right\": \"bottom-5 right-5 items-end\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        position: \"bottom-center\",\r\n    },\r\n});\r\n\r\nexport type ToastVariants = VariantProps<typeof toastVariants>;\r\n"]}

package/esm2022/lib/components/tooltip/demo/click.js

@@ -0,0 +1,26 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiTooltipImports } from "../tooltip.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../tooltip.directive";
+import * as i2 from "@angular/cdk/overlay";
+export class DemoTooltipClickComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipClickComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoTooltipClickComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center">
+            <ai-button type="button" aiTooltip="Tooltip content" aiTrigger="click"> Click me </ai-button>
+        </div>
+    `, isInline: true, 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: "directive", type: i1.AiTooltipDirective, selector: "[aiTooltip]", inputs: ["aiPosition", "aiTrigger", "aiTooltip", "aiShowDelay", "aiHideDelay"], outputs: ["show", "hide"], exportAs: ["aiTooltip"] }, { kind: "ngmodule", type: i2.OverlayModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipClickComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton, AiTooltipImports],
+                    template: `
+        <div class="flex items-center justify-center">
+            <ai-button type="button" aiTooltip="Tooltip content" aiTrigger="click"> Click me </ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=click.js.map

package/esm2022/lib/components/tooltip/demo/click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/tooltip/demo/click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;;;AAUtD,MAAM,OAAO,yBAAyB;uGAAzB,yBAAyB;2FAAzB,yBAAyB,wEANxB;;;;KAIT,4DALS,QAAQ;;2FAOT,yBAAyB;kBARrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC;oBACrC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiTooltipImports } from \"../tooltip.imports\";\r\n\r\n@Component({\r\n    imports: [AiButton, AiTooltipImports],\r\n    template: `\r\n        <div class=\"flex items-center justify-center\">\r\n            <ai-button type=\"button\" aiTooltip=\"Tooltip content\" aiTrigger=\"click\"> Click me </ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoTooltipClickComponent {}\r\n"]}

package/esm2022/lib/components/tooltip/demo/events.js

@@ -0,0 +1,37 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiTooltipImports } from "../tooltip.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../tooltip.directive";
+import * as i2 from "@angular/cdk/overlay";
+export class DemoTooltipEventsComponent {
+    event = "none";
+    onShow() {
+        this.event = "(show)";
+    }
+    onHide() {
+        this.event = "(hide)";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipEventsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoTooltipEventsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-25">
+            <ai-button type="button" aiTooltip="Tooltip content" (show)="onShow()" (hide)="onHide()"> Events </ai-button>
+
+            <span class="text-sm">Event: {{ event }}</span>
+        </div>
+    `, isInline: true, 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: "directive", type: i1.AiTooltipDirective, selector: "[aiTooltip]", inputs: ["aiPosition", "aiTrigger", "aiTooltip", "aiShowDelay", "aiHideDelay"], outputs: ["show", "hide"], exportAs: ["aiTooltip"] }, { kind: "ngmodule", type: i2.OverlayModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipEventsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton, AiTooltipImports],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-25">
+            <ai-button type="button" aiTooltip="Tooltip content" (show)="onShow()" (hide)="onHide()"> Events </ai-button>
+
+            <span class="text-sm">Event: {{ event }}</span>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=events.js.map

package/esm2022/lib/components/tooltip/demo/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/tooltip/demo/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;;;AAYtD,MAAM,OAAO,0BAA0B;IACzB,KAAK,GAAG,MAAM,CAAC;IAEf,MAAM;QACZ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAES,MAAM;QACZ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IAC1B,CAAC;uGATQ,0BAA0B;2FAA1B,0BAA0B,wEARzB;;;;;;KAMT,4DAPS,QAAQ;;2FAST,0BAA0B;kBAVtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC;oBACrC,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiTooltipImports } from \"../tooltip.imports\";\r\n\r\n@Component({\r\n    imports: [AiButton, AiTooltipImports],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-25\">\r\n            <ai-button type=\"button\" aiTooltip=\"Tooltip content\" (show)=\"onShow()\" (hide)=\"onHide()\"> Events </ai-button>\r\n\r\n            <span class=\"text-sm\">Event: {{ event }}</span>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoTooltipEventsComponent {\r\n    protected event = \"none\";\r\n\r\n    protected onShow() {\r\n        this.event = \"(show)\";\r\n    }\r\n\r\n    protected onHide() {\r\n        this.event = \"(hide)\";\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/tooltip/demo/hover.js

@@ -0,0 +1,26 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiTooltipImports } from "../tooltip.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../tooltip.directive";
+import * as i2 from "@angular/cdk/overlay";
+export class DemoTooltipHoverComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipHoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoTooltipHoverComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center">
+            <ai-button type="button" aiTooltip="Tooltip content"> Hover me </ai-button>
+        </div>
+    `, isInline: true, 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: "directive", type: i1.AiTooltipDirective, selector: "[aiTooltip]", inputs: ["aiPosition", "aiTrigger", "aiTooltip", "aiShowDelay", "aiHideDelay"], outputs: ["show", "hide"], exportAs: ["aiTooltip"] }, { kind: "ngmodule", type: i2.OverlayModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipHoverComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton, AiTooltipImports],
+                    template: `
+        <div class="flex items-center justify-center">
+            <ai-button type="button" aiTooltip="Tooltip content"> Hover me </ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=hover.js.map

package/esm2022/lib/components/tooltip/demo/hover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/tooltip/demo/hover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;;;AAUtD,MAAM,OAAO,yBAAyB;uGAAzB,yBAAyB;2FAAzB,yBAAyB,wEANxB;;;;KAIT,4DALS,QAAQ;;2FAOT,yBAAyB;kBARrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC;oBACrC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiTooltipImports } from \"../tooltip.imports\";\r\n\r\n@Component({\r\n    imports: [AiButton, AiTooltipImports],\r\n    template: `\r\n        <div class=\"flex items-center justify-center\">\r\n            <ai-button type=\"button\" aiTooltip=\"Tooltip content\"> Hover me </ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoTooltipHoverComponent {}\r\n"]}

package/esm2022/lib/components/tooltip/demo/position.js

@@ -0,0 +1,40 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiTooltipImports } from "../tooltip.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../tooltip.directive";
+import * as i2 from "@angular/cdk/overlay";
+export class DemoTooltipPositionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipPositionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoTooltipPositionComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center flex-col gap-y-4">
+            <ai-button type="button" aiTooltip="Tooltip content" aiPosition="top"> Top </ai-button>
+
+            <div class="flex items-center gap-x-2">
+                <ai-button type="button" aiTooltip="Tooltip content" aiPosition="left"> Left </ai-button>
+                <ai-button type="button" aiTooltip="Tooltip content" aiPosition="right"> Right </ai-button>
+            </div>
+
+            <ai-button type="button" aiTooltip="Tooltip content" aiPosition="bottom"> Bottom </ai-button>
+        </div>
+    `, isInline: true, 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: "directive", type: i1.AiTooltipDirective, selector: "[aiTooltip]", inputs: ["aiPosition", "aiTrigger", "aiTooltip", "aiShowDelay", "aiHideDelay"], outputs: ["show", "hide"], exportAs: ["aiTooltip"] }, { kind: "ngmodule", type: i2.OverlayModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoTooltipPositionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton, AiTooltipImports],
+                    template: `
+        <div class="flex items-center flex-col gap-y-4">
+            <ai-button type="button" aiTooltip="Tooltip content" aiPosition="top"> Top </ai-button>
+
+            <div class="flex items-center gap-x-2">
+                <ai-button type="button" aiTooltip="Tooltip content" aiPosition="left"> Left </ai-button>
+                <ai-button type="button" aiTooltip="Tooltip content" aiPosition="right"> Right </ai-button>
+            </div>
+
+            <ai-button type="button" aiTooltip="Tooltip content" aiPosition="bottom"> Bottom </ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=position.js.map

package/esm2022/lib/components/tooltip/demo/position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/tooltip/demo/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;;;AAiBtD,MAAM,OAAO,4BAA4B;uGAA5B,4BAA4B;2FAA5B,4BAA4B,wEAb3B;;;;;;;;;;;KAWT,4DAZS,QAAQ;;2FAcT,4BAA4B;kBAfxC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC;oBACrC,QAAQ,EAAE;;;;;;;;;;;KAWT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiTooltipImports } from \"../tooltip.imports\";\r\n\r\n@Component({\r\n    imports: [AiButton, AiTooltipImports],\r\n    template: `\r\n        <div class=\"flex items-center flex-col gap-y-4\">\r\n            <ai-button type=\"button\" aiTooltip=\"Tooltip content\" aiPosition=\"top\"> Top </ai-button>\r\n\r\n            <div class=\"flex items-center gap-x-2\">\r\n                <ai-button type=\"button\" aiTooltip=\"Tooltip content\" aiPosition=\"left\"> Left </ai-button>\r\n                <ai-button type=\"button\" aiTooltip=\"Tooltip content\" aiPosition=\"right\"> Right </ai-button>\r\n            </div>\r\n\r\n            <ai-button type=\"button\" aiTooltip=\"Tooltip content\" aiPosition=\"bottom\"> Bottom </ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoTooltipPositionComponent {}\r\n"]}

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

@@ -0,0 +1,27 @@
+import { DemoTooltipClickComponent } from "./click";
+import { DemoTooltipEventsComponent } from "./events";
+import { DemoTooltipHoverComponent } from "./hover";
+import { DemoTooltipPositionComponent } from "./position";
+export const TOOLTIP = {
+    componentName: "tooltip",
+    componentType: "tooltip",
+    examples: [
+        {
+            name: "hover",
+            component: DemoTooltipHoverComponent,
+        },
+        {
+            name: "click",
+            component: DemoTooltipClickComponent,
+        },
+        {
+            name: "position",
+            component: DemoTooltipPositionComponent,
+        },
+        {
+            name: "events",
+            component: DemoTooltipEventsComponent,
+        },
+    ],
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/tooltip/demo/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,4BAA4B;SAC1C;QACD;YACI,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,0BAA0B;SACxC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoTooltipClickComponent } from \"./click\";\r\nimport { DemoTooltipEventsComponent } from \"./events\";\r\nimport { DemoTooltipHoverComponent } from \"./hover\";\r\nimport { DemoTooltipPositionComponent } from \"./position\";\r\n\r\nexport const TOOLTIP = {\r\n    componentName: \"tooltip\",\r\n    componentType: \"tooltip\",\r\n    examples: [\r\n        {\r\n            name: \"hover\",\r\n            component: DemoTooltipHoverComponent,\r\n        },\r\n        {\r\n            name: \"click\",\r\n            component: DemoTooltipClickComponent,\r\n        },\r\n        {\r\n            name: \"position\",\r\n            component: DemoTooltipPositionComponent,\r\n        },\r\n        {\r\n            name: \"events\",\r\n            component: DemoTooltipEventsComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

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

@@ -0,0 +1,5 @@
+export * from "./demo/tooltip";
+export * from "./tooltip";
+export * from "./tooltip.directive";
+export * from "./tooltip.imports";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC","sourcesContent":["export * from \"./demo/tooltip\";\r\nexport * from \"./tooltip\";\r\nexport * from \"./tooltip.directive\";\r\nexport * from \"./tooltip.imports\";\r\n"]}

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

@@ -0,0 +1,40 @@
+export const TOOLTIP_POSITIONS_MAP = {
+    top: {
+        originX: "center",
+        originY: "top",
+        overlayX: "center",
+        overlayY: "bottom",
+        offsetY: -8,
+    },
+    bottom: {
+        originX: "center",
+        originY: "bottom",
+        overlayX: "center",
+        overlayY: "top",
+        offsetY: 8,
+    },
+    left: {
+        originX: "start",
+        originY: "center",
+        overlayX: "end",
+        overlayY: "center",
+        offsetX: -8,
+    },
+    right: {
+        originX: "end",
+        originY: "center",
+        overlayX: "start",
+        overlayY: "center",
+        offsetX: 8,
+    },
+};
+export const throttle = (callback, wait) => {
+    let time = Date.now();
+    return function () {
+        if (time + wait - Date.now() < 0) {
+            callback();
+            time = Date.now();
+        }
+    };
+};
+//# sourceMappingURL=tooltip.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.config.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/tooltip/tooltip.config.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,qBAAqB,GAAyC;IACvE,GAAG,EAAE;QACD,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,CAAC,CAAC;KACd;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,CAAC;KACb;IACD,IAAI,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,CAAC,CAAC;KACd;IACD,KAAK,EAAE;QACH,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,CAAC;KACb;CACJ,CAAC;AAUF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAoB,EAAE,IAAY,EAAE,EAAE;IAC3D,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACtB,OAAO;QACH,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;YAC/B,QAAQ,EAAE,CAAC;YACX,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type { ConnectedPosition } from \"@angular/cdk/overlay\";\r\nimport { TemplateRef } from \"@angular/core\";\r\n\r\nexport const TOOLTIP_POSITIONS_MAP: { [key: string]: ConnectedPosition } = {\r\n    top: {\r\n        originX: \"center\",\r\n        originY: \"top\",\r\n        overlayX: \"center\",\r\n        overlayY: \"bottom\",\r\n        offsetY: -8,\r\n    },\r\n    bottom: {\r\n        originX: \"center\",\r\n        originY: \"bottom\",\r\n        overlayX: \"center\",\r\n        overlayY: \"top\",\r\n        offsetY: 8,\r\n    },\r\n    left: {\r\n        originX: \"start\",\r\n        originY: \"center\",\r\n        overlayX: \"end\",\r\n        overlayY: \"center\",\r\n        offsetX: -8,\r\n    },\r\n    right: {\r\n        originX: \"end\",\r\n        originY: \"center\",\r\n        overlayX: \"start\",\r\n        overlayY: \"center\",\r\n        offsetX: 8,\r\n    },\r\n};\r\n\r\nexport type AiTooltipTriggers = \"click\" | \"hover\";\r\nexport type AiTooltipType = string | TemplateRef<void> | null;\r\n\r\nexport interface AiDelayConfig {\r\n    show: boolean;\r\n    delay: number;\r\n}\r\n\r\nexport const throttle = (callback: () => void, wait: number) => {\r\n    let time = Date.now();\r\n    return function () {\r\n        if (time + wait - Date.now() < 0) {\r\n            callback();\r\n            time = Date.now();\r\n        }\r\n    };\r\n};\r\n"]}

package/esm2022/lib/components/tooltip/tooltip.directive.js

@@ -0,0 +1,163 @@
+import { filter, map, of, Subject, switchMap, tap, timer } from "rxjs";
+import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import { isPlatformBrowser } from "@angular/common";
+import { computed, DestroyRef, Directive, DOCUMENT, effect, ElementRef, inject, Injector, input, numberAttribute, output, PLATFORM_ID, Renderer2, runInInjectionContext, } from "@angular/core";
+import { takeUntilDestroyed, toObservable } from "@angular/core/rxjs-interop";
+import { AiTooltip } from "./tooltip";
+import { throttle, TOOLTIP_POSITIONS_MAP } from "./tooltip.config";
+import * as i0 from "@angular/core";
+export class AiTooltipDirective {
+    #destroyRef = inject(DestroyRef);
+    #document = inject(DOCUMENT);
+    #elementRef = inject((ElementRef));
+    #injector = inject(Injector);
+    #overlay = inject(Overlay);
+    #overlayPositionBuilder = inject(OverlayPositionBuilder);
+    #platformId = inject(PLATFORM_ID);
+    #renderer = inject(Renderer2);
+    #delaySubject;
+    #componentRef;
+    #listenersRefs = [];
+    #overlayRef;
+    #ariaEffectRef;
+    aiPosition = input("top", ...(ngDevMode ? [{ debugName: "aiPosition" }] : []));
+    aiTrigger = input("hover", ...(ngDevMode ? [{ debugName: "aiTrigger" }] : []));
+    aiTooltip = input(null, ...(ngDevMode ? [{ debugName: "aiTooltip" }] : []));
+    aiShowDelay = input(150, { ...(ngDevMode ? { debugName: "aiShowDelay" } : {}), transform: numberAttribute });
+    aiHideDelay = input(100, { ...(ngDevMode ? { debugName: "aiHideDelay" } : {}), transform: numberAttribute });
+    show = output();
+    hide = output();
+    tooltipLabel = computed(() => {
+        let tooltipLabel = this.aiTooltip();
+        if (!tooltipLabel)
+            return "";
+        else if (typeof tooltipLabel === "string")
+            tooltipLabel = tooltipLabel.trim();
+        return tooltipLabel;
+    }, ...(ngDevMode ? [{ debugName: "tooltipLabel" }] : []));
+    ngOnInit() {
+        if (isPlatformBrowser(this.#platformId)) {
+            const positionStrategy = this.#overlayPositionBuilder.flexibleConnectedTo(this.#elementRef).withPositions([TOOLTIP_POSITIONS_MAP[this.aiPosition()]]);
+            this.#overlayRef = this.#overlay.create({ positionStrategy });
+            runInInjectionContext(this.#injector, () => {
+                toObservable(this.aiTrigger)
+                    .pipe(tap(() => {
+                    this._setupDelay();
+                    this._cleanupTriggerEvent();
+                    this._initTriggers();
+                }), filter(() => !!this.#overlayRef), switchMap(() => this.#overlayRef.outsidePointerEvents()), filter(event => !this.#elementRef.nativeElement.contains(event.target)), takeUntilDestroyed(this.#destroyRef))
+                    .subscribe(() => this._delay(false, 0));
+            });
+        }
+    }
+    _initTriggers() {
+        this._initScrollListener();
+        this._initClickListeners();
+        this._initHoverListeners();
+    }
+    _initClickListeners() {
+        if (this.aiTrigger() !== "click")
+            return;
+        this.#listenersRefs = [
+            ...this.#listenersRefs,
+            this.#renderer.listen(this.#elementRef.nativeElement, "click", () => {
+                const shouldShowTooltip = !this.#overlayRef?.hasAttached();
+                const delay = shouldShowTooltip ? this.aiShowDelay() : this.aiHideDelay();
+                this._delay(shouldShowTooltip, delay);
+            }),
+        ];
+    }
+    _initHoverListeners() {
+        if (this.aiTrigger() !== "hover")
+            return;
+        this.#listenersRefs = [
+            ...this.#listenersRefs,
+            this.#renderer.listen(this.#elementRef.nativeElement, "mouseenter", () => this._delay(true, this.aiShowDelay())),
+            this.#renderer.listen(this.#elementRef.nativeElement, "mouseleave", () => this._delay(false, this.aiHideDelay())),
+            this.#renderer.listen(this.#elementRef.nativeElement, "focus", () => this._delay(true, this.aiShowDelay())),
+            this.#renderer.listen(this.#elementRef.nativeElement, "blur", () => this._delay(false, this.aiHideDelay())),
+        ];
+    }
+    _initScrollListener() {
+        this.#listenersRefs = [
+            ...this.#listenersRefs,
+            this.#renderer.listen(this.#document.defaultView, "scroll", throttle(() => this._delay(false, 0), 100)),
+        ];
+    }
+    _cleanupTriggerEvent() {
+        for (const event of this.#listenersRefs) {
+            event();
+        }
+        this.#listenersRefs = [];
+    }
+    _delay(show, delay = -1) {
+        this.#delaySubject?.next({ show, delay });
+    }
+    _setupDelay() {
+        this.#delaySubject?.complete();
+        this.#delaySubject = new Subject();
+        this.#delaySubject
+            .pipe(switchMap(config => (config.delay < 0 ? of(config) : timer(config.delay).pipe(map(() => config)))), takeUntilDestroyed(this.#destroyRef))
+            .subscribe(config => {
+            if (config.show)
+                this._show();
+            else
+                this._hide();
+        });
+    }
+    _show() {
+        if (this.#componentRef || !this.tooltipLabel())
+            return;
+        const tooltipPortal = new ComponentPortal(AiTooltip);
+        this.#componentRef = this.#overlayRef?.attach(tooltipPortal);
+        this.#componentRef?.onDestroy(() => (this.#componentRef = undefined));
+        this.#componentRef?.instance.state.set("opened");
+        this.#componentRef?.instance.setLabel(this.tooltipLabel(), this.aiPosition());
+        runInInjectionContext(this.#injector, () => {
+            this.#ariaEffectRef = effect(() => {
+                const tooltipId = this.#componentRef?.instance.uniqueId()?.id();
+                if (tooltipId) {
+                    this.#renderer.setAttribute(this.#elementRef.nativeElement, "aria-describedby", tooltipId);
+                    this.#ariaEffectRef?.destroy();
+                    this.#ariaEffectRef = undefined;
+                }
+            }, ...(ngDevMode ? [{ debugName: "#ariaEffectRef" }] : []));
+        });
+        this.show.emit();
+    }
+    _hide() {
+        if (!this.#componentRef)
+            return;
+        if (this.#ariaEffectRef) {
+            this.#ariaEffectRef.destroy();
+            this.#ariaEffectRef = undefined;
+        }
+        this.#renderer.removeAttribute(this.#elementRef.nativeElement, "aria-describedby");
+        this.#componentRef.instance.state.set("closed");
+        this.hide.emit();
+        this.#overlayRef?.detach();
+    }
+    ngOnDestroy() {
+        if (this.#ariaEffectRef) {
+            this.#ariaEffectRef.destroy();
+            this.#ariaEffectRef = undefined;
+        }
+        this._cleanupTriggerEvent();
+        this.#delaySubject?.complete();
+        this.#overlayRef?.dispose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: AiTooltipDirective, isStandalone: true, selector: "[aiTooltip]", inputs: { aiPosition: { classPropertyName: "aiPosition", publicName: "aiPosition", isSignal: true, isRequired: false, transformFunction: null }, aiTrigger: { classPropertyName: "aiTrigger", publicName: "aiTrigger", isSignal: true, isRequired: false, transformFunction: null }, aiTooltip: { classPropertyName: "aiTooltip", publicName: "aiTooltip", isSignal: true, isRequired: false, transformFunction: null }, aiShowDelay: { classPropertyName: "aiShowDelay", publicName: "aiShowDelay", isSignal: true, isRequired: false, transformFunction: null }, aiHideDelay: { classPropertyName: "aiHideDelay", publicName: "aiHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { show: "show", hide: "hide" }, host: { styleAttribute: "cursor: pointer" }, exportAs: ["aiTooltip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[aiTooltip]",
+                    exportAs: "aiTooltip",
+                    host: {
+                        style: "cursor: pointer",
+                    },
+                }]
+        }], propDecorators: { aiPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiPosition", required: false }] }], aiTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiTrigger", required: false }] }], aiTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiTooltip", required: false }] }], aiShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiShowDelay", required: false }] }], aiHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiHideDelay", required: false }] }], show: [{ type: i0.Output, args: ["show"] }], hide: [{ type: i0.Output, args: ["hide"] }] } });
+//# sourceMappingURL=tooltip.directive.js.map

package/esm2022/lib/components/tooltip/tooltip.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/tooltip/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { filter, map, of, Subject, switchMap, tap, timer } from \"rxjs\";\r\n\r\nimport { Overlay, OverlayPositionBuilder, OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { ComponentPortal } from \"@angular/cdk/portal\";\r\nimport { isPlatformBrowser } from \"@angular/common\";\r\nimport {\r\n    ComponentRef,\r\n    computed,\r\n    DestroyRef,\r\n    Directive,\r\n    DOCUMENT,\r\n    effect,\r\n    ElementRef,\r\n    inject,\r\n    Injector,\r\n    input,\r\n    numberAttribute,\r\n    OnDestroy,\r\n    OnInit,\r\n    output,\r\n    PLATFORM_ID,\r\n    Renderer2,\r\n    runInInjectionContext,\r\n    TemplateRef,\r\n} from \"@angular/core\";\r\nimport { takeUntilDestroyed, toObservable } from \"@angular/core/rxjs-interop\";\r\n\r\nimport { AiTooltip } from \"./tooltip\";\r\nimport { AiDelayConfig, AiTooltipTriggers, AiTooltipType, throttle, TOOLTIP_POSITIONS_MAP } from \"./tooltip.config\";\r\nimport { TooltipPositionVariants } from \"./tooltip.variants\";\r\n\r\n@Directive({\r\n    selector: \"[aiTooltip]\",\r\n    exportAs: \"aiTooltip\",\r\n    host: {\r\n        style: \"cursor: pointer\",\r\n    },\r\n})\r\nexport class AiTooltipDirective implements OnInit, OnDestroy {\r\n    #destroyRef = inject(DestroyRef);\r\n    #document = inject(DOCUMENT);\r\n    #elementRef = inject(ElementRef<HTMLElement>);\r\n    #injector = inject(Injector);\r\n    #overlay = inject(Overlay);\r\n    #overlayPositionBuilder = inject(OverlayPositionBuilder);\r\n    #platformId = inject(PLATFORM_ID);\r\n    #renderer = inject(Renderer2);\r\n\r\n    #delaySubject?: Subject<AiDelayConfig>;\r\n    #componentRef?: ComponentRef<AiTooltip>;\r\n    #listenersRefs: (() => void)[] = [];\r\n    #overlayRef?: OverlayRef;\r\n    #ariaEffectRef?: ReturnType<typeof effect>;\r\n\r\n    readonly aiPosition = input<TooltipPositionVariants>(\"top\");\r\n    readonly aiTrigger = input<AiTooltipTriggers>(\"hover\");\r\n    readonly aiTooltip = input<AiTooltipType>(null);\r\n    readonly aiShowDelay = input(150, { transform: numberAttribute });\r\n    readonly aiHideDelay = input(100, { transform: numberAttribute });\r\n\r\n    readonly show = output<void>();\r\n    readonly hide = output<void>();\r\n\r\n    private readonly tooltipLabel = computed<string | TemplateRef<void>>(() => {\r\n        let tooltipLabel = this.aiTooltip();\r\n        if (!tooltipLabel) return \"\";\r\n        else if (typeof tooltipLabel === \"string\") tooltipLabel = tooltipLabel.trim();\r\n        return tooltipLabel;\r\n    });\r\n\r\n    ngOnInit() {\r\n        if (isPlatformBrowser(this.#platformId)) {\r\n            const positionStrategy = this.#overlayPositionBuilder.flexibleConnectedTo(this.#elementRef).withPositions([TOOLTIP_POSITIONS_MAP[this.aiPosition()]]);\r\n            this.#overlayRef = this.#overlay.create({ positionStrategy });\r\n\r\n            runInInjectionContext(this.#injector, () => {\r\n                toObservable(this.aiTrigger)\r\n                    .pipe(\r\n                        tap(() => {\r\n                            this._setupDelay();\r\n                            this._cleanupTriggerEvent();\r\n                            this._initTriggers();\r\n                        }),\r\n                        filter(() => !!this.#overlayRef),\r\n                        switchMap(() => (this.#overlayRef as OverlayRef).outsidePointerEvents()),\r\n                        filter(event => !this.#elementRef.nativeElement.contains(event.target)),\r\n                        takeUntilDestroyed(this.#destroyRef),\r\n                    )\r\n                    .subscribe(() => this._delay(false, 0));\r\n            });\r\n        }\r\n    }\r\n\r\n    private _initTriggers() {\r\n        this._initScrollListener();\r\n        this._initClickListeners();\r\n        this._initHoverListeners();\r\n    }\r\n\r\n    private _initClickListeners() {\r\n        if (this.aiTrigger() !== \"click\") return;\r\n\r\n        this.#listenersRefs = [\r\n            ...this.#listenersRefs,\r\n            this.#renderer.listen(this.#elementRef.nativeElement, \"click\", () => {\r\n                const shouldShowTooltip = !this.#overlayRef?.hasAttached();\r\n                const delay = shouldShowTooltip ? this.aiShowDelay() : this.aiHideDelay();\r\n                this._delay(shouldShowTooltip, delay);\r\n            }),\r\n        ];\r\n    }\r\n\r\n    private _initHoverListeners() {\r\n        if (this.aiTrigger() !== \"hover\") return;\r\n\r\n        this.#listenersRefs = [\r\n            ...this.#listenersRefs,\r\n            this.#renderer.listen(this.#elementRef.nativeElement, \"mouseenter\", () => this._delay(true, this.aiShowDelay())),\r\n            this.#renderer.listen(this.#elementRef.nativeElement, \"mouseleave\", () => this._delay(false, this.aiHideDelay())),\r\n            this.#renderer.listen(this.#elementRef.nativeElement, \"focus\", () => this._delay(true, this.aiShowDelay())),\r\n            this.#renderer.listen(this.#elementRef.nativeElement, \"blur\", () => this._delay(false, this.aiHideDelay())),\r\n        ];\r\n    }\r\n\r\n    private _initScrollListener() {\r\n        this.#listenersRefs = [\r\n            ...this.#listenersRefs,\r\n            this.#renderer.listen(\r\n                this.#document.defaultView,\r\n                \"scroll\",\r\n                throttle(() => this._delay(false, 0), 100),\r\n            ),\r\n        ];\r\n    }\r\n\r\n    private _cleanupTriggerEvent() {\r\n        for (const event of this.#listenersRefs) {\r\n            event();\r\n        }\r\n        this.#listenersRefs = [];\r\n    }\r\n\r\n    private _delay(show: boolean, delay = -1) {\r\n        this.#delaySubject?.next({ show, delay });\r\n    }\r\n\r\n    private _setupDelay() {\r\n        this.#delaySubject?.complete();\r\n        this.#delaySubject = new Subject<AiDelayConfig>();\r\n\r\n        this.#delaySubject\r\n            .pipe(\r\n                switchMap(config => (config.delay < 0 ? of(config) : timer(config.delay).pipe(map(() => config)))),\r\n                takeUntilDestroyed(this.#destroyRef),\r\n            )\r\n            .subscribe(config => {\r\n                if (config.show) this._show();\r\n                else this._hide();\r\n            });\r\n    }\r\n\r\n    private _show() {\r\n        if (this.#componentRef || !this.tooltipLabel()) return;\r\n\r\n        const tooltipPortal = new ComponentPortal(AiTooltip);\r\n        this.#componentRef = this.#overlayRef?.attach(tooltipPortal);\r\n        this.#componentRef?.onDestroy(() => (this.#componentRef = undefined));\r\n        this.#componentRef?.instance.state.set(\"opened\");\r\n        this.#componentRef?.instance.setLabel(this.tooltipLabel(), this.aiPosition());\r\n\r\n        runInInjectionContext(this.#injector, () => {\r\n            this.#ariaEffectRef = effect(() => {\r\n                const tooltipId = this.#componentRef?.instance.uniqueId()?.id();\r\n                if (tooltipId) {\r\n                    this.#renderer.setAttribute(this.#elementRef.nativeElement, \"aria-describedby\", tooltipId);\r\n                    this.#ariaEffectRef?.destroy();\r\n                    this.#ariaEffectRef = undefined;\r\n                }\r\n            });\r\n        });\r\n\r\n        this.show.emit();\r\n    }\r\n\r\n    private _hide() {\r\n        if (!this.#componentRef) return;\r\n\r\n        if (this.#ariaEffectRef) {\r\n            this.#ariaEffectRef.destroy();\r\n            this.#ariaEffectRef = undefined;\r\n        }\r\n\r\n        this.#renderer.removeAttribute(this.#elementRef.nativeElement, \"aria-describedby\");\r\n        this.#componentRef.instance.state.set(\"closed\");\r\n        this.hide.emit();\r\n        this.#overlayRef?.detach();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        if (this.#ariaEffectRef) {\r\n            this.#ariaEffectRef.destroy();\r\n            this.#ariaEffectRef = undefined;\r\n        }\r\n\r\n        this._cleanupTriggerEvent();\r\n        this.#delaySubject?.complete();\r\n        this.#overlayRef?.dispose();\r\n    }\r\n}\r\n"]}