@seniorsistemas/angular-components 17.27.1-feature-sds-110-35ee9b4f → 17.27.2

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

@@ -1,132 +0,0 @@
-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;
-    startDismissAnimation() {
-        this.isLeaving = true;
-        setTimeout(() => {
-            this.dismiss.emit();
-        }, 300);
-    }
-    dismissToast() {
-        if (this.timer) {
-            clearTimeout(this.timer);
-        }
-        this.startDismissAnimation();
-    }
-    ngOnInit() {
-        if (!this.toast.sticky && this.toast.duration) {
-            this.timer = setTimeout(() => {
-                this.startDismissAnimation();
-            }, this.toast.duration);
-        }
-    }
-    ngOnDestroy() {
-        if (this.timer) {
-            clearTimeout(this.timer);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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.13", 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.13", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToastModule, declarations: [ToastComponent], imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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.13", 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.13", ngImport: i0, type: ToastService, providedIn: "root" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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

@@ -1 +0,0 @@
-{"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 } 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 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 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    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","<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

@@ -1,64 +0,0 @@
-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.13", ngImport: i0, type: TokenListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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=\"fas 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:#333;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:#333}.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.13", 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=\"fas 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:#333;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:#333}.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.13", ngImport: i0, type: TokenListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TokenListModule, declarations: [TokenListComponent], imports: [CommonModule], exports: [TokenListComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TokenListModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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

@@ -1 +0,0 @@
-{"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=\"fas 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,+wBAAA,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,+wBAAA,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

@@ -1,366 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Directive, Input, HostListener, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { getElementPositionInfo, getElementLeftoverContentAvailable, isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
-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.13", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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.13", 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;
-    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 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;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "14.0.0", version: "18.2.13", type: TooltipDirective, selector: "[sTooltip]", inputs: { tooltip: ["sTooltip", "tooltip"], tooltipPosition: "tooltipPosition", showDelay: "showDelay", displayTime: "displayTime", tooltipEvent: "tooltipEvent", escape: "escape", visible: "visible", mobileBehavior: "mobileBehavior", focusedInputRef: "focusedInputRef" }, 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.13", ngImport: i0, type: TooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[sTooltip]',
-                }]
-        }], 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.13", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent, TooltipDirective], imports: [CommonModule], exports: [TooltipDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [TooltipComponent, TooltipDirective],
-                    exports: [TooltipDirective],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TooltipDirective, TooltipModule };
-//# sourceMappingURL=seniorsistemas-angular-components-tooltip.mjs.map