@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-toast.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, HostBinding, NgModule, Injectable } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { first } from 'rxjs/operators';
+
+class ToastComponent {
+    toast;
+    dismiss = new EventEmitter();
+    isLeaving = false;
+    timer = null;
+    ngOnInit() {
+        if (!this.toast.sticky && this.toast.duration) {
+            this.timer = setTimeout(() => {
+                this.startDismissAnimation();
+            }, this.toast.duration);
+        }
+    }
+    ngOnDestroy() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
+    }
+    startDismissAnimation() {
+        this.isLeaving = true;
+        setTimeout(() => {
+            this.dismiss.emit();
+        }, 300);
+    }
+    dismissToast() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
+        this.startDismissAnimation();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToastComponent, selector: "s-toast", inputs: { toast: "toast" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class.toast--leaving": "this.isLeaving" } }, ngImport: i0, template: "<div\n    class=\"toast\"\n    [class.toast--info]=\"toast.severity === 'info'\"\n    [class.toast--success]=\"toast.severity === 'success'\"\n    [class.toast--warning]=\"toast.severity === 'warning'\"\n    [class.toast--error]=\"toast.severity === 'error'\"\n>\n    <div class=\"toast-content\">\n        <i\n            class=\"toast-icon fas fa-info\"\n            [class.fa-info]=\"toast.severity === 'info'\"\n            [class.fa-check]=\"toast.severity === 'success'\"\n            [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n            [class.fa-times]=\"toast.severity === 'error'\"\n        ></i>\n        <div class=\"text-container\">\n            @if(toast.title) {\n                <span class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n            }\n            @if(toast.text) {\n                <span [innerHTML]=\"toast.text\"></span>\n            }\n        </div>\n    </div>\n    @if(toast.closable) {\n        <button class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n    }\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-toast", template: "<div\n    class=\"toast\"\n    [class.toast--info]=\"toast.severity === 'info'\"\n    [class.toast--success]=\"toast.severity === 'success'\"\n    [class.toast--warning]=\"toast.severity === 'warning'\"\n    [class.toast--error]=\"toast.severity === 'error'\"\n>\n    <div class=\"toast-content\">\n        <i\n            class=\"toast-icon fas fa-info\"\n            [class.fa-info]=\"toast.severity === 'info'\"\n            [class.fa-check]=\"toast.severity === 'success'\"\n            [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n            [class.fa-times]=\"toast.severity === 'error'\"\n        ></i>\n        <div class=\"text-container\">\n            @if(toast.title) {\n                <span class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n            }\n            @if(toast.text) {\n                <span [innerHTML]=\"toast.text\"></span>\n            }\n        </div>\n    </div>\n    @if(toast.closable) {\n        <button class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n    }\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"] }]
+        }], propDecorators: { toast: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }], isLeaving: [{
+                type: HostBinding,
+                args: ["class.toast--leaving"]
+            }] } });
+
+class ToastModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ToastModule, declarations: [ToastComponent], imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ToastComponent],
+                }]
+        }] });
+
+class ToastService {
+    appRef;
+    injector;
+    componentFactoryResolver;
+    activeToasts = [];
+    globalToastHostElement = null;
+    constructor(appRef, injector, componentFactoryResolver) {
+        this.appRef = appRef;
+        this.injector = injector;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    ensureGlobalToastHost() {
+        if (!this.globalToastHostElement) {
+            this.globalToastHostElement = document.createElement("div");
+            document.body.appendChild(this.globalToastHostElement);
+            this.globalToastHostElement.style.display = "flex";
+            this.globalToastHostElement.style.flexDirection = "column";
+            this.globalToastHostElement.style.position = "fixed";
+            this.globalToastHostElement.style.right = "20px";
+            this.globalToastHostElement.style.top = "20px";
+            this.globalToastHostElement.style.zIndex = "99999";
+            this.globalToastHostElement.style.gap = "10px";
+        }
+    }
+    show(toast) {
+        this.ensureGlobalToastHost();
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(ToastComponent);
+        const componentRef = componentFactory.create(this.injector);
+        this.appRef.attachView(componentRef.hostView);
+        if (!toast.sticky) {
+            toast.duration = toast.duration ?? 10000;
+        }
+        componentRef.instance.toast = {
+            closable: true,
+            ...toast,
+        };
+        const domElem = componentRef.hostView.rootNodes[0];
+        this.globalToastHostElement.appendChild(domElem);
+        domElem.style.display = "flex";
+        domElem.style.justifyContent = "center";
+        componentRef.instance.dismiss.pipe(first()).subscribe(() => {
+            const index = this.activeToasts.indexOf(componentRef);
+            if (index !== -1) {
+                this.appRef.detachView(componentRef.hostView);
+                componentRef.destroy();
+                this.activeToasts.splice(index, 1);
+            }
+            if (this.activeToasts.length === 0 && this.globalToastHostElement) {
+                this.globalToastHostElement.remove();
+                this.globalToastHostElement = null;
+            }
+        });
+        this.activeToasts.push(componentRef);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToastComponent, ToastModule, ToastService };
+//# sourceMappingURL=seniorsistemas-angular-components-toast.mjs.map

package/fesm2022/seniorsistemas-angular-components-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-toast.mjs","sources":["../../projects/angular-components/toast/src/lib/toast/toast.component.ts","../../projects/angular-components/toast/src/lib/toast/toast.component.html","../../projects/angular-components/toast/src/lib/toast/toast.module.ts","../../projects/angular-components/toast/src/lib/toast/toast.service.ts","../../projects/angular-components/toast/src/seniorsistemas-angular-components-toast.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, HostBinding, OnDestroy, OnInit } from \"@angular/core\"; // Adicionado HostBinding, OnDestroy\nimport { Toast } from \"./types/toast\";\n\n@Component({\n    selector: \"s-toast\",\n    templateUrl: \"./toast.component.html\",\n    styleUrls: [\"./toast.component.scss\"],\n})\nexport class ToastComponent implements OnInit, OnDestroy {\n    @Input()\n    public toast!: Toast;\n\n    @Output()\n    public dismiss = new EventEmitter<void>();\n\n    @HostBinding(\"class.toast--leaving\")\n    public isLeaving = false;\n\n    private timer: ReturnType<typeof setTimeout> | null = null;\n\n    public ngOnInit(): void {\n        if (!this.toast.sticky && this.toast.duration) {\n            this.timer = setTimeout(() => {\n                this.startDismissAnimation();\n            }, this.toast.duration);\n        }\n    }\n\n    public ngOnDestroy(): void {\n        if (this.timer) {\n            clearTimeout(this.timer);\n        }\n    }\n\n    public startDismissAnimation(): void {\n        this.isLeaving = true;\n\n        setTimeout(() => {\n            this.dismiss.emit();\n        }, 300);\n    }\n\n    public dismissToast(): void {\n        if (this.timer) {\n            clearTimeout(this.timer);\n        }\n        this.startDismissAnimation();\n    }\n}\n","<div\n    class=\"toast\"\n    [class.toast--info]=\"toast.severity === 'info'\"\n    [class.toast--success]=\"toast.severity === 'success'\"\n    [class.toast--warning]=\"toast.severity === 'warning'\"\n    [class.toast--error]=\"toast.severity === 'error'\"\n>\n    <div class=\"toast-content\">\n        <i\n            class=\"toast-icon fas fa-info\"\n            [class.fa-info]=\"toast.severity === 'info'\"\n            [class.fa-check]=\"toast.severity === 'success'\"\n            [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n            [class.fa-times]=\"toast.severity === 'error'\"\n        ></i>\n        <div class=\"text-container\">\n            @if(toast.title) {\n                <span class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n            }\n            @if(toast.text) {\n                <span [innerHTML]=\"toast.text\"></span>\n            }\n        </div>\n    </div>\n    @if(toast.closable) {\n        <button class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n    }\n</div>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { ToastComponent } from \"./toast.component\";\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [ToastComponent],\n})\nexport class ToastModule {}\n","import { Injectable, ComponentRef, ApplicationRef, Injector, EmbeddedViewRef, ComponentFactoryResolver } from \"@angular/core\";\n\nimport { ToastComponent } from \"./toast.component\";\nimport { Toast } from \"./types/toast\";\nimport { first } from \"rxjs/operators\";\n\n@Injectable({\n    providedIn: \"root\",\n})\nexport class ToastService {\n    private activeToasts: ComponentRef<ToastComponent>[] = [];\n    private globalToastHostElement: HTMLElement | null = null;\n\n    constructor(\n        private appRef: ApplicationRef,\n        private injector: Injector,\n        private componentFactoryResolver: ComponentFactoryResolver\n    ) { }\n\n    private ensureGlobalToastHost(): void {\n        if (!this.globalToastHostElement) {\n            this.globalToastHostElement = document.createElement(\"div\");\n            document.body.appendChild(this.globalToastHostElement);\n\n            this.globalToastHostElement.style.display = \"flex\";\n            this.globalToastHostElement.style.flexDirection = \"column\";\n            this.globalToastHostElement.style.position = \"fixed\";\n            this.globalToastHostElement.style.right = \"20px\";\n            this.globalToastHostElement.style.top = \"20px\";\n            this.globalToastHostElement.style.zIndex = \"99999\";\n            this.globalToastHostElement.style.gap = \"10px\";\n        }\n    }\n\n    public show(toast: Toast): void {\n        this.ensureGlobalToastHost();\n\n        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(ToastComponent);\n        const componentRef = componentFactory.create(this.injector);\n\n        this.appRef.attachView(componentRef.hostView);\n\n        if (!toast.sticky) {\n            toast.duration = toast.duration ?? 10000;\n        }\n\n        componentRef.instance.toast = {\n            closable: true,\n            ...toast,\n        };\n\n        const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;\n        this.globalToastHostElement!.appendChild(domElem);\n        domElem.style.display = \"flex\";\n        domElem.style.justifyContent = \"center\";\n\n        componentRef.instance.dismiss.pipe(first()).subscribe(() => {\n            const index = this.activeToasts.indexOf(componentRef);\n\n            if (index !== -1) {\n                this.appRef.detachView(componentRef.hostView);\n                componentRef.destroy();\n                this.activeToasts.splice(index, 1);\n            }\n\n            if (this.activeToasts.length === 0 && this.globalToastHostElement) {\n                this.globalToastHostElement.remove();\n                this.globalToastHostElement = null;\n            }\n        });\n\n        this.activeToasts.push(componentRef);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-token-list.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TokenListComponent {
+    static nextId = 0;
+    id = `s-token-list-${TokenListComponent.nextId++}`;
+    tokens;
+    removableTokens = false;
+    hidePointerEvents = false;
+    tokenSelected = new EventEmitter();
+    tokenRemoved = new EventEmitter();
+    onTokenSelected(token) {
+        if (!token.disabled) {
+            this.tokenSelected.next(token);
+        }
+    }
+    onTokenRemoved(token) {
+        if (!token.disabled) {
+            this.tokenRemoved.next(token);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TokenListComponent, selector: "s-token-list", inputs: { id: "id", tokens: "tokens", removableTokens: "removableTokens", hidePointerEvents: "hidePointerEvents" }, outputs: { tokenSelected: "tokenSelected", tokenRemoved: "tokenRemoved" }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    class=\"far fa-times\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n", styles: [".no-pointer-events{pointer-events:none}.token-list{align-items:center;display:inline-flex;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#212533;display:flex;font:400 12px/150% Open Sans,sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):hover,.token-list .token:not(.token--disabled):focus{background-color:#ccc}.token-list .token a{text-decoration:none;color:#212533}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-token-list', template: "<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    class=\"far fa-times\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n", styles: [".no-pointer-events{pointer-events:none}.token-list{align-items:center;display:inline-flex;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#212533;display:flex;font:400 12px/150% Open Sans,sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):hover,.token-list .token:not(.token--disabled):focus{background-color:#ccc}.token-list .token a{text-decoration:none;color:#212533}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], tokens: [{
+                type: Input,
+                args: [{ required: true }]
+            }], removableTokens: [{
+                type: Input
+            }], hidePointerEvents: [{
+                type: Input
+            }], tokenSelected: [{
+                type: Output
+            }], tokenRemoved: [{
+                type: Output
+            }] } });
+
+class TokenListModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TokenListModule, declarations: [TokenListComponent], imports: [CommonModule], exports: [TokenListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TokenListComponent],
+                    exports: [TokenListComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TokenListComponent, TokenListModule };
+//# sourceMappingURL=seniorsistemas-angular-components-token-list.mjs.map

package/fesm2022/seniorsistemas-angular-components-token-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-token-list.mjs","sources":["../../projects/angular-components/token-list/src/lib/token-list/token-list.component.ts","../../projects/angular-components/token-list/src/lib/token-list/token-list.component.html","../../projects/angular-components/token-list/src/lib/token-list/token-list.module.ts","../../projects/angular-components/token-list/src/seniorsistemas-angular-components-token-list.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { IToken } from './models/token';\n\n@Component({\n    selector: 's-token-list',\n    templateUrl: './token-list.component.html',\n    styleUrls: ['./token-list.component.scss'],\n})\nexport class TokenListComponent {\n    public static nextId = 0;\n\n    @Input()\n    public id = `s-token-list-${TokenListComponent.nextId++}`;\n\n    @Input({ required: true })\n    public tokens!: IToken[];\n\n    @Input()\n    public removableTokens = false;\n\n    @Input()\n    public hidePointerEvents = false;\n\n    @Output()\n    public tokenSelected: EventEmitter<IToken> = new EventEmitter();\n\n    @Output()\n    public tokenRemoved: EventEmitter<IToken> = new EventEmitter();\n\n    public onTokenSelected(token: IToken): void {\n        if (!token.disabled) {\n            this.tokenSelected.next(token);\n        }\n    }\n\n    public onTokenRemoved(token: IToken): void {\n        if (!token.disabled) {\n            this.tokenRemoved.next(token);\n        }\n    }\n}\n","<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    class=\"far fa-times\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TokenListComponent } from './token-list.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TokenListComponent],\n    exports: [TokenListComponent],\n})\nexport class TokenListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MASa,kBAAkB,CAAA;AACpB,IAAA,OAAO,MAAM,GAAG,CAAC,CAAC;AAGlB,IAAA,EAAE,GAAG,CAAgB,aAAA,EAAA,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC;AAGnD,IAAA,MAAM,CAAY;IAGlB,eAAe,GAAG,KAAK,CAAC;IAGxB,iBAAiB,GAAG,KAAK,CAAC;AAG1B,IAAA,aAAa,GAAyB,IAAI,YAAY,EAAE,CAAC;AAGzD,IAAA,YAAY,GAAyB,IAAI,YAAY,EAAE,CAAC;AAExD,IAAA,eAAe,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClC;KACJ;AAEM,IAAA,cAAc,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjC;KACJ;wGA/BQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,mPCT/B,+3BA+BA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDtBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACI,cAAc,EAAA,QAAA,EAAA,+3BAAA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,CAAA;8BAQjB,EAAE,EAAA,CAAA;sBADR,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAIlB,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAIC,iBAAiB,EAAA,CAAA;sBADvB,KAAK;gBAIC,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAIA,YAAY,EAAA,CAAA;sBADlB,MAAM;;;MEjBE,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAHT,YAAA,EAAA,CAAA,kBAAkB,CADvB,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIb,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-tooltip.mjs

@@ -0,0 +1,376 @@
+import * as i0 from '@angular/core';
+import { Component, input, Directive, Input, HostListener, NgModule } from '@angular/core';
+import { getElementPositionInfo, getElementLeftoverContentAvailable, isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@seniorsistemas/angular-components/common';
+
+class TooltipComponent {
+    tooltip = '';
+    position = 'top';
+    left = 0;
+    top = 0;
+    visible = false;
+    escape = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TooltipComponent, selector: "ng-component", ngImport: i0, template: "<div\n    id=\"tooltip\"\n    class=\"tooltip\"\n    [ngClass]=\"['tooltip--' + position]\"\n    [class.tooltip--visible]=\"visible\"\n    [ngStyle]=\"{\n        left: left + 'px',\n        top: top + 'px',\n    }\"\n>\n    @if (escape) {\n        <span class=\"tooltip__content\">\n            {{ tooltip }}\n        </span>\n    } @else {\n        <span\n            class=\"tooltip__content\"\n            [innerHTML]=\"tooltip\"\n        >\n        </span>\n    }\n</div>\n", styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px;opacity:0;padding:8px;position:fixed;transform:translate(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999;position:absolute}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip:before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:5px;transform:translate(-50%)}.tooltip--bottom:before{border:5px solid transparent;border-bottom:5px solid black;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:5px;transform:translate(-50%,-100%)}.tooltip--top:before{border:5px solid transparent;border-top:5px solid black;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left:before{border:5px solid transparent;border-left:5px solid black;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right:before{border:5px solid transparent;border-right:5px solid black;left:-10px;bottom:calc(50% - 5px)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<div\n    id=\"tooltip\"\n    class=\"tooltip\"\n    [ngClass]=\"['tooltip--' + position]\"\n    [class.tooltip--visible]=\"visible\"\n    [ngStyle]=\"{\n        left: left + 'px',\n        top: top + 'px',\n    }\"\n>\n    @if (escape) {\n        <span class=\"tooltip__content\">\n            {{ tooltip }}\n        </span>\n    } @else {\n        <span\n            class=\"tooltip__content\"\n            [innerHTML]=\"tooltip\"\n        >\n        </span>\n    }\n</div>\n", styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px;opacity:0;padding:8px;position:fixed;transform:translate(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999;position:absolute}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip:before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:5px;transform:translate(-50%)}.tooltip--bottom:before{border:5px solid transparent;border-bottom:5px solid black;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:5px;transform:translate(-50%,-100%)}.tooltip--top:before{border:5px solid transparent;border-top:5px solid black;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left:before{border:5px solid transparent;border-left:5px solid black;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right:before{border:5px solid transparent;border-right:5px solid black;left:-10px;bottom:calc(50% - 5px)}\n"] }]
+        }] });
+
+class TooltipDirective {
+    elementRef;
+    appRef;
+    debounceUtils;
+    renderer;
+    viewContainerRef;
+    tooltip;
+    tooltipPosition = 'top';
+    showDelay = 500;
+    displayTime;
+    tooltipEvent = 'hover';
+    escape = false;
+    visible = true;
+    mobileBehavior = 'pressing';
+    focusedInputRef = null;
+    checkTruncatedText = input(false);
+    componentRef = null;
+    showTimeout;
+    touchTimeout;
+    tooltipDivElement = null;
+    debounceCreateTooltipFunction;
+    tooltipCreatedByFocus = false;
+    constructor(elementRef, appRef, debounceUtils, renderer, viewContainerRef) {
+        this.elementRef = elementRef;
+        this.appRef = appRef;
+        this.debounceUtils = debounceUtils;
+        this.renderer = renderer;
+        this.viewContainerRef = viewContainerRef;
+        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this._createTooltip(true, true));
+    }
+    ngOnInit() {
+        this.validatePosition();
+        this.updateTooltipVisibilityWhenFocusOnInput();
+    }
+    ngOnDestroy() {
+        this.destroy();
+    }
+    /**
+     * Manipula a visibilidade do tooltip quando houver uma referência de input.
+     */
+    updateTooltipVisibilityWhenFocusOnInput() {
+        if (this.focusedInputRef) {
+            const inputFocus = this.focusedInputRef;
+            const icon = this.getIconFromFocusedInput();
+            this.renderer.listen(inputFocus, 'focus', () => {
+                if (icon) {
+                    this._createTooltip(false, false);
+                    this.tooltipCreatedByFocus = true;
+                }
+            });
+            this.renderer.listen(inputFocus, 'blur', () => {
+                if (icon) {
+                    this.removeTooltip(icon);
+                    this.destroy();
+                    this.tooltipCreatedByFocus = false;
+                }
+            });
+        }
+    }
+    /**
+     * Obtém o elemento do ícone associado ao label do input em focus.
+     * @returns O ícone do input em focus.
+     */
+    getIconFromFocusedInput() {
+        return this.elementRef.nativeElement;
+    }
+    /**
+     * Remove o tooltip associado ao ícone do input em focus.
+     * @param icon O ícone do input em focus.
+     */
+    removeTooltip(icon) {
+        const tooltip = icon.querySelector('.tooltip');
+        if (tooltip) {
+            tooltip.remove();
+        }
+    }
+    // whenever the component with the tooltip is clicked I destroy the tooltip.
+    // whenever a key is pressed on the component with the tooltip I destroy the tooltip.
+    onClick() {
+        if (this.tooltipEvent === 'hover' && !navigator.userAgent.match(/Android/i) && !navigator.userAgent.match(/iPhone/i)) {
+            this.destroy();
+        }
+    }
+    onFocus() {
+        if (this.tooltipEvent === 'focus') {
+            this._createTooltip(true, true);
+        }
+    }
+    onBlur() {
+        if (this.tooltipEvent === 'focus') {
+            this.destroy();
+        }
+    }
+    onMouseEnter() {
+        if (this.tooltipEvent === 'hover' || this.focusedInputRef) {
+            this.debounceCreateTooltipFunction();
+        }
+    }
+    onMouseLeave() {
+        if ((this.tooltipEvent === 'hover' || this.focusedInputRef) && !this.tooltipCreatedByFocus) {
+            this.destroy();
+        }
+    }
+    onTouchStart() {
+        if (this.tooltipEvent === 'hover') {
+            window.clearTimeout(this.touchTimeout);
+            const _delay = this.mobileBehavior === 'pressing' ? this.showDelay : 0;
+            this.touchTimeout = window.setTimeout(() => {
+                this._createTooltip(true, true);
+            }, _delay);
+        }
+    }
+    onTouchEnd() {
+        if (this.tooltipEvent === 'hover') {
+            if (this.mobileBehavior === 'pressing') {
+                window.clearTimeout(this.touchTimeout);
+                this.destroy();
+            }
+        }
+    }
+    validatePosition() {
+        const containsPosition = ['top', 'right', 'bottom', 'left'].includes(this.tooltipPosition);
+        if (!containsPosition) {
+            this.tooltipPosition = 'top';
+            throw new Error(`Tooltip ${this.tooltipPosition} position is unexpected`);
+        }
+    }
+    getDomElement() {
+        this.componentRef = this.viewContainerRef.createComponent(TooltipComponent);
+        return this.componentRef.location.nativeElement;
+    }
+    _createTooltip(useShowDelay = false, autoDestroy = true) {
+        const hasText = (this.tooltip || '').length > 0;
+        const hasComponentRef = this.componentRef !== null;
+        if (!hasText || hasComponentRef) {
+            return;
+        }
+        const blockIfIsNotTruncatedContent = this.checkTruncatedText() ? !this.contentIsTruncated : false;
+        if (blockIfIsNotTruncatedContent) {
+            return;
+        }
+        const domElement = this.getDomElement();
+        document.body.appendChild(domElement);
+        this.tooltipDivElement = domElement.querySelector(".tooltip");
+        this.setTooltipComponentProperties();
+        const _showDelay = useShowDelay ? this.showDelay : 0;
+        setTimeout(() => {
+            this.showTooltip();
+        }, _showDelay);
+        this.renderer.listen(window, "scroll", () => {
+            this.setTooltipPositionProperty();
+        });
+        if (autoDestroy && this.displayTime) {
+            setTimeout(() => {
+                this.destroy();
+            }, this.displayTime);
+        }
+    }
+    showTooltip() {
+        if (this.componentRef) {
+            this.componentRef.instance.visible = this.visible;
+            this.setTooltipPositionProperty();
+        }
+    }
+    setTooltipPositionProperty() {
+        if (!this.componentRef) {
+            return;
+        }
+        const anchorSize = 5;
+        const { left, right } = this.elementRef.nativeElement.getBoundingClientRect();
+        const tooltipElementPosition = getElementPositionInfo(this.tooltipDivElement);
+        const elementLeftover = getElementLeftoverContentAvailable(this.elementRef.nativeElement);
+        const elementTriggerPosition = getElementPositionInfo(this.elementRef.nativeElement);
+        const horizontalPositions = ['left', 'right'];
+        const isPositionHorizontal = horizontalPositions.includes(this.tooltipPosition);
+        const distanceToBorders = isPositionHorizontal ? tooltipElementPosition.elementWidth : tooltipElementPosition.elementHorizontalCenter;
+        const canSetAtTop = elementLeftover.freeDistanceToTop > tooltipElementPosition.elementHeight;
+        const canSetAtLeft = elementLeftover.freeDistanceToLeft > distanceToBorders;
+        const canSetAtRight = elementLeftover.freeDistanceToRight > distanceToBorders;
+        const canSetAtBottom = elementLeftover.freeDistanceToBottom > tooltipElementPosition.elementHeight;
+        const topVertical = elementTriggerPosition.top + elementTriggerPosition.elementVerticalCenter;
+        const checkTopPosition = () => {
+            return canSetAtTop && canSetAtLeft && canSetAtRight;
+        };
+        const checkBottomPosition = () => {
+            return canSetAtBottom && canSetAtLeft && canSetAtRight;
+        };
+        const checkLeftPosition = () => {
+            return canSetAtLeft && canSetAtTop && canSetAtBottom;
+        };
+        const checkRightPosition = () => {
+            return canSetAtRight && canSetAtTop && canSetAtBottom;
+        };
+        const setTopPosition = () => {
+            return {
+                left: left + (right - left) / 2,
+                top: elementTriggerPosition.top - anchorSize
+            };
+        };
+        const setBottomPosition = () => {
+            return {
+                left: left + (right - left) / 2,
+                top: elementTriggerPosition.top + elementTriggerPosition.elementHeight
+            };
+        };
+        const setLeftPosition = () => {
+            return {
+                left: left,
+                top: topVertical
+            };
+        };
+        const setRightPosition = () => {
+            return {
+                left: right,
+                top: topVertical
+            };
+        };
+        const positions = [
+            {
+                pos: 'top',
+                check: checkTopPosition,
+                set: setTopPosition
+            },
+            {
+                pos: 'bottom',
+                check: checkBottomPosition,
+                set: setBottomPosition
+            },
+            {
+                pos: 'left',
+                check: checkLeftPosition,
+                set: setLeftPosition
+            },
+            {
+                pos: 'right',
+                check: checkRightPosition,
+                set: setRightPosition
+            }
+        ];
+        const positionDefined = positions.find((position) => position.pos === this.tooltipPosition);
+        let validPosition = positionDefined;
+        const canUseDefinedPosition = positionDefined?.check();
+        if (canUseDefinedPosition) {
+            validPosition = positionDefined;
+        }
+        else if (!canUseDefinedPosition) {
+            const validAlternativePosition = positions.find((position) => position.check());
+            if (validAlternativePosition) {
+                validPosition = validAlternativePosition;
+            }
+        }
+        const _position = validPosition.set();
+        const positionLeft = _position.left;
+        const positionTop = _position.top;
+        this.componentRef.instance.left = Math.round(positionLeft);
+        this.componentRef.instance.top = Math.round(positionTop);
+        this.componentRef.instance.position = validPosition.pos;
+    }
+    setTooltipComponentProperties() {
+        if (!this.componentRef)
+            return;
+        this.componentRef.instance.tooltip = this.tooltip;
+        this.componentRef.instance.escape = this.escape;
+    }
+    destroy() {
+        if (!isNullOrUndefined(this.componentRef)) {
+            window.clearTimeout(this.showTimeout);
+            this.appRef.detachView(this.componentRef.hostView);
+            this.componentRef.destroy();
+            this.componentRef = null;
+            this.tooltipDivElement = null;
+        }
+    }
+    get contentIsTruncated() {
+        const element = this.elementRef.nativeElement;
+        return element.scrollWidth > element.clientWidth;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i1$1.DebounceUtils }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: TooltipDirective, isStandalone: true, selector: "[sTooltip]", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "sTooltip", isSignal: false, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: false, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: false, isRequired: false, transformFunction: null }, displayTime: { classPropertyName: "displayTime", publicName: "displayTime", isSignal: false, isRequired: false, transformFunction: null }, tooltipEvent: { classPropertyName: "tooltipEvent", publicName: "tooltipEvent", isSignal: false, isRequired: false, transformFunction: null }, escape: { classPropertyName: "escape", publicName: "escape", isSignal: false, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: false, isRequired: false, transformFunction: null }, focusedInputRef: { classPropertyName: "focusedInputRef", publicName: "focusedInputRef", isSignal: false, isRequired: false, transformFunction: null }, checkTruncatedText: { classPropertyName: "checkTruncatedText", publicName: "checkTruncatedText", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onClick()", "focus": "onFocus()", "blur": "onBlur()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "wheel": "onMouseLeave()", "touchstart": "onTouchStart()", "touchend": "onTouchEnd()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sTooltip]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i1$1.DebounceUtils }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }], propDecorators: { tooltip: [{
+                type: Input,
+                args: ['sTooltip']
+            }], tooltipPosition: [{
+                type: Input
+            }], showDelay: [{
+                type: Input
+            }], displayTime: [{
+                type: Input
+            }], tooltipEvent: [{
+                type: Input
+            }], escape: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], mobileBehavior: [{
+                type: Input
+            }], focusedInputRef: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }, {
+                type: HostListener,
+                args: ['keydown']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ["mouseleave"]
+            }, {
+                type: HostListener,
+                args: ["wheel"]
+            }], onTouchStart: [{
+                type: HostListener,
+                args: ['touchstart']
+            }], onTouchEnd: [{
+                type: HostListener,
+                args: ['touchend']
+            }] } });
+
+class TooltipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule, TooltipDirective], exports: [TooltipDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TooltipDirective],
+                    declarations: [TooltipComponent],
+                    exports: [TooltipDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TooltipDirective, TooltipModule };
+//# sourceMappingURL=seniorsistemas-angular-components-tooltip.mjs.map