npm - @seniorsistemas/angular-components - Versions diffs - 19.7.3-bugfix-ptfgap-1271-ddfd6e7b → 19.7.4 - Mend

@seniorsistemas/angular-components 19.7.3-bugfix-ptfgap-1271-ddfd6e7b → 19.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (646) hide show

package/fesm2022/seniorsistemas-angular-components-badge.mjs CHANGED Viewed

@@ -1,13 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, input, Component, Input, Output, HostListener, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import * as i2 from '@seniorsistemas/angular-components/info-sign';
+import { NgClass } from '@angular/common';
+import * as i1 from '@seniorsistemas/angular-components/info-sign';
 import { InfoSignModule } from '@seniorsistemas/angular-components/info-sign';
-import * as i3 from '@seniorsistemas/angular-components/tooltip';
-import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
-import { TemplateModule } from '@seniorsistemas/angular-components/template';
+import { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';
 /**
  * @description Componente de badge (etiqueta) para exibir rótulos coloridos e clicáveis,
@@ -44,11 +41,11 @@ class BadgeComponent {
     }
     enableTruncateText = input(false);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BadgeComponent, selector: "s-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: false, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: false, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: false, isRequired: false, transformFunction: null }, infoSign: { classPropertyName: "infoSign", publicName: "infoSign", isSignal: false, isRequired: false, transformFunction: null }, enableTruncateText: { classPropertyName: "enableTruncateText", publicName: "enableTruncateText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<span\n    class=\"badge\"\n    [ngClass]=\"{\n        'badge--pill': type === 'pill',\n        'badge--chip': type === 'chip',\n        'badge--red': color === 'red',\n        'badge--orange': color === 'orange',\n        'badge--yellow': color === 'yellow',\n        'badge--blue': color === 'blue',\n        'badge--green': color === 'green',\n        'badge--gray': color === 'gray',\n        'badge--selectable': selectable,\n    }\"\n>\n    @if (infoSign) {\n        <span *sInfoSign=\"infoSign.text; displayTime: infoSign.displayTime ?? 0\"></span>\n    }\n    @if (iconClass) {\n        <span\n            [class]=\"'badge-icon ' + iconClass\"\n            [ngClass]=\"{\n                'badge-icon--left': iconPosition === 'left' && text,\n                'badge-icon--right': iconPosition === 'right' && text,\n            }\"\n        >\n        </span>\n    }\n    @if (title) {\n        <span class=\"badge-title\">{{ title }}:</span>\n    }\n    @if (text) {\n        <span\n            class=\"badge-text\"\n            [class.badge-text-truncated]=\"enableTruncateText()\"\n            [sTooltip]=\"text\"\n            [visible]=\"enableTruncateText()\"\n            [checkTruncatedText]=\"enableTruncateText()\"\n        >{{text}}</span>\n    }\n</span>\n\n", styles: ["::ng-deep .info-sign .info-sign__icon{padding:0!important}.badge{align-items:center;max-width:100%;display:inline-flex;gap:.5rem;min-height:1.25rem;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge-text{color:#212533;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge-text-truncated{text-overflow:ellipsis;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--right{order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BadgeComponent, isStandalone: true, selector: "s-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: false, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: false, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: false, isRequired: false, transformFunction: null }, infoSign: { classPropertyName: "infoSign", publicName: "infoSign", isSignal: false, isRequired: false, transformFunction: null }, enableTruncateText: { classPropertyName: "enableTruncateText", publicName: "enableTruncateText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<span\n    class=\"badge inline-flex max-w-full min-h-5 min-w-5 items-center justify-center gap-2 px-2 overflow-hidden border\"\n    [ngClass]=\"{\n        'badge--pill': type === 'pill',\n        'badge--chip': type === 'chip',\n        'badge--red': color === 'red',\n        'badge--orange': color === 'orange',\n        'badge--yellow': color === 'yellow',\n        'badge--blue': color === 'blue',\n        'badge--green': color === 'green',\n        'badge--gray': color === 'gray',\n        'badge--selectable': selectable,\n        'rounded-[10px]': type === 'pill',\n        'rounded-medium': type === 'chip',\n        'bg-sunset-orange-100 border-criticality-red': color === 'red',\n        'bg-buttercup-100 border-criticality-orange': color === 'orange',\n        'bg-buttercup-50 border-criticality-yellow': color === 'yellow',\n        'bg-hippie-blue-100 border-criticality-blue': color === 'blue',\n        'bg-lime-100 border-criticality-green': color === 'green',\n        'bg-grayscale-10 border-grayscale-60': color === 'gray',\n        'cursor-pointer select-none': selectable,\n    }\"\n>\n    @if (infoSign) {\n        <span *sInfoSign=\"infoSign.text; displayTime: infoSign.displayTime ?? 0\"></span>\n    }\n    @if (iconClass) {\n        <span\n            [class]=\"'badge-icon inline-flex items-center justify-center text-[10px] text-grayscale-90 ' + iconClass\"\n            [ngClass]=\"{\n                'badge-icon--left': iconPosition === 'left' && text,\n                'badge-icon--right': iconPosition === 'right' && text,\n                'order-2': iconPosition === 'right' && text,\n            }\"\n        >\n        </span>\n    }\n    @if (title) {\n        <span class=\"badge-title font-open-sans mr-0.5 text-xs font-bold leading-[150%] text-grayscale-90\">{{ title }}:</span>\n    }\n    @if (text) {\n        <span\n            class=\"badge-text font-open-sans text-xs font-normal leading-[150%] text-grayscale-90\"\n            [class.badge-text-truncated]=\"enableTruncateText()\"\n            [class.line-clamp-1]=\"enableTruncateText()\"\n            [sTooltip]=\"text\"\n            [visible]=\"enableTruncateText()\"\n            [checkTruncatedText]=\"enableTruncateText()\"\n        >{{text}}</span>\n    }\n</span>\n\n", styles: ["::ng-deep .info-sign .info-sign__icon{padding:0!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: InfoSignModule }, { kind: "directive", type: i1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-badge', template: "<span\n    class=\"badge\"\n    [ngClass]=\"{\n        'badge--pill': type === 'pill',\n        'badge--chip': type === 'chip',\n        'badge--red': color === 'red',\n        'badge--orange': color === 'orange',\n        'badge--yellow': color === 'yellow',\n        'badge--blue': color === 'blue',\n        'badge--green': color === 'green',\n        'badge--gray': color === 'gray',\n        'badge--selectable': selectable,\n    }\"\n>\n    @if (infoSign) {\n        <span *sInfoSign=\"infoSign.text; displayTime: infoSign.displayTime ?? 0\"></span>\n    }\n    @if (iconClass) {\n        <span\n            [class]=\"'badge-icon ' + iconClass\"\n            [ngClass]=\"{\n                'badge-icon--left': iconPosition === 'left' && text,\n                'badge-icon--right': iconPosition === 'right' && text,\n            }\"\n        >\n        </span>\n    }\n    @if (title) {\n        <span class=\"badge-title\">{{ title }}:</span>\n    }\n    @if (text) {\n        <span\n            class=\"badge-text\"\n            [class.badge-text-truncated]=\"enableTruncateText()\"\n            [sTooltip]=\"text\"\n            [visible]=\"enableTruncateText()\"\n            [checkTruncatedText]=\"enableTruncateText()\"\n        >{{text}}</span>\n    }\n</span>\n\n", styles: ["::ng-deep .info-sign .info-sign__icon{padding:0!important}.badge{align-items:center;max-width:100%;display:inline-flex;gap:.5rem;min-height:1.25rem;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge-text{color:#212533;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge-text-truncated{text-overflow:ellipsis;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--right{order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;user-select:none}\n"] }]
+            args: [{ selector: 's-badge', standalone: true, imports: [NgClass, InfoSignModule, TooltipDirective], template: "<span\n    class=\"badge inline-flex max-w-full min-h-5 min-w-5 items-center justify-center gap-2 px-2 overflow-hidden border\"\n    [ngClass]=\"{\n        'badge--pill': type === 'pill',\n        'badge--chip': type === 'chip',\n        'badge--red': color === 'red',\n        'badge--orange': color === 'orange',\n        'badge--yellow': color === 'yellow',\n        'badge--blue': color === 'blue',\n        'badge--green': color === 'green',\n        'badge--gray': color === 'gray',\n        'badge--selectable': selectable,\n        'rounded-[10px]': type === 'pill',\n        'rounded-medium': type === 'chip',\n        'bg-sunset-orange-100 border-criticality-red': color === 'red',\n        'bg-buttercup-100 border-criticality-orange': color === 'orange',\n        'bg-buttercup-50 border-criticality-yellow': color === 'yellow',\n        'bg-hippie-blue-100 border-criticality-blue': color === 'blue',\n        'bg-lime-100 border-criticality-green': color === 'green',\n        'bg-grayscale-10 border-grayscale-60': color === 'gray',\n        'cursor-pointer select-none': selectable,\n    }\"\n>\n    @if (infoSign) {\n        <span *sInfoSign=\"infoSign.text; displayTime: infoSign.displayTime ?? 0\"></span>\n    }\n    @if (iconClass) {\n        <span\n            [class]=\"'badge-icon inline-flex items-center justify-center text-[10px] text-grayscale-90 ' + iconClass\"\n            [ngClass]=\"{\n                'badge-icon--left': iconPosition === 'left' && text,\n                'badge-icon--right': iconPosition === 'right' && text,\n                'order-2': iconPosition === 'right' && text,\n            }\"\n        >\n        </span>\n    }\n    @if (title) {\n        <span class=\"badge-title font-open-sans mr-0.5 text-xs font-bold leading-[150%] text-grayscale-90\">{{ title }}:</span>\n    }\n    @if (text) {\n        <span\n            class=\"badge-text font-open-sans text-xs font-normal leading-[150%] text-grayscale-90\"\n            [class.badge-text-truncated]=\"enableTruncateText()\"\n            [class.line-clamp-1]=\"enableTruncateText()\"\n            [sTooltip]=\"text\"\n            [visible]=\"enableTruncateText()\"\n            [checkTruncatedText]=\"enableTruncateText()\"\n        >{{text}}</span>\n    }\n</span>\n\n", styles: ["::ng-deep .info-sign .info-sign__icon{padding:0!important}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], color: [{
@@ -74,14 +71,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class BadgeModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [CommonModule, RouterModule, InfoSignModule, TooltipModule, TemplateModule], exports: [BadgeComponent, RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, imports: [CommonModule, RouterModule, InfoSignModule, TooltipModule, TemplateModule, RouterModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, imports: [RouterModule, BadgeComponent], exports: [BadgeComponent, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, imports: [RouterModule, BadgeComponent, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule, InfoSignModule, TooltipModule, TemplateModule],
-                    declarations: [BadgeComponent],
+                    imports: [RouterModule, BadgeComponent],
                     exports: [BadgeComponent, RouterModule],
                 }]
         }] });

package/fesm2022/seniorsistemas-angular-components-badge.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-badge.mjs","sources":["../../projects/angular-components/badge/src/lib/badge/badge.component.ts","../../projects/angular-components/badge/src/lib/badge/badge.component.html","../../projects/angular-components/badge/src/lib/badge/badge.module.ts","../../projects/angular-components/badge/src/seniorsistemas-angular-components-badge.ts"],"sourcesContent":["import { Component, EventEmitter, HostListener, input, Input, Output } from '@angular/core';\n\nimport { BadgeColors } from './types/badge-colors';\nimport { BadgeTypes } from './types/badge-types';\n\n/*\n @description Componente de badge (etiqueta) para exibir rótulos coloridos e clicáveis,\n * com suporte a ícones, variantes visuais (pill, tag) e estado selecionável.\n \n @example\n * ```html\n * <s-badge color=\"blue\" type=\"pill\" text=\"Ativo\" />\n * ```\n \n @category Feedback\n /\n@Component({\n selector: 's-badge',\n templateUrl: './badge.component.html',\n styleUrls: ['./badge.component.scss'],\n})\nexport class BadgeComponent {\n /* @description Variante visual do badge. @default 'pill' /\n @Input()\n public type?: BadgeTypes = 'pill';\n\n /* @description Cor do badge. @default 'blue' /\n @Input()\n public color?: BadgeColors = 'blue';\n\n /* @description Texto de título exibido no badge. /\n @Input()\n public title?: string;\n\n /* @description Texto principal exibido dentro do badge. /\n @Input()\n public text?: string;\n\n /* @description Habilita o modo selecionável, emitindo o evento `selected` ao clicar. @default false /\n @Input()\n public selectable = false;\n\n /* @description Classe CSS do ícone exibido no badge (ex.: `'fa fa-check'`). /\n @Input()\n public iconClass?: string;\n\n /* @description Posição do ícone em relação ao texto. @default 'left' /\n @Input()\n public iconPosition?: 'left' \| 'right' = 'left';\n\n /* @description Configuração do info-sign exibido no badge, com texto e tempo de exibição opcional. /\n @Input() infoSign!: { text: string; displayTime?: number };\n\n /* @description Emitido ao clicar no badge, enviando o valor de `text`. /\n @Output()\n public selected = new EventEmitter<string>();\n\n @HostListener('click')\n public onClick(): void {\n this.selected.emit(this.text);\n }\n\n enableTruncateText = input(false);\n}\n\n","<span\n class=\"badge\"\n [ngClass]=\"{\n 'badge--pill': type === 'pill',\n 'badge--chip': type === 'chip',\n 'badge--red': color === 'red',\n 'badge--orange': color === 'orange',\n 'badge--yellow': color === 'yellow',\n 'badge--blue': color === 'blue',\n 'badge--green': color === 'green',\n 'badge--gray': color === 'gray',\n 'badge--selectable': selectable,\n }\"\n>\n @if (infoSign) {\n <span sInfoSign=\"infoSign.text; displayTime: infoSign.displayTime ?? 0\"></span>\n }\n @if (iconClass) {\n <span\n [class]=\"'badge-icon ' + iconClass\"\n [ngClass]=\"{\n 'badge-icon--left': iconPosition === 'left' && text,\n 'badge-icon--right': iconPosition === 'right' && text,\n }\"\n >\n </span>\n }\n @if (title) {\n <span class=\"badge-title\">{{ title }}:</span>\n }\n @if (text) {\n <span\n class=\"badge-text\"\n [class.badge-text-truncated]=\"enableTruncateText()\"\n [sTooltip]=\"text\"\n [visible]=\"enableTruncateText()\"\n [checkTruncatedText]=\"enableTruncateText()\"\n >{{text}}</span>\n }\n</span>\n\n","import { NgModule } from '@angular/core';\nimport { ~~CommonModule } from '@angular/common';\nimport {~~ RouterModule } from '@angular/router';\n\nimport { BadgeComponent } from './badge.component';\nimport { InfoSignModule } from '@seniorsistemas/angular-components/info-sign';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\nimport { TemplateModule } from '@seniorsistemas/angular-components/template';\n\n@NgModule({\n imports: [~~CommonModule,~~ RouterModule, ~~InfoSignModule, TooltipModule, TemplateModule],\n declarations: [~~BadgeComponent],\n exports: [BadgeComponent, RouterModule],\n})\nexport class BadgeModule {}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"~~;;;;;;;;;;;AAKA~~;;;;;;;;;;AAUG;~~MAMU~~,cAAc,CAAA;;IAGhB,IAAI,GAAgB,MAAM,CAAC;;IAI3B,KAAK,GAAiB,MAAM,CAAC;;AAI7B,IAAA,KAAK,CAAU;;AAIf,IAAA,IAAI,CAAU;;IAId,UAAU,GAAG,KAAK,CAAC;;AAInB,IAAA,SAAS,CAAU;;IAInB,YAAY,GAAsB,MAAM,CAAC;;AAGvC,IAAA,QAAQ,CAA0C;;AAIpD,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAU,CAAC;IAGtC,OAAO,GAAA;QACV,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACjC;AAED,IAAA,kBAAkB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;wGAzCzB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,~~uyCCrB3B~~,~~6vCAyCA~~,EAAA,MAAA,EAAA,CAAA,~~6qCAAA~~,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,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,~~EAAA~~,~~CAAA~~,~~iBAAA~~,EAAA,QAAA,EAAA,~~aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,6BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,~~YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;~~4FDpBa~~,cAAc,EAAA,UAAA,EAAA,CAAA;~~kBAL1B~~,SAAS;+BACI,SAAS,EAAA,QAAA,EAAA,~~6vCAAA~~,EAAA,MAAA,EAAA,CAAA,~~6qCAAA~~,CAAA,EAAA,CAAA;~~8BAOZ~~,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAKC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAKC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAKC,SAAS,EAAA,CAAA;sBADf,KAAK;gBAKC,YAAY,EAAA,CAAA;sBADlB,KAAK;gBAIG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,MAAM;gBAIA,OAAO,EAAA,CAAA;sBADb,YAAY;uBAAC,OAAO,CAAA;;;~~ME3CZ~~,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,~~EAHL~~,~~YAAA~~,~~EAAA~~,~~CAAA,~~cAAc,~~CADnB~~,EAAA,OAAA,EAAA,CAAA,~~YAAY~~,EAAE,YAAY,~~EAAE~~,~~cAAc~~,~~EAAE~~,~~aAAa~~,~~EAAE~~,~~cAAc~~,~~CAEzE~~,EAAA,~~OAAA~~,~~EAAA~~,CAAA,~~cAAc~~,~~EAAE~~,~~YAAY~~,~~CAAA~~,EAAA,~~CAAA~~,~~CAAA;yGAE7B~~,~~WAAW~~,EAAA,~~OAAA~~,EAAA,~~CAJV~~,~~YAAY~~,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~cAAc~~,~~EAAE~~,~~aAAa~~,EAAE,cAAc,~~EAEzD~~,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAE7B,WAAW,EAAA,UAAA,EAAA,CAAA;~~kBALvB~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;~~oBACN~~,OAAO,EAAE,CAAC,YAAY,EAAE,~~YAAY,EAAE,~~cAAc,~~EAAE,aAAa,EAAE,cAAc,~~CAAC;~~oBACpF~~,~~YAAY,EAAE,CAAC,cAAc,CAAC;AAC9B,~~oBAAA,OAAO,EAAE,CAAC,cAAc,EAAE,YAAY,CAAC;AAC1C,iBAAA,CAAA;;;~~ACbD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-badge.mjs","sources":["../../projects/angular-components/badge/src/lib/badge/badge.component.ts","../../projects/angular-components/badge/src/lib/badge/badge.component.html","../../projects/angular-components/badge/src/lib/badge/badge.module.ts","../../projects/angular-components/badge/src/seniorsistemas-angular-components-badge.ts"],"sourcesContent":["import { Component, EventEmitter, HostListener, input, Input, Output } from '@angular/core';\r\n\r\nimport { BadgeColors } from './types/badge-colors';\r\nimport { BadgeTypes } from './types/badge-types';\r\nimport { NgClass } from '@angular/common';\r\nimport { InfoSignModule } from '@seniorsistemas/angular-components/info-sign';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\n\r\n/*\r\n @description Componente de badge (etiqueta) para exibir rótulos coloridos e clicáveis,\r\n * com suporte a ícones, variantes visuais (pill, tag) e estado selecionável.\r\n \r\n @example\r\n * ```html\r\n * <s-badge color=\"blue\" type=\"pill\" text=\"Ativo\" />\r\n * ```\r\n \r\n @category Feedback\r\n /\r\n@Component({\r\n selector: 's-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n standalone: true,\r\n imports: [NgClass, InfoSignModule, TooltipDirective],\r\n})\r\nexport class BadgeComponent {\r\n /* @description Variante visual do badge. @default 'pill' /\r\n @Input()\r\n public type?: BadgeTypes = 'pill';\r\n\r\n /* @description Cor do badge. @default 'blue' /\r\n @Input()\r\n public color?: BadgeColors = 'blue';\r\n\r\n /* @description Texto de título exibido no badge. /\r\n @Input()\r\n public title?: string;\r\n\r\n /* @description Texto principal exibido dentro do badge. /\r\n @Input()\r\n public text?: string;\r\n\r\n /* @description Habilita o modo selecionável, emitindo o evento `selected` ao clicar. @default false /\r\n @Input()\r\n public selectable = false;\r\n\r\n /* @description Classe CSS do ícone exibido no badge (ex.: `'fa fa-check'`). /\r\n @Input()\r\n public iconClass?: string;\r\n\r\n /* @description Posição do ícone em relação ao texto. @default 'left' /\r\n @Input()\r\n public iconPosition?: 'left' \| 'right' = 'left';\r\n\r\n /* @description Configuração do info-sign exibido no badge, com texto e tempo de exibição opcional. /\r\n @Input() infoSign!: { text: string; displayTime?: number };\r\n\r\n /* @description Emitido ao clicar no badge, enviando o valor de `text`. /\r\n @Output()\r\n public selected = new EventEmitter<string>();\r\n\r\n @HostListener('click')\r\n public onClick(): void {\r\n this.selected.emit(this.text);\r\n }\r\n\r\n enableTruncateText = input(false);\r\n}\r\n","<span\n class=\"badge inline-flex max-w-full min-h-5 min-w-5 items-center justify-center gap-2 px-2 overflow-hidden border\"\n [ngClass]=\"{\n 'badge--pill': type === 'pill',\n 'badge--chip': type === 'chip',\n 'badge--red': color === 'red',\n 'badge--orange': color === 'orange',\n 'badge--yellow': color === 'yellow',\n 'badge--blue': color === 'blue',\n 'badge--green': color === 'green',\n 'badge--gray': color === 'gray',\n 'badge--selectable': selectable,\n 'rounded-[10px]': type === 'pill',\n 'rounded-medium': type === 'chip',\n 'bg-sunset-orange-100 border-criticality-red': color === 'red',\n 'bg-buttercup-100 border-criticality-orange': color === 'orange',\n 'bg-buttercup-50 border-criticality-yellow': color === 'yellow',\n 'bg-hippie-blue-100 border-criticality-blue': color === 'blue',\n 'bg-lime-100 border-criticality-green': color === 'green',\n 'bg-grayscale-10 border-grayscale-60': color === 'gray',\n 'cursor-pointer select-none': selectable,\n }\"\n>\n @if (infoSign) {\n <span sInfoSign=\"infoSign.text; displayTime: infoSign.displayTime ?? 0\"></span>\n }\n @if (iconClass) {\n <span\n [class]=\"'badge-icon inline-flex items-center justify-center text-[10px] text-grayscale-90 ' + iconClass\"\n [ngClass]=\"{\n 'badge-icon--left': iconPosition === 'left' && text,\n 'badge-icon--right': iconPosition === 'right' && text,\n 'order-2': iconPosition === 'right' && text,\n }\"\n >\n </span>\n }\n @if (title) {\n <span class=\"badge-title font-open-sans mr-0.5 text-xs font-bold leading-[150%] text-grayscale-90\">{{ title }}:</span>\n }\n @if (text) {\n <span\n class=\"badge-text font-open-sans text-xs font-normal leading-[150%] text-grayscale-90\"\n [class.badge-text-truncated]=\"enableTruncateText()\"\n [class.line-clamp-1]=\"enableTruncateText()\"\n [sTooltip]=\"text\"\n [visible]=\"enableTruncateText()\"\n [checkTruncatedText]=\"enableTruncateText()\"\n >{{text}}</span>\n }\n</span>\n\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { BadgeComponent } from './badge.component';\r\n\r\n@NgModule({\r\n imports: [RouterModule, BadgeComponent],\r\n exports: [BadgeComponent, RouterModule],\r\n})\r\nexport class BadgeModule {}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAQA;;;;;;;;;;AAUG;MAQU,cAAc,CAAA;;IAGhB,IAAI,GAAgB,MAAM,CAAC;;IAI3B,KAAK,GAAiB,MAAM,CAAC;;AAI7B,IAAA,KAAK,CAAU;;AAIf,IAAA,IAAI,CAAU;;IAId,UAAU,GAAG,KAAK,CAAC;;AAInB,IAAA,SAAS,CAAU;;IAInB,YAAY,GAAsB,MAAM,CAAC;;AAGvC,IAAA,QAAQ,CAA0C;;AAIpD,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAU,CAAC;IAGtC,OAAO,GAAA;QACV,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACjC;AAED,IAAA,kBAAkB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;wGAzCzB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,2zCC1B3B,suEAoDA,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED5Bc,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,qNAAE,gBAAgB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAE1C,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;+BACI,SAAS,EAAA,UAAA,EAGP,IAAI,EACP,OAAA,EAAA,CAAC,OAAO,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,suEAAA,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,CAAA;8BAK7C,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAKC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAKC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAKC,SAAS,EAAA,CAAA;sBADf,KAAK;gBAKC,YAAY,EAAA,CAAA;sBADlB,KAAK;gBAIG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,MAAM;gBAIA,OAAO,EAAA,CAAA;sBADb,YAAY;uBAAC,OAAO,CAAA;;;MErDZ,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAHV,YAAY,EAAE,cAAc,CAC5B,EAAA,OAAA,EAAA,CAAA,cAAc,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;AAE7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAHV,OAAA,EAAA,CAAA,YAAY,EAAE,cAAc,EACZ,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAE7B,WAAW,EAAA,UAAA,EAAA,CAAA;kBAJvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,cAAc,EAAE,YAAY,CAAC;AAC1C,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-bignumber-input.mjs CHANGED Viewed

@@ -2,7 +2,6 @@ import * as i0 from '@angular/core';
 import { input, model, output, forwardRef, Directive, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { NumericMaskDirective } from '@seniorsistemas/angular-components/numeric-mask';
-import { CommonModule } from '@angular/common';
 /**
  * @deprecated Este enum não tem mais efeito. O alinhamento do campo é sempre `'right'`.
@@ -216,7 +215,7 @@ class BignumberInputDirective extends NumericMaskDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: BignumberInputDirective, selector: "input[sBignumberInput]", inputs: { precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, minDecimalPlaces: { classPropertyName: "minDecimalPlaces", publicName: "minDecimalPlaces", isSignal: true, isRequired: false, transformFunction: null }, maxDecimalPlaces: { classPropertyName: "maxDecimalPlaces", publicName: "maxDecimalPlaces", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandsSeparator: { classPropertyName: "thousandsSeparator", publicName: "thousandsSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null }, alignTo: { classPropertyName: "alignTo", publicName: "alignTo", isSignal: true, isRequired: false, transformFunction: null }, allowNegative: { classPropertyName: "allowNegative", publicName: "allowNegative", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { minDecimalPlaces: "minDecimalPlacesChange", maxDecimalPlaces: "maxDecimalPlacesChange", decimalSeparator: "decimalSeparatorChange", thousandSeparator: "thousandSeparatorChange", placeholder: "placeholderChange", pasteRejected: "pasteRejected" }, host: { properties: { "attr.placeholder": "placeholder()", "attr.maxLength": "maxLength" } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: BignumberInputDirective, isStandalone: true, selector: "input[sBignumberInput]", inputs: { precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, minDecimalPlaces: { classPropertyName: "minDecimalPlaces", publicName: "minDecimalPlaces", isSignal: true, isRequired: false, transformFunction: null }, maxDecimalPlaces: { classPropertyName: "maxDecimalPlaces", publicName: "maxDecimalPlaces", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandsSeparator: { classPropertyName: "thousandsSeparator", publicName: "thousandsSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null }, alignTo: { classPropertyName: "alignTo", publicName: "alignTo", isSignal: true, isRequired: false, transformFunction: null }, allowNegative: { classPropertyName: "allowNegative", publicName: "allowNegative", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { minDecimalPlaces: "minDecimalPlacesChange", maxDecimalPlaces: "maxDecimalPlacesChange", decimalSeparator: "decimalSeparatorChange", thousandSeparator: "thousandSeparatorChange", placeholder: "placeholderChange", pasteRejected: "pasteRejected" }, host: { properties: { "attr.placeholder": "placeholder()", "attr.maxLength": "maxLength" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 // NOSONAR - 'BignumberInputDirective' is deprecated.
@@ -241,20 +240,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             multi: true,
                         },
                     ],
+                    standalone: true,
                 }]
         }], ctorParameters: () => [] });
 class BignumberInputModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputModule, declarations: [BignumberInputDirective], imports: [CommonModule], exports: [BignumberInputDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputModule, imports: [CommonModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputModule, imports: [BignumberInputDirective], exports: [BignumberInputDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    // NOSONAR - 'BignumberInputDirective' is deprecated.
-                    declarations: [BignumberInputDirective],
+                    imports: [BignumberInputDirective],
                     // NOSONAR - 'BignumberInputDirective' is deprecated.
                     exports: [BignumberInputDirective],
                 }]

package/fesm2022/seniorsistemas-angular-components-bignumber-input.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-bignumber-input.mjs","sources":["../../projects/angular-components/bignumber-input/src/lib/bignumber-input/bignumber-input.directive.ts","../../projects/angular-components/bignumber-input/src/lib/bignumber-input/bignumber-input.module.ts","../../projects/angular-components/bignumber-input/src/seniorsistemas-angular-components-bignumber-input.ts"],"sourcesContent":["import { Directive, forwardRef, input, model, OnInit, OnChanges, output, SimpleChanges } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, AbstractControl, ValidationErrors } from '@angular/forms';\n\nimport { NumericMaskDirective } from '@seniorsistemas/angular-components/numeric-mask';\n\n/*\n @deprecated Este enum não tem mais efeito. O alinhamento do campo é sempre `'right'`.\n /\nexport enum BignumberAlignmentOption {\n RIGHT = 'right',\n LEFT = 'left',\n}\n\n/\n @deprecated Utilize a diretiva `BigNumberInput` ao invés desta.\n * @description Diretiva de máscara para campos de entrada de números de grande precisão,\n * adaptada do `CurrencyMaskDirective`. Permite configurar precisão, escala,\n * separadores decimais e de milhar de acordo com o locale da aplicação.\n \n @example\n * ```html\n * <input sBignumberInput [precision]=\"15\" [scale]=\"2\" [allowNegative]=\"false\" />\n * ```\n \n @category Inputs\n /\n@Directive({\n selector: 'input[sBignumberInput]',\n host: {\n '[attr.placeholder]': 'placeholder()',\n '[attr.maxLength]': 'maxLength',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n // NOSONAR - 'BignumberInputDirective' is deprecated.\n useExisting: forwardRef(() => BignumberInputDirective),\n multi: true,\n },\n ],\n})\nexport class BignumberInputDirective extends NumericMaskDirective implements OnInit, OnChanges {\n /\n @description Número total de dígitos significativos aceitos pelo campo (parte inteira + parte decimal).\n \n Durante a digitação, o campo limita fisicamente o número de caracteres via `maxLength`.\n * Ao colar um valor que ultrapasse o limite, o evento `pasteRejected` é emitido e a colagem é cancelada.\n * Após sair do campo (blur) ou ao submeter o formulário, se o valor ultrapassar `precision`,\n * o campo ficará inválido com o erro `exceedsPrecision: { precision, actual }`.\n \n @default 15\n /\n public precision = input(15);\n\n /\n @deprecated Use `minDecimalPlaces` e `maxDecimalPlaces` ao invés deste.\n * @description Número de casas decimais exibidas e aceitas pelo campo.\n * Quando informado, repassa o valor para `minDecimalPlaces` e `maxDecimalPlaces`.\n \n @default 0\n /\n public scale = input(0);\n\n /\n @description Número mínimo de casas decimais exibidas.\n \n @default 0\n /\n public override minDecimalPlaces = model(0);\n\n /\n @description Número máximo de casas decimais aceitas.\n \n @default 0\n /\n public override maxDecimalPlaces = model(0);\n\n /\n @description Separador decimal personalizado. Quando não informado,\n * utiliza o separador definido pelo locale ativo da aplicação.\n /\n public override decimalSeparator = model(',');\n\n /\n @deprecated Use `thousandSeparator` ao invés deste.\n * @description Separador de milhar personalizado. Recomenda-se migrar para `thousandSeparator`.\n /\n public thousandsSeparator = input<string \| undefined>(undefined);\n\n /\n @description Separador de milhar personalizado. Quando não informado,\n * utiliza o separador definido pelo locale ativo da aplicação.\n /\n public override thousandSeparator = model('.');\n\n /\n @deprecated Este input não tem mais efeito e pode ser removido.\n * O alinhamento do campo é sempre `'right'`, conforme o comportamento padrão da máscara numérica.\n /\n public alignTo = input<'left' \| 'right'>('right');\n\n /\n @description Permite a entrada de valores negativos.\n \n @default true\n /\n public override allowNegative = input(true);\n\n /\n @description Texto de placeholder exibido quando o campo está vazio.\n /\n public placeholder = model<string \| undefined>(undefined);\n\n public maxLength?: number;\n\n /\n @description Emitido quando uma colagem (paste) é rejeitada pela validação do campo.\n * Emite a string colada que foi recusada.\n /\n public pasteRejected = output<string>();\n\n private _decimalSeparatorExplicit = false;\n private _thousandSeparatorExplicit = false;\n\n constructor() {\n super();\n }\n\n public override ngOnInit(): void {\n super.ngOnInit();\n this.updatePlaceholder();\n }\n\n // ngOnChanges handles all signal writes reactively, avoiding the need for\n // effect() with allowSignalWrites. The decimalSeparator/thousandSeparator inputs\n // have truthy defaults, so ngOnChanges is necessary to distinguish \"parent bound this\"\n // from \"it's just the default value\".\n public override ngOnChanges(changes: SimpleChanges): void {\n if (changes['decimalSeparator'] && this.decimalSeparator()) {\n this._decimalSeparatorExplicit = true;\n }\n if (changes['thousandSeparator'] && this.thousandSeparator()) {\n this._thousandSeparatorExplicit = true;\n }\n if (changes['thousandsSeparator']) {\n const val = this.thousandsSeparator();\n if (val !== undefined) {\n this._thousandSeparatorExplicit = true;\n this.thousandSeparator.set(val);\n }\n }\n if (changes['scale']) {\n this.minDecimalPlaces.set(this.scale());\n this.maxDecimalPlaces.set(this.scale());\n }\n if (\n changes['scale'] \|\|\n changes['decimalSeparator'] \|\|\n changes['thousandSeparator'] \|\|\n changes['thousandsSeparator'] \|\|\n changes['precision']\n ) {\n this.calculateMaxLength();\n }\n if (changes['scale'] \|\| changes['decimalSeparator']) {\n this.updatePlaceholder();\n }\n }\n\n /\n Overrides base paste handler to add precision validation.\n * If the pasted value exceeds `precision` digits, the paste is rejected.\n /\n public override onPaste(event: ClipboardEvent): void {\n const pastedText = event.clipboardData?.getData('text') ?? '';\n const effectiveThousandSep = this.thousandsSeparator() ?? this.thousandSeparator();\n const numericText = pastedText\n .replace(new RegExp(`\\\\${effectiveThousandSep}`, 'g'), '')\n .replace(this.decimalSeparator(), '.');\n const [intPart, decimalPart = ''] = numericText.split('.');\n const totalDigits = intPart.replace(/\\D/g, '').length + decimalPart.slice(0, this.scale()).length;\n\n if (totalDigits > this.precision()) {\n event.preventDefault();\n this.pasteRejected.emit(pastedText);\n return;\n }\n\n super.onPaste(event);\n }\n\n /\n Overrides locale-derived separators with explicitly set inputs, if provided.\n * If no explicit separator is set, the locale-derived value is used.\n /\n protected override updateSeparators(): void {\n const explicitDecimal = this._decimalSeparatorExplicit ? this.decimalSeparator() : undefined;\n const explicitThousand = this._thousandSeparatorExplicit\n ? (this.thousandsSeparator() ?? this.thousandSeparator())\n : undefined;\n\n super.updateSeparators();\n\n if (explicitDecimal !== undefined) {\n this.decimalSeparator.set(explicitDecimal);\n }\n if (explicitThousand !== undefined) {\n this.thousandSeparator.set(explicitThousand);\n }\n\n this.calculateMaxLength();\n this.updatePlaceholder();\n }\n\n /\n Overrides base validator to add precision validation.\n * If the total number of significant digits exceeds `precision`, returns an `exceedsPrecision` error.\n /\n public override validate(control: AbstractControl): ValidationErrors \| null {\n const baseErrors = super.validate(control);\n\n if (!control.value \|\| !this.precision()) {\n return baseErrors ?? null;\n }\n\n const numericStr = String(control.value).replace('-', '');\n const [intPart, decimalPart = ''] = numericStr.split('.');\n const totalDigits = intPart.length + decimalPart.length;\n\n if (totalDigits > this.precision()) {\n return {\n ...baseErrors,\n exceedsPrecision: {\n precision: this.precision(),\n actual: totalDigits,\n },\n };\n }\n\n return baseErrors ?? null;\n }\n\n /\n Responsible to calculate the field maximum length considering the separators.\n /\n private calculateMaxLength(): void {\n const decSepLength = this.decimalSeparator()?.length ?? 0;\n const effectiveThousandSep = this.thousandsSeparator() ?? this.thousandSeparator();\n const thoSepLength = effectiveThousandSep?.length ?? 0;\n\n const DIGITS_GROUP_SIZE = 3;\n\n let maxLength = this.precision() + (this.scale() ? decSepLength : 0);\n maxLength +=\n Math.ceil((this.precision() - (this.scale() ? this.scale() : 0)) / DIGITS_GROUP_SIZE - 1) thoSepLength;\n\n this.maxLength = maxLength;\n }\n\n private updatePlaceholder(): void {\n const scale = this.scale();\n if (!this.placeholder() && scale) {\n this.placeholder.set(`0${this.decimalSeparator()}${''.padEnd(scale, '0')}`);\n }\n }\n}\n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\n// NOSONAR - 'BignumberInputDirective' is deprecated.\nimport { BignumberInputDirective } from './bignumber-input.directive';\n\n@NgModule({\n imports: [CommonModule],\n // NOSONAR - 'BignumberInputDirective' is deprecated.\n declarations: [BignumberInputDirective],\n // NOSONAR - 'BignumberInputDirective' is deprecated.\n exports: [BignumberInputDirective],\n})\nexport class BignumberInputModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-bignumber-input.mjs","sources":["../../projects/angular-components/bignumber-input/src/lib/bignumber-input/bignumber-input.directive.ts","../../projects/angular-components/bignumber-input/src/lib/bignumber-input/bignumber-input.module.ts","../../projects/angular-components/bignumber-input/src/seniorsistemas-angular-components-bignumber-input.ts"],"sourcesContent":["import { Directive, forwardRef, input, model, OnInit, OnChanges, output, SimpleChanges } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, AbstractControl, ValidationErrors } from '@angular/forms';\r\n\r\nimport { NumericMaskDirective } from '@seniorsistemas/angular-components/numeric-mask';\r\n\r\n/*\r\n @deprecated Este enum não tem mais efeito. O alinhamento do campo é sempre `'right'`.\r\n /\r\nexport enum BignumberAlignmentOption {\r\n RIGHT = 'right',\r\n LEFT = 'left',\r\n}\r\n\r\n/\r\n @deprecated Utilize a diretiva `BigNumberInput` ao invés desta.\r\n * @description Diretiva de máscara para campos de entrada de números de grande precisão,\r\n * adaptada do `CurrencyMaskDirective`. Permite configurar precisão, escala,\r\n * separadores decimais e de milhar de acordo com o locale da aplicação.\r\n \r\n @example\r\n * ```html\r\n * <input sBignumberInput [precision]=\"15\" [scale]=\"2\" [allowNegative]=\"false\" />\r\n * ```\r\n \r\n @category Inputs\r\n /\r\n@Directive({\r\n selector: 'input[sBignumberInput]',\r\n host: {\r\n '[attr.placeholder]': 'placeholder()',\r\n '[attr.maxLength]': 'maxLength',\r\n },\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n // NOSONAR - 'BignumberInputDirective' is deprecated.\r\n useExisting: forwardRef(() => BignumberInputDirective),\r\n multi: true,\r\n },\r\n ],\r\n standalone: true,\r\n})\r\nexport class BignumberInputDirective extends NumericMaskDirective implements OnInit, OnChanges {\r\n /\r\n @description Número total de dígitos significativos aceitos pelo campo (parte inteira + parte decimal).\r\n \r\n Durante a digitação, o campo limita fisicamente o número de caracteres via `maxLength`.\r\n * Ao colar um valor que ultrapasse o limite, o evento `pasteRejected` é emitido e a colagem é cancelada.\r\n * Após sair do campo (blur) ou ao submeter o formulário, se o valor ultrapassar `precision`,\r\n * o campo ficará inválido com o erro `exceedsPrecision: { precision, actual }`.\r\n \r\n @default 15\r\n /\r\n public precision = input(15);\r\n\r\n /\r\n @deprecated Use `minDecimalPlaces` e `maxDecimalPlaces` ao invés deste.\r\n * @description Número de casas decimais exibidas e aceitas pelo campo.\r\n * Quando informado, repassa o valor para `minDecimalPlaces` e `maxDecimalPlaces`.\r\n \r\n @default 0\r\n /\r\n public scale = input(0);\r\n\r\n /\r\n @description Número mínimo de casas decimais exibidas.\r\n \r\n @default 0\r\n /\r\n public override minDecimalPlaces = model(0);\r\n\r\n /\r\n @description Número máximo de casas decimais aceitas.\r\n \r\n @default 0\r\n /\r\n public override maxDecimalPlaces = model(0);\r\n\r\n /\r\n @description Separador decimal personalizado. Quando não informado,\r\n * utiliza o separador definido pelo locale ativo da aplicação.\r\n /\r\n public override decimalSeparator = model(',');\r\n\r\n /\r\n @deprecated Use `thousandSeparator` ao invés deste.\r\n * @description Separador de milhar personalizado. Recomenda-se migrar para `thousandSeparator`.\r\n /\r\n public thousandsSeparator = input<string \| undefined>(undefined);\r\n\r\n /\r\n @description Separador de milhar personalizado. Quando não informado,\r\n * utiliza o separador definido pelo locale ativo da aplicação.\r\n /\r\n public override thousandSeparator = model('.');\r\n\r\n /\r\n @deprecated Este input não tem mais efeito e pode ser removido.\r\n * O alinhamento do campo é sempre `'right'`, conforme o comportamento padrão da máscara numérica.\r\n /\r\n public alignTo = input<'left' \| 'right'>('right');\r\n\r\n /\r\n @description Permite a entrada de valores negativos.\r\n \r\n @default true\r\n /\r\n public override allowNegative = input(true);\r\n\r\n /\r\n @description Texto de placeholder exibido quando o campo está vazio.\r\n /\r\n public placeholder = model<string \| undefined>(undefined);\r\n\r\n public maxLength?: number;\r\n\r\n /\r\n @description Emitido quando uma colagem (paste) é rejeitada pela validação do campo.\r\n * Emite a string colada que foi recusada.\r\n /\r\n public pasteRejected = output<string>();\r\n\r\n private _decimalSeparatorExplicit = false;\r\n private _thousandSeparatorExplicit = false;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n public override ngOnInit(): void {\r\n super.ngOnInit();\r\n this.updatePlaceholder();\r\n }\r\n\r\n // ngOnChanges handles all signal writes reactively, avoiding the need for\r\n // effect() with allowSignalWrites. The decimalSeparator/thousandSeparator inputs\r\n // have truthy defaults, so ngOnChanges is necessary to distinguish \"parent bound this\"\r\n // from \"it's just the default value\".\r\n public override ngOnChanges(changes: SimpleChanges): void {\r\n if (changes['decimalSeparator'] && this.decimalSeparator()) {\r\n this._decimalSeparatorExplicit = true;\r\n }\r\n if (changes['thousandSeparator'] && this.thousandSeparator()) {\r\n this._thousandSeparatorExplicit = true;\r\n }\r\n if (changes['thousandsSeparator']) {\r\n const val = this.thousandsSeparator();\r\n if (val !== undefined) {\r\n this._thousandSeparatorExplicit = true;\r\n this.thousandSeparator.set(val);\r\n }\r\n }\r\n if (changes['scale']) {\r\n this.minDecimalPlaces.set(this.scale());\r\n this.maxDecimalPlaces.set(this.scale());\r\n }\r\n if (\r\n changes['scale'] \|\|\r\n changes['decimalSeparator'] \|\|\r\n changes['thousandSeparator'] \|\|\r\n changes['thousandsSeparator'] \|\|\r\n changes['precision']\r\n ) {\r\n this.calculateMaxLength();\r\n }\r\n if (changes['scale'] \|\| changes['decimalSeparator']) {\r\n this.updatePlaceholder();\r\n }\r\n }\r\n\r\n /\r\n Overrides base paste handler to add precision validation.\r\n * If the pasted value exceeds `precision` digits, the paste is rejected.\r\n /\r\n public override onPaste(event: ClipboardEvent): void {\r\n const pastedText = event.clipboardData?.getData('text') ?? '';\r\n const effectiveThousandSep = this.thousandsSeparator() ?? this.thousandSeparator();\r\n const numericText = pastedText\r\n .replace(new RegExp(`\\\\${effectiveThousandSep}`, 'g'), '')\r\n .replace(this.decimalSeparator(), '.');\r\n const [intPart, decimalPart = ''] = numericText.split('.');\r\n const totalDigits = intPart.replace(/\\D/g, '').length + decimalPart.slice(0, this.scale()).length;\r\n\r\n if (totalDigits > this.precision()) {\r\n event.preventDefault();\r\n this.pasteRejected.emit(pastedText);\r\n return;\r\n }\r\n\r\n super.onPaste(event);\r\n }\r\n\r\n /\r\n Overrides locale-derived separators with explicitly set inputs, if provided.\r\n * If no explicit separator is set, the locale-derived value is used.\r\n /\r\n protected override updateSeparators(): void {\r\n const explicitDecimal = this._decimalSeparatorExplicit ? this.decimalSeparator() : undefined;\r\n const explicitThousand = this._thousandSeparatorExplicit\r\n ? (this.thousandsSeparator() ?? this.thousandSeparator())\r\n : undefined;\r\n\r\n super.updateSeparators();\r\n\r\n if (explicitDecimal !== undefined) {\r\n this.decimalSeparator.set(explicitDecimal);\r\n }\r\n if (explicitThousand !== undefined) {\r\n this.thousandSeparator.set(explicitThousand);\r\n }\r\n\r\n this.calculateMaxLength();\r\n this.updatePlaceholder();\r\n }\r\n\r\n /\r\n Overrides base validator to add precision validation.\r\n * If the total number of significant digits exceeds `precision`, returns an `exceedsPrecision` error.\r\n /\r\n public override validate(control: AbstractControl): ValidationErrors \| null {\r\n const baseErrors = super.validate(control);\r\n\r\n if (!control.value \|\| !this.precision()) {\r\n return baseErrors ?? null;\r\n }\r\n\r\n const numericStr = String(control.value).replace('-', '');\r\n const [intPart, decimalPart = ''] = numericStr.split('.');\r\n const totalDigits = intPart.length + decimalPart.length;\r\n\r\n if (totalDigits > this.precision()) {\r\n return {\r\n ...baseErrors,\r\n exceedsPrecision: {\r\n precision: this.precision(),\r\n actual: totalDigits,\r\n },\r\n };\r\n }\r\n\r\n return baseErrors ?? null;\r\n }\r\n\r\n /\r\n Responsible to calculate the field maximum length considering the separators.\r\n /\r\n private calculateMaxLength(): void {\r\n const decSepLength = this.decimalSeparator()?.length ?? 0;\r\n const effectiveThousandSep = this.thousandsSeparator() ?? this.thousandSeparator();\r\n const thoSepLength = effectiveThousandSep?.length ?? 0;\r\n\r\n const DIGITS_GROUP_SIZE = 3;\r\n\r\n let maxLength = this.precision() + (this.scale() ? decSepLength : 0);\r\n maxLength +=\r\n Math.ceil((this.precision() - (this.scale() ? this.scale() : 0)) / DIGITS_GROUP_SIZE - 1) thoSepLength;\r\n\r\n this.maxLength = maxLength;\r\n }\r\n\r\n private updatePlaceholder(): void {\r\n const scale = this.scale();\r\n if (!this.placeholder() && scale) {\r\n this.placeholder.set(`0${this.decimalSeparator()}${''.padEnd(scale, '0')}`);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\n// NOSONAR - 'BignumberInputDirective' is deprecated.\r\nimport { BignumberInputDirective } from './bignumber-input.directive';\r\n\r\n@NgModule({\r\n imports: [BignumberInputDirective],\r\n // NOSONAR - 'BignumberInputDirective' is deprecated.\r\n exports: [BignumberInputDirective],\r\n})\r\nexport class BignumberInputModule {}\r\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-breadcrumb.mjs CHANGED Viewed

@@ -1,14 +1,13 @@
 import * as i0 from '@angular/core';
 import { input, inject, Component, Input, NgModule } from '@angular/core';
-import * as i3 from '@angular/router';
+import * as i2 from '@angular/router';
 import { Router, RouterModule, ActivatedRoute, NavigationEnd, PRIMARY_OUTLET } from '@angular/router';
 import * as i1$1 from '@seniorsistemas/angular-components/common/deprecated-selector';
 import { DEPRECATED_CONFIG, DeprecatedSelectorDirective } from '@seniorsistemas/angular-components/common/deprecated-selector';
 import { Subject } from 'rxjs';
 import { takeUntil, filter } from 'rxjs/operators';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@ngx-translate/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';
@@ -42,11 +41,11 @@ class BreadcrumbListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BreadcrumbListComponent, isStandalone: true, selector: "s-breadcrumb-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<nav\n    [attr.aria-label]=\"'platform.angular_components.breadcrumb_aria_label' | translate\"\n    class=\"mb-4 mt-4\"\n>\n    <ol class=\"flex select-none flex-wrap items-center gap-3 pb-3 pt-3 [&_li]:font-open-sans [&_li]:text-sm\">\n        @for (breadcrumbItem of items(); track $index; let first = $first; let last = $last) {\n            <li class=\"flex items-center gap-3\">\n                @if (!first) {\n                    <i\n                        class=\"fas fa-chevron-right\"\n                        aria-hidden=\"true\"\n                    ></i>\n                }\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </ng-template>\n\n                @if (first && breadcrumbItem.icon && breadcrumbItem.disabledIcon) {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        aria-hidden=\"true\"\n                    >\n                        <i\n                            [class]=\"breadcrumbItem.icon + ' text-grayscale-30'\"\n                            aria-hidden=\"true\"\n                        ></i>\n                    </span>\n                }\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"flex items-center gap-1 text-criticality-blue\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : 'Navegar para ') +\n                            breadcrumbItem.label +\n                            (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (link externo)</span>\n                        }\n                    </a>\n                } @else if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                    <a\n                        [routerLink]=\"breadcrumbItem.routerLink\"\n                        [queryParams]=\"breadcrumbItem.queryParams\"\n                        [queryParamsHandling]=\"breadcrumbItem.queryParams ? null : 'preserve'\"\n                        [target]=\"breadcrumbItem.target\"\n                        (sInteractiveContent)=\"onActivateRoute(breadcrumbItem)\"\n                        class=\"flex cursor-pointer items-center gap-1 text-primary hover:no-underline\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : '') + breadcrumbItem.label + (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (navega\u00E7\u00E3o interna)</span>\n                        }\n                    </a>\n                } @else {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                        }\n                    </span>\n                }\n            </li>\n        }\n    </ol>\n</nav>\n\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled", "stopPropagation"], outputs: ["sInteractiveContent"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BreadcrumbListComponent, isStandalone: true, selector: "s-breadcrumb-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<nav\n    [attr.aria-label]=\"'platform.angular_components.breadcrumb_aria_label' | translate\"\n    class=\"mb-4 mt-4\"\n>\n    <ol class=\"flex select-none flex-wrap items-center gap-3 pb-3 pt-3 [&_li]:font-open-sans [&_li]:text-sm\">\n        @for (breadcrumbItem of items(); track $index; let first = $first; let last = $last) {\n            <li class=\"flex items-center gap-3\">\n                @if (!first) {\n                    <i\n                        class=\"fas fa-chevron-right\"\n                        aria-hidden=\"true\"\n                    ></i>\n                }\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </ng-template>\n\n                @if (first && breadcrumbItem.icon && breadcrumbItem.disabledIcon) {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        aria-hidden=\"true\"\n                    >\n                        <i\n                            [class]=\"breadcrumbItem.icon + ' text-grayscale-30'\"\n                            aria-hidden=\"true\"\n                        ></i>\n                    </span>\n                }\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"flex items-center gap-1 text-criticality-blue\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : 'Navegar para ') +\n                            breadcrumbItem.label +\n                            (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (link externo)</span>\n                        }\n                    </a>\n                } @else if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                    <a\n                        [routerLink]=\"breadcrumbItem.routerLink\"\n                        [queryParams]=\"breadcrumbItem.queryParams\"\n                        [queryParamsHandling]=\"breadcrumbItem.queryParams ? null : 'preserve'\"\n                        [target]=\"breadcrumbItem.target\"\n                        (sInteractiveContent)=\"onActivateRoute(breadcrumbItem)\"\n                        class=\"flex cursor-pointer items-center gap-1 text-primary hover:no-underline\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : '') + breadcrumbItem.label + (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (navega\u00E7\u00E3o interna)</span>\n                        }\n                    </a>\n                } @else {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                        }\n                    </span>\n                }\n            </li>\n        }\n    </ol>\n</nav>\n\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled", "stopPropagation"], outputs: ["sInteractiveContent"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-breadcrumb-list', standalone: true, imports: [CommonModule, TranslateModule, InteractiveContentDirective, RouterModule], template: "<nav\n    [attr.aria-label]=\"'platform.angular_components.breadcrumb_aria_label' | translate\"\n    class=\"mb-4 mt-4\"\n>\n    <ol class=\"flex select-none flex-wrap items-center gap-3 pb-3 pt-3 [&_li]:font-open-sans [&_li]:text-sm\">\n        @for (breadcrumbItem of items(); track $index; let first = $first; let last = $last) {\n            <li class=\"flex items-center gap-3\">\n                @if (!first) {\n                    <i\n                        class=\"fas fa-chevron-right\"\n                        aria-hidden=\"true\"\n                    ></i>\n                }\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </ng-template>\n\n                @if (first && breadcrumbItem.icon && breadcrumbItem.disabledIcon) {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        aria-hidden=\"true\"\n                    >\n                        <i\n                            [class]=\"breadcrumbItem.icon + ' text-grayscale-30'\"\n                            aria-hidden=\"true\"\n                        ></i>\n                    </span>\n                }\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"flex items-center gap-1 text-criticality-blue\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : 'Navegar para ') +\n                            breadcrumbItem.label +\n                            (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (link externo)</span>\n                        }\n                    </a>\n                } @else if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                    <a\n                        [routerLink]=\"breadcrumbItem.routerLink\"\n                        [queryParams]=\"breadcrumbItem.queryParams\"\n                        [queryParamsHandling]=\"breadcrumbItem.queryParams ? null : 'preserve'\"\n                        [target]=\"breadcrumbItem.target\"\n                        (sInteractiveContent)=\"onActivateRoute(breadcrumbItem)\"\n                        class=\"flex cursor-pointer items-center gap-1 text-primary hover:no-underline\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : '') + breadcrumbItem.label + (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (navega\u00E7\u00E3o interna)</span>\n                        }\n                    </a>\n                } @else {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                        }\n                    </span>\n                }\n            </li>\n        }\n    </ol>\n</nav>\n\n" }]
+            args: [{ selector: 's-breadcrumb-list', standalone: true, imports: [TranslateModule, InteractiveContentDirective, RouterModule, NgTemplateOutlet], template: "<nav\n    [attr.aria-label]=\"'platform.angular_components.breadcrumb_aria_label' | translate\"\n    class=\"mb-4 mt-4\"\n>\n    <ol class=\"flex select-none flex-wrap items-center gap-3 pb-3 pt-3 [&_li]:font-open-sans [&_li]:text-sm\">\n        @for (breadcrumbItem of items(); track $index; let first = $first; let last = $last) {\n            <li class=\"flex items-center gap-3\">\n                @if (!first) {\n                    <i\n                        class=\"fas fa-chevron-right\"\n                        aria-hidden=\"true\"\n                    ></i>\n                }\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </ng-template>\n\n                @if (first && breadcrumbItem.icon && breadcrumbItem.disabledIcon) {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        aria-hidden=\"true\"\n                    >\n                        <i\n                            [class]=\"breadcrumbItem.icon + ' text-grayscale-30'\"\n                            aria-hidden=\"true\"\n                        ></i>\n                    </span>\n                }\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"flex items-center gap-1 text-criticality-blue\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : 'Navegar para ') +\n                            breadcrumbItem.label +\n                            (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (link externo)</span>\n                        }\n                    </a>\n                } @else if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                    <a\n                        [routerLink]=\"breadcrumbItem.routerLink\"\n                        [queryParams]=\"breadcrumbItem.queryParams\"\n                        [queryParamsHandling]=\"breadcrumbItem.queryParams ? null : 'preserve'\"\n                        [target]=\"breadcrumbItem.target\"\n                        (sInteractiveContent)=\"onActivateRoute(breadcrumbItem)\"\n                        class=\"flex cursor-pointer items-center gap-1 text-primary hover:no-underline\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                        [attr.aria-label]=\"\n                            (first ? 'In\u00EDcio: ' : '') + breadcrumbItem.label + (last ? ' (p\u00E1gina atual)' : '')\n                        \"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                            <span class=\"sr-only\"> (navega\u00E7\u00E3o interna)</span>\n                        }\n                    </a>\n                } @else {\n                    <span\n                        class=\"flex items-center gap-1\"\n                        [attr.aria-current]=\"last ? 'page' : null\"\n                    >\n                        @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n                            <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                        }\n                        @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n                            <span>{{ breadcrumbItem.label }}</span>\n                        }\n                    </span>\n                }\n            </li>\n        }\n    </ol>\n</nav>\n\n" }]
         }] });
 class DynamicBreadcrumbComponent {

package/fesm2022/seniorsistemas-angular-components-breadcrumb.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-breadcrumb.mjs","sources":["../../projects/angular-components/breadcrumb/src/lib/breadcrumb/breadcrumb.component.ts","../../projects/angular-components/breadcrumb/src/lib/breadcrumb/breadcrumb.component.html","../../projects/angular-components/breadcrumb/src/lib/dynamic-breadcrumb/dynamic-breadcrumb.component.ts","../../projects/angular-components/breadcrumb/src/lib/dynamic-breadcrumb/dynamic-breadcrumb.component.html","../../projects/angular-components/breadcrumb/src/lib/dynamic-breadcrumb/dynamic-breadcrumb.module.ts","../../projects/angular-components/breadcrumb/src/seniorsistemas-angular-components-breadcrumb.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, inject, input } from '@angular/core';\nimport { Router, RouterModule } from '@angular/router';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\n\nimport { BreadcrumbItem } from './breadcrumb-models';\n\n/*\n @description Componente de trilha de navegação (breadcrumb) que detecta automaticamente\n * a rota ativa do Angular Router e constrói o caminho hierárquico de páginas.\n * Cada segmento da rota precisa ter a propriedade `routeTitle` definida nos `data` da rota.\n \n @example\n * ```html\n * <s-breadcrumb homeUrl=\"/home\" targetHomeUrl=\"_self\" />\n * ```\n \n @category Navegação\n /\n@Component({\n selector: 's-breadcrumb-list',\n standalone: true,\n imports: [CommonModule, TranslateModule, InteractiveContentDirective, RouterModule],\n templateUrl: './breadcrumb.component.html',\n})\nexport class BreadcrumbListComponent {\n public readonly items = input.required<BreadcrumbItem[]>();\n\n private readonly router = inject(Router);\n\n protected onActivateRoute(activatedBreadcrumb: BreadcrumbItem): void {\n if (!activatedBreadcrumb.routerLink \|\| activatedBreadcrumb.disabled) {\n return;\n }\n\n const routerLink = Array.isArray(activatedBreadcrumb.routerLink)\n ? activatedBreadcrumb.routerLink\n : [activatedBreadcrumb.routerLink];\n\n if (activatedBreadcrumb.queryParams) {\n this.router.navigate(routerLink, { queryParams: activatedBreadcrumb.queryParams });\n } else {\n this.router.navigate(routerLink, { queryParamsHandling: 'preserve' });\n }\n }\n}\n\n","<nav\n [attr.aria-label]=\"'platform.angular_components.breadcrumb_aria_label' \| translate\"\n class=\"mb-4 mt-4\"\n>\n <ol class=\"flex select-none flex-wrap items-center gap-3 pb-3 pt-3 [&_li]:font-open-sans [&_li]:text-sm\">\n @for (breadcrumbItem of items(); track $index; let first = $first; let last = $last) {\n <li class=\"flex items-center gap-3\">\n @if (!first) {\n <i\n class=\"fas fa-chevron-right\"\n aria-hidden=\"true\"\n ></i>\n }\n\n <ng-template #iconTemplate>\n <i\n [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n aria-hidden=\"true\"\n ></i>\n </ng-template>\n\n @if (first && breadcrumbItem.icon && breadcrumbItem.disabledIcon) {\n <span\n class=\"flex items-center gap-1\"\n aria-hidden=\"true\"\n >\n <i\n [class]=\"breadcrumbItem.icon + ' text-grayscale-30'\"\n aria-hidden=\"true\"\n ></i>\n </span>\n }\n\n @if (breadcrumbItem.url) {\n <a\n [href]=\"breadcrumbItem.url\"\n [target]=\"breadcrumbItem.target\"\n class=\"flex items-center gap-1 text-criticality-blue\"\n [attr.aria-current]=\"last ? 'page' : null\"\n [attr.aria-label]=\"\n (first ? 'Início: ' : 'Navegar para ') +\n breadcrumbItem.label +\n (last ? ' (página atual)' : '')\n \"\n >\n @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n <ng-container ngTemplateOutlet=\"iconTemplate\"></ng-container>\n }\n @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n <span>{{ breadcrumbItem.label }}</span>\n <span class=\"sr-only\"> (link externo)</span>\n }\n </a>\n } @else if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n <a\n [routerLink]=\"breadcrumbItem.routerLink\"\n [queryParams]=\"breadcrumbItem.queryParams\"\n [queryParamsHandling]=\"breadcrumbItem.queryParams ? null : 'preserve'\"\n [target]=\"breadcrumbItem.target\"\n (sInteractiveContent)=\"onActivateRoute(breadcrumbItem)\"\n class=\"flex cursor-pointer items-center gap-1 text-primary hover:no-underline\"\n [attr.aria-current]=\"last ? 'page' : null\"\n [attr.aria-label]=\"\n (first ? 'Início: ' : '') + breadcrumbItem.label + (last ? ' (página atual)' : '')\n \"\n >\n @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n <ng-container ngTemplateOutlet=\"iconTemplate\"></ng-container>\n }\n @if (breadcrumbItem.label && !breadcrumbItem.hideLabel) {\n <span>{{ breadcrumbItem.label }}</span>\n <span class=\"sr-only\"> (navegação interna)</span>\n }\n </a>\n } @else {\n <span\n class=\"flex items-center gap-1\"\n [attr.aria-current]=\"last ? 'page' : null\"\n >\n @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n <ng-container ngTemplateOutlet=\"iconTemplate\"></ng-container>\n }\n @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n <span>{{ breadcrumbItem.label }}</span>\n }\n </span>\n }\n </li>\n }\n </ol>\n</nav>\n\n","import { Component, Input, OnDestroy, inject } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, PRIMARY_OUTLET, Router } from '@angular/router';\nimport {\n DEPRECATED_CONFIG,\n DeprecatedSelectorDirective,\n} from '@seniorsistemas/angular-components/common/deprecated-selector';\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\nimport { BreadcrumbItem } from '../breadcrumb/breadcrumb-models';\nimport { BreadcrumbListComponent } from '../breadcrumb/breadcrumb.component';\n\n@Component({\n standalone: true,\n imports: [BreadcrumbListComponent],\n selector: 's-breadcrumb, s-dynamic-breadcrumb',\n templateUrl: './dynamic-breadcrumb.component.html',\n hostDirectives: [DeprecatedSelectorDirective],\n providers: [\n {\n provide: DEPRECATED_CONFIG,\n useValue: {\n oldSelector: 's-breadcrumb',\n newSelector: 's-dynamic-breadcrumb',\n removalVersion: '20.0.0',\n },\n },\n ],\n})\nexport class DynamicBreadcrumbComponent implements OnDestroy {\n private readonly _activatedRoute = inject(ActivatedRoute);\n private readonly _router = inject(Router);\n\n @Input()\n public homeUrl?: string;\n\n @Input()\n public targetHomeUrl = '_self';\n\n public items: BreadcrumbItem[] = [];\n public title?: string;\n\n private readonly _ngUnsubscribe = new Subject<void>();\n\n constructor() {\n this._router.events\n .pipe(\n takeUntil(this._ngUnsubscribe),\n filter((event) => event instanceof NavigationEnd),\n )\n .subscribe(() => this._onNavigationEnd());\n }\n\n public ngOnDestroy() {\n this._ngUnsubscribe.next();\n this._ngUnsubscribe.complete();\n }\n\n private _onNavigationEnd() {\n const currentRoute = this._activatedRoute.root;\n const validRoutes: ActivatedRoute[] = this._getValidChildren(currentRoute);\n\n this.title = this._getCurrentTitle(validRoutes) ?? '';\n this.items = this._getCurrentItems(validRoutes) \|\| [];\n const currentHome = this._getCurrentHome(validRoutes);\n if (currentHome) {\n this.items.unshift(currentHome);\n }\n }\n\n private _getValidChildren(route: ActivatedRoute): ActivatedRoute[] {\n const valid = route.routeConfig?.path && route.routeConfig?.component && route.outlet === PRIMARY_OUTLET;\n return route.children.reduce(\n (validRoutes, child) => [...validRoutes, ...this._getValidChildren(child)],\n valid ? [route] : [],\n );\n }\n\n private _getCurrentTitle(routes: ActivatedRoute[]): string \| null {\n const last = routes.at(-1);\n\n if (last?.routeConfig) {\n return this._getTitle(last);\n }\n\n return null;\n }\n\n private _getCurrentHome(routes: ActivatedRoute[]) {\n let currentHome: BreadcrumbItem \| undefined;\n\n if (this.homeUrl) {\n currentHome = { url: this.homeUrl, icon: 'fa fa-home', target: this.targetHomeUrl };\n } else if (routes.length) {\n currentHome = {\n ...this._getMenuItem(routes[0], routes.length === 1),\n disabledIcon: routes.length === 1,\n hideLabel: routes.length > 1,\n icon: 'fa fa-home',\n };\n }\n\n return currentHome;\n }\n\n private _getCurrentItems(routes: ActivatedRoute[]): BreadcrumbItem[] {\n if (!routes.length) {\n return [];\n }\n\n const items = this.homeUrl ? routes : routes.slice(1);\n if (items.length) {\n return items.map((route, i) => this._getMenuItem(route, i === items.length - 1));\n }\n\n return [];\n }\n\n private _getMenuItem(route: ActivatedRoute, disabled = false): BreadcrumbItem {\n const label = this._getTitle(route);\n const routerLink = ['/', ...route.pathFromRoot.flatMap((item) => item.snapshot.url.map((url) => url.path))];\n\n return {\n disabled,\n label,\n routerLink,\n queryParams: route.snapshot.queryParams,\n };\n }\n\n private _getTitle(route: ActivatedRoute): string {\n const { snapshot, routeConfig } = route;\n const title = snapshot.data['routeTitle'];\n\n if (!title) {\n throw new Error(`No routeTitle defined for the route /${routeConfig?.path}`);\n }\n return title;\n }\n}\n\n","<h1 class=\"sds-page-title\">{{ title }}</h1>\n<s-breadcrumb-list [items]=\"items\" />\n\n","import { NgModule } from '@angular/core';\n\nimport { DynamicBreadcrumbComponent } from './dynamic-breadcrumb.component';\n/*\n @deprecated utilizar DynamicBreadcrumbComponent (standalone)\n /\n@NgModule({\n imports: [DynamicBreadcrumbComponent],\n exports: [DynamicBreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":"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"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-breadcrumb.mjs","sources":["../../projects/angular-components/breadcrumb/src/lib/breadcrumb/breadcrumb.component.ts","../../projects/angular-components/breadcrumb/src/lib/breadcrumb/breadcrumb.component.html","../../projects/angular-components/breadcrumb/src/lib/dynamic-breadcrumb/dynamic-breadcrumb.component.ts","../../projects/angular-components/breadcrumb/src/lib/dynamic-breadcrumb/dynamic-breadcrumb.component.html","../../projects/angular-components/breadcrumb/src/lib/dynamic-breadcrumb/dynamic-breadcrumb.module.ts","../../projects/angular-components/breadcrumb/src/seniorsistemas-angular-components-breadcrumb.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, inject, input } from '@angular/core';\r\nimport { Router, RouterModule } from '@angular/router';\r\n\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\r\n\r\nimport { BreadcrumbItem } from './breadcrumb-models';\r\n\r\n/*\r\n @description Componente de trilha de navegação (breadcrumb) que detecta automaticamente\r\n * a rota ativa do Angular Router e constrói o caminho hierárquico de páginas.\r\n * Cada segmento da rota precisa ter a propriedade `routeTitle` definida nos `data` da rota.\r\n \r\n @example\r\n * ```html\r\n * <s-breadcrumb homeUrl=\"/home\" targetHomeUrl=\"_self\" />\r\n * ```\r\n \r\n @category Navegação\r\n /\r\n@Component({\r\n selector: 's-breadcrumb-list',\r\n standalone: true,\r\n imports: [TranslateModule, InteractiveContentDirective, RouterModule, NgTemplateOutlet],\r\n templateUrl: './breadcrumb.component.html',\r\n})\r\nexport class BreadcrumbListComponent {\r\n public readonly items = input.required<BreadcrumbItem[]>();\r\n\r\n private readonly router = inject(Router);\r\n\r\n protected onActivateRoute(activatedBreadcrumb: BreadcrumbItem): void {\r\n if (!activatedBreadcrumb.routerLink \|\| activatedBreadcrumb.disabled) {\r\n return;\r\n }\r\n\r\n const routerLink = Array.isArray(activatedBreadcrumb.routerLink)\r\n ? activatedBreadcrumb.routerLink\r\n : [activatedBreadcrumb.routerLink];\r\n\r\n if (activatedBreadcrumb.queryParams) {\r\n this.router.navigate(routerLink, { queryParams: activatedBreadcrumb.queryParams });\r\n } else {\r\n this.router.navigate(routerLink, { queryParamsHandling: 'preserve' });\r\n }\r\n }\r\n}\r\n","<nav\n [attr.aria-label]=\"'platform.angular_components.breadcrumb_aria_label' \| translate\"\n class=\"mb-4 mt-4\"\n>\n <ol class=\"flex select-none flex-wrap items-center gap-3 pb-3 pt-3 [&_li]:font-open-sans [&_li]:text-sm\">\n @for (breadcrumbItem of items(); track $index; let first = $first; let last = $last) {\n <li class=\"flex items-center gap-3\">\n @if (!first) {\n <i\n class=\"fas fa-chevron-right\"\n aria-hidden=\"true\"\n ></i>\n }\n\n <ng-template #iconTemplate>\n <i\n [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n aria-hidden=\"true\"\n ></i>\n </ng-template>\n\n @if (first && breadcrumbItem.icon && breadcrumbItem.disabledIcon) {\n <span\n class=\"flex items-center gap-1\"\n aria-hidden=\"true\"\n >\n <i\n [class]=\"breadcrumbItem.icon + ' text-grayscale-30'\"\n aria-hidden=\"true\"\n ></i>\n </span>\n }\n\n @if (breadcrumbItem.url) {\n <a\n [href]=\"breadcrumbItem.url\"\n [target]=\"breadcrumbItem.target\"\n class=\"flex items-center gap-1 text-criticality-blue\"\n [attr.aria-current]=\"last ? 'page' : null\"\n [attr.aria-label]=\"\n (first ? 'Início: ' : 'Navegar para ') +\n breadcrumbItem.label +\n (last ? ' (página atual)' : '')\n \"\n >\n @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n <ng-container ngTemplateOutlet=\"iconTemplate\"></ng-container>\n }\n @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n <span>{{ breadcrumbItem.label }}</span>\n <span class=\"sr-only\"> (link externo)</span>\n }\n </a>\n } @else if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n <a\n [routerLink]=\"breadcrumbItem.routerLink\"\n [queryParams]=\"breadcrumbItem.queryParams\"\n [queryParamsHandling]=\"breadcrumbItem.queryParams ? null : 'preserve'\"\n [target]=\"breadcrumbItem.target\"\n (sInteractiveContent)=\"onActivateRoute(breadcrumbItem)\"\n class=\"flex cursor-pointer items-center gap-1 text-primary hover:no-underline\"\n [attr.aria-current]=\"last ? 'page' : null\"\n [attr.aria-label]=\"\n (first ? 'Início: ' : '') + breadcrumbItem.label + (last ? ' (página atual)' : '')\n \"\n >\n @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n <ng-container ngTemplateOutlet=\"iconTemplate\"></ng-container>\n }\n @if (breadcrumbItem.label && !breadcrumbItem.hideLabel) {\n <span>{{ breadcrumbItem.label }}</span>\n <span class=\"sr-only\"> (navegação interna)</span>\n }\n </a>\n } @else {\n <span\n class=\"flex items-center gap-1\"\n [attr.aria-current]=\"last ? 'page' : null\"\n >\n @if (breadcrumbItem.icon && !(first && breadcrumbItem.disabledIcon)) {\n <ng-container ngTemplateOutlet=\"iconTemplate\"></ng-container>\n }\n @if (breadcrumbItem.label && !breadcrumbItem.hideLabel && !first) {\n <span>{{ breadcrumbItem.label }}</span>\n }\n </span>\n }\n </li>\n }\n </ol>\n</nav>\n\n","import { Component, Input, OnDestroy, inject } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, PRIMARY_OUTLET, Router } from '@angular/router';\nimport {\n DEPRECATED_CONFIG,\n DeprecatedSelectorDirective,\n} from '@seniorsistemas/angular-components/common/deprecated-selector';\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\nimport { BreadcrumbItem } from '../breadcrumb/breadcrumb-models';\nimport { BreadcrumbListComponent } from '../breadcrumb/breadcrumb.component';\n\n@Component({\n standalone: true,\n imports: [BreadcrumbListComponent],\n selector: 's-breadcrumb, s-dynamic-breadcrumb',\n templateUrl: './dynamic-breadcrumb.component.html',\n hostDirectives: [DeprecatedSelectorDirective],\n providers: [\n {\n provide: DEPRECATED_CONFIG,\n useValue: {\n oldSelector: 's-breadcrumb',\n newSelector: 's-dynamic-breadcrumb',\n removalVersion: '20.0.0',\n },\n },\n ],\n})\nexport class DynamicBreadcrumbComponent implements OnDestroy {\n private readonly _activatedRoute = inject(ActivatedRoute);\n private readonly _router = inject(Router);\n\n @Input()\n public homeUrl?: string;\n\n @Input()\n public targetHomeUrl = '_self';\n\n public items: BreadcrumbItem[] = [];\n public title?: string;\n\n private readonly _ngUnsubscribe = new Subject<void>();\n\n constructor() {\n this._router.events\n .pipe(\n takeUntil(this._ngUnsubscribe),\n filter((event) => event instanceof NavigationEnd),\n )\n .subscribe(() => this._onNavigationEnd());\n }\n\n public ngOnDestroy() {\n this._ngUnsubscribe.next();\n this._ngUnsubscribe.complete();\n }\n\n private _onNavigationEnd() {\n const currentRoute = this._activatedRoute.root;\n const validRoutes: ActivatedRoute[] = this._getValidChildren(currentRoute);\n\n this.title = this._getCurrentTitle(validRoutes) ?? '';\n this.items = this._getCurrentItems(validRoutes) \|\| [];\n const currentHome = this._getCurrentHome(validRoutes);\n if (currentHome) {\n this.items.unshift(currentHome);\n }\n }\n\n private _getValidChildren(route: ActivatedRoute): ActivatedRoute[] {\n const valid = route.routeConfig?.path && route.routeConfig?.component && route.outlet === PRIMARY_OUTLET;\n return route.children.reduce(\n (validRoutes, child) => [...validRoutes, ...this._getValidChildren(child)],\n valid ? [route] : [],\n );\n }\n\n private _getCurrentTitle(routes: ActivatedRoute[]): string \| null {\n const last = routes.at(-1);\n\n if (last?.routeConfig) {\n return this._getTitle(last);\n }\n\n return null;\n }\n\n private _getCurrentHome(routes: ActivatedRoute[]) {\n let currentHome: BreadcrumbItem \| undefined;\n\n if (this.homeUrl) {\n currentHome = { url: this.homeUrl, icon: 'fa fa-home', target: this.targetHomeUrl };\n } else if (routes.length) {\n currentHome = {\n ...this._getMenuItem(routes[0], routes.length === 1),\n disabledIcon: routes.length === 1,\n hideLabel: routes.length > 1,\n icon: 'fa fa-home',\n };\n }\n\n return currentHome;\n }\n\n private _getCurrentItems(routes: ActivatedRoute[]): BreadcrumbItem[] {\n if (!routes.length) {\n return [];\n }\n\n const items = this.homeUrl ? routes : routes.slice(1);\n if (items.length) {\n return items.map((route, i) => this._getMenuItem(route, i === items.length - 1));\n }\n\n return [];\n }\n\n private _getMenuItem(route: ActivatedRoute, disabled = false): BreadcrumbItem {\n const label = this._getTitle(route);\n const routerLink = ['/', ...route.pathFromRoot.flatMap((item) => item.snapshot.url.map((url) => url.path))];\n\n return {\n disabled,\n label,\n routerLink,\n queryParams: route.snapshot.queryParams,\n };\n }\n\n private _getTitle(route: ActivatedRoute): string {\n const { snapshot, routeConfig } = route;\n const title = snapshot.data['routeTitle'];\n\n if (!title) {\n throw new Error(`No routeTitle defined for the route /${routeConfig?.path}`);\n }\n return title;\n }\n}\n\n","<h1 class=\"sds-page-title\">{{ title }}</h1>\n<s-breadcrumb-list [items]=\"items\" />\n\n","import { NgModule } from '@angular/core';\n\nimport { DynamicBreadcrumbComponent } from './dynamic-breadcrumb.component';\n/*\n @deprecated utilizar DynamicBreadcrumbComponent (standalone)\n /\n@NgModule({\n imports: [DynamicBreadcrumbComponent],\n exports: [DynamicBreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-button.mjs CHANGED Viewed

@@ -165,13 +165,13 @@ class ButtonComponent {
         this.isMenuOpen = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "s-button", inputs: { id: "id", label: "label", tooltip: "tooltip", tooltipPosition: "tooltipPosition", iconClass: "iconClass", rightIconClass: "rightIconClass", caret: "caret", styleClass: "styleClass", baseZIndex: "baseZIndex", disabled: "disabled", auxiliary: "auxiliary", type: "type", priority: "priority", menuOptions: "menuOptions", size: "size", slide: "slide", animation: "animation", badge: "badge", iconColor: "iconColor", menuAriaLabel: "menuAriaLabel", ariaLabel: "ariaLabel" }, outputs: { clicked: "clicked" }, host: { properties: { "class.s-button-with-badge": "!!badge", "style.min-width": "this.minWidth" } }, usesOnChanges: true, ngImport: i0, template: "<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-only-icon': iconClass && !label && !menuOptions.length,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && menuOptions.length) || rightIconClass,\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation(),\n    }\"\n    sTieredMenu\n    [items]=\"menuOptions\"\n    [ariaLabel]=\"menuAriaLabel\"\n    [attr.aria-haspopup]=\"menuOptions.length ? 'menu' : null\"\n    [attr.aria-expanded]=\"menuOptions.length ? isMenuOpen : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    (tieredMenuOpened)=\"onTieredMenuOpened()\"\n    (tieredMenuClosed)=\"onTieredMenuClosed()\"\n    (click)=\"clicked.emit($event)\"\n>\n    @if (iconClass) {\n        <span\n            [class]=\"iconClass\"\n            [ngClass]=\"{\n                's-button-icon': true,\n                's-button-icon-margin-right': !label && menuOptions.length,\n            }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if (label) {\n        <span\n            class=\"s-button-text\"\n            [ngClass]=\"{\n                's-button-icon-margin-right': !!rightIconClass || menuOptions.length,\n                's-button-icon-margin-left': !!iconClass,\n            }\"\n        >\n            {{ label }}\n        </span>\n    }\n    <ng-content></ng-content>\n    @if (rightIconClass) {\n        <span\n            [class]=\"rightIconClass\"\n            [ngClass]=\"{ 's-button-right-icon': true }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if ((caret && menuOptions.length) || (menuOptions && menuOptions.length)) {\n        <span\n            class=\"menu-options-icon fa fa-fw fa-caret-down\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n</button>\n@if (badge) {\n    <div class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\"\n        >\n        </s-badge>\n    </div>\n}\n\n", styles: [":host{display:inline-flex;position:relative}:host.s-button-with-badge{margin-right:-15px}button{align-items:center;display:inline-flex;justify-content:center;border:1px solid;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:35px;max-width:100%;min-width:40px;outline:none;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}button:disabled{background-image:none;cursor:text;filter:Alpha(Opacity=50);opacity:.5}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{height:25px}button.s-button-size-small.s-button-only-icon{max-width:24px;max-height:24px;min-width:24px}button.s-button-size-default{height:35px}button.s-button-with-text,button.s-button-with-icon.s-button-multiple{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button.s-button-multiple.s-button-size-small.s-button-empty{width:25px;min-width:25px}button .s-button-icon,button .s-button-right-icon,button .s-button-menu-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{align-items:center;display:inline-flex;justify-content:center}button.s-button-multiple .s-button-text{align-items:left;display:inline-flex;justify-content:left}button.s-button-with-icon .s-button-text{align-items:right;display:inline-flex;justify-content:right}button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text,button.s-button-priority-primary .s-button-menu-icon{color:#fff}button.s-button-priority-primary:hover{background-color:#2a6496}button.s-button-priority-primary:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-priority-primary:active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-primary .menu-options-icon{color:#fff}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text,button.s-button-priority-secondary .s-button-menu-icon{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary:active:not(:disabled),button.s-button-priority-secondary.s-button-active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-secondary .menu-options-icon{color:#fff}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text,button.s-button-priority-default .s-button-menu-icon{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default:active:not(:disabled),button.s-button-priority-default.s-button-active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-default .menu-options-icon{color:#333}button.s-button-auxiliary.s-button-only-icon{border-radius:50%}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text,button.s-button-priority-link .s-button-menu-icon{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text,button.s-button-priority-link:hover .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:focus{background-color:transparent;border-color:#22dce6}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text,button.s-button-priority-link:focus .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:active:not(:disabled),button.s-button-priority-link.s-button-active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon{color:#245682}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text,.s-button-priority-danger .s-button-menu-icon{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger:active:not(:disabled),.s-button-priority-danger.s-button-active:not(:disabled){background-color:#521e1e;border-color:#521e1e}.s-button-priority-danger .menu-options-icon{color:#fff}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}.s-button--slide.s-button-with-text,.s-button--slide.s-button-with-icon.s-button-multiple{min-width:40px}.s-button--slide .s-button-text{opacity:0;position:absolute;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s ease;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s ease}.badge{z-index:99;position:relative;right:15px;bottom:16px}.menu-options-icon{color:#212533}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i1.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "ngmodule", type: TieredMenuModule }, { kind: "directive", type: i2.TieredMenuDirective, selector: "[sTieredMenu]", inputs: ["items", "focusedItem", "triggerEvent", "ariaLabel"], outputs: ["tieredMenuOpened", "tieredMenuClosed"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "s-button", inputs: { id: "id", label: "label", tooltip: "tooltip", tooltipPosition: "tooltipPosition", iconClass: "iconClass", rightIconClass: "rightIconClass", caret: "caret", styleClass: "styleClass", baseZIndex: "baseZIndex", disabled: "disabled", auxiliary: "auxiliary", type: "type", priority: "priority", menuOptions: "menuOptions", size: "size", slide: "slide", animation: "animation", badge: "badge", iconColor: "iconColor", menuAriaLabel: "menuAriaLabel", ariaLabel: "ariaLabel" }, outputs: { clicked: "clicked" }, host: { properties: { "class.s-button-with-badge": "!!badge", "style.min-width": "this.minWidth" } }, usesOnChanges: true, ngImport: i0, template: "<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    class=\"inline-flex items-center justify-center border border-solid cursor-pointer font-open-sans text-sm max-w-full min-w-[40px] outline-none overflow-visible py-[5px] px-[10px] relative no-underline normal-case transition-[background-color,border-color,color] duration-200 ease-out text-grayscale-0 disabled:cursor-text disabled:opacity-50\"\n    [ngClass]=\"{\n        'rounded-medium': !auxiliary,\n        'rounded-[20px]': auxiliary && !(iconClass && !label && !menuOptions.length),\n        'rounded-[50%]': auxiliary && !!(iconClass && !label && !menuOptions.length),\n        'h-[35px]': size !== 'small',\n        'h-[25px]': size === 'small',\n        'max-w-6 max-h-6 min-w-6': size === 'small' && !!(iconClass && !label && !menuOptions.length),\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': !!iconClass,\n        's-button-with-text': !!label,\n        's-button-only-icon': !!(iconClass && !label && !menuOptions.length),\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && menuOptions.length) || !!rightIconClass,\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation(),\n    }\"\n    sTieredMenu\n    [items]=\"menuOptions\"\n    [ariaLabel]=\"menuAriaLabel\"\n    [attr.aria-haspopup]=\"menuOptions.length ? 'menu' : null\"\n    [attr.aria-expanded]=\"menuOptions.length ? isMenuOpen : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    (tieredMenuOpened)=\"onTieredMenuOpened()\"\n    (tieredMenuClosed)=\"onTieredMenuClosed()\"\n    (click)=\"clicked.emit($event)\"\n>\n    @if (iconClass) {\n        <span\n            [class]=\"iconClass\"\n            [ngClass]=\"{\n                's-button-icon inline-flex items-center justify-center': true,\n                'mr-[10px]': !label && menuOptions.length,\n            }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if (label) {\n        <span\n            class=\"s-button-text block overflow-hidden text-ellipsis whitespace-nowrap\"\n            [ngClass]=\"{\n                'mr-[10px]': !!rightIconClass || menuOptions.length,\n                'ml-[10px]': !!iconClass,\n            }\"\n        >\n            {{ label }}\n        </span>\n    }\n    <ng-content></ng-content>\n    @if (rightIconClass) {\n        <span\n            [class]=\"rightIconClass\"\n            [ngClass]=\"{ 's-button-right-icon inline-flex items-center justify-center': true }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if ((caret && menuOptions.length) || (menuOptions && menuOptions.length)) {\n        <span\n            class=\"menu-options-icon fa fa-fw fa-caret-down\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n</button>\n@if (badge) {\n    <div class=\"z-[99] relative right-[15px] bottom-[16px]\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\"\n        >\n        </s-badge>\n    </div>\n}\n\n", styles: [":host{display:inline-flex;position:relative}:host.s-button-with-badge{margin-right:-15px}button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button.s-button-priority-primary .menu-options-icon{color:#fff}button.s-button-priority-primary:hover{background-color:#2b6597}button.s-button-priority-primary:focus{background-color:#2b6597;border-color:#22dce6}button.s-button-priority-primary:active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled){background-color:#255783;border-color:#255783}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .menu-options-icon{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary:active:not(:disabled),button.s-button-priority-secondary.s-button-active:not(:disabled){background-color:#4a5e6a;border-color:#4a5e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc;color:#333}button.s-button-priority-default .menu-options-icon{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default:active:not(:disabled),button.s-button-priority-default.s-button-active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}button.s-button-priority-danger .menu-options-icon{color:#fff}button.s-button-priority-danger:hover{background-color:#642525}button.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}button.s-button-priority-danger:active:not(:disabled),button.s-button-priority-danger.s-button-active:not(:disabled){background-color:#521e1e;border-color:#521e1e}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text,button.s-button-priority-link .s-button-menu-icon{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text,button.s-button-priority-link:hover .s-button-menu-icon{color:#2b6597}button.s-button-priority-link:focus{background-color:transparent;border-color:#22dce6}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text,button.s-button-priority-link:focus .s-button-menu-icon{color:#2b6597}button.s-button-priority-link:active:not(:disabled),button.s-button-priority-link.s-button-active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon{color:#255783}button.s-button-with-text,button.s-button-with-icon.s-button-multiple{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button.s-button-multiple.s-button-size-small.s-button-empty{width:25px;min-width:25px}.s-button--slide.s-button-with-text,.s-button--slide.s-button-with-icon.s-button-multiple{min-width:40px}.s-button--slide .s-button-text{opacity:0;position:absolute;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s ease;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s ease}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}.menu-options-icon{color:#212533}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i1.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "ngmodule", type: TieredMenuModule }, { kind: "directive", type: i2.TieredMenuDirective, selector: "[sTieredMenu]", inputs: ["items", "focusedItem", "triggerEvent", "ariaLabel"], outputs: ["tieredMenuOpened", "tieredMenuClosed"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-button', host: {
                         '[class.s-button-with-badge]': '!!badge',
-                    }, standalone: true, imports: [NgClass, NgStyle, BadgeModule, TieredMenuModule, TooltipModule], template: "<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-only-icon': iconClass && !label && !menuOptions.length,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && menuOptions.length) || rightIconClass,\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation(),\n    }\"\n    sTieredMenu\n    [items]=\"menuOptions\"\n    [ariaLabel]=\"menuAriaLabel\"\n    [attr.aria-haspopup]=\"menuOptions.length ? 'menu' : null\"\n    [attr.aria-expanded]=\"menuOptions.length ? isMenuOpen : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    (tieredMenuOpened)=\"onTieredMenuOpened()\"\n    (tieredMenuClosed)=\"onTieredMenuClosed()\"\n    (click)=\"clicked.emit($event)\"\n>\n    @if (iconClass) {\n        <span\n            [class]=\"iconClass\"\n            [ngClass]=\"{\n                's-button-icon': true,\n                's-button-icon-margin-right': !label && menuOptions.length,\n            }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if (label) {\n        <span\n            class=\"s-button-text\"\n            [ngClass]=\"{\n                's-button-icon-margin-right': !!rightIconClass || menuOptions.length,\n                's-button-icon-margin-left': !!iconClass,\n            }\"\n        >\n            {{ label }}\n        </span>\n    }\n    <ng-content></ng-content>\n    @if (rightIconClass) {\n        <span\n            [class]=\"rightIconClass\"\n            [ngClass]=\"{ 's-button-right-icon': true }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if ((caret && menuOptions.length) || (menuOptions && menuOptions.length)) {\n        <span\n            class=\"menu-options-icon fa fa-fw fa-caret-down\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n</button>\n@if (badge) {\n    <div class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\"\n        >\n        </s-badge>\n    </div>\n}\n\n", styles: [":host{display:inline-flex;position:relative}:host.s-button-with-badge{margin-right:-15px}button{align-items:center;display:inline-flex;justify-content:center;border:1px solid;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:35px;max-width:100%;min-width:40px;outline:none;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}button:disabled{background-image:none;cursor:text;filter:Alpha(Opacity=50);opacity:.5}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{height:25px}button.s-button-size-small.s-button-only-icon{max-width:24px;max-height:24px;min-width:24px}button.s-button-size-default{height:35px}button.s-button-with-text,button.s-button-with-icon.s-button-multiple{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button.s-button-multiple.s-button-size-small.s-button-empty{width:25px;min-width:25px}button .s-button-icon,button .s-button-right-icon,button .s-button-menu-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{align-items:center;display:inline-flex;justify-content:center}button.s-button-multiple .s-button-text{align-items:left;display:inline-flex;justify-content:left}button.s-button-with-icon .s-button-text{align-items:right;display:inline-flex;justify-content:right}button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text,button.s-button-priority-primary .s-button-menu-icon{color:#fff}button.s-button-priority-primary:hover{background-color:#2a6496}button.s-button-priority-primary:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-priority-primary:active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-primary .menu-options-icon{color:#fff}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text,button.s-button-priority-secondary .s-button-menu-icon{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary:active:not(:disabled),button.s-button-priority-secondary.s-button-active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-secondary .menu-options-icon{color:#fff}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text,button.s-button-priority-default .s-button-menu-icon{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default:active:not(:disabled),button.s-button-priority-default.s-button-active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-default .menu-options-icon{color:#333}button.s-button-auxiliary.s-button-only-icon{border-radius:50%}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text,button.s-button-priority-link .s-button-menu-icon{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text,button.s-button-priority-link:hover .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:focus{background-color:transparent;border-color:#22dce6}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text,button.s-button-priority-link:focus .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:active:not(:disabled),button.s-button-priority-link.s-button-active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon{color:#245682}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text,.s-button-priority-danger .s-button-menu-icon{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger:active:not(:disabled),.s-button-priority-danger.s-button-active:not(:disabled){background-color:#521e1e;border-color:#521e1e}.s-button-priority-danger .menu-options-icon{color:#fff}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}.s-button--slide.s-button-with-text,.s-button--slide.s-button-with-icon.s-button-multiple{min-width:40px}.s-button--slide .s-button-text{opacity:0;position:absolute;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s ease;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s ease}.badge{z-index:99;position:relative;right:15px;bottom:16px}.menu-options-icon{color:#212533}\n"] }]
+                    }, standalone: true, imports: [NgClass, NgStyle, BadgeModule, TieredMenuModule, TooltipModule], template: "<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    class=\"inline-flex items-center justify-center border border-solid cursor-pointer font-open-sans text-sm max-w-full min-w-[40px] outline-none overflow-visible py-[5px] px-[10px] relative no-underline normal-case transition-[background-color,border-color,color] duration-200 ease-out text-grayscale-0 disabled:cursor-text disabled:opacity-50\"\n    [ngClass]=\"{\n        'rounded-medium': !auxiliary,\n        'rounded-[20px]': auxiliary && !(iconClass && !label && !menuOptions.length),\n        'rounded-[50%]': auxiliary && !!(iconClass && !label && !menuOptions.length),\n        'h-[35px]': size !== 'small',\n        'h-[25px]': size === 'small',\n        'max-w-6 max-h-6 min-w-6': size === 'small' && !!(iconClass && !label && !menuOptions.length),\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': !!iconClass,\n        's-button-with-text': !!label,\n        's-button-only-icon': !!(iconClass && !label && !menuOptions.length),\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && menuOptions.length) || !!rightIconClass,\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation(),\n    }\"\n    sTieredMenu\n    [items]=\"menuOptions\"\n    [ariaLabel]=\"menuAriaLabel\"\n    [attr.aria-haspopup]=\"menuOptions.length ? 'menu' : null\"\n    [attr.aria-expanded]=\"menuOptions.length ? isMenuOpen : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    (tieredMenuOpened)=\"onTieredMenuOpened()\"\n    (tieredMenuClosed)=\"onTieredMenuClosed()\"\n    (click)=\"clicked.emit($event)\"\n>\n    @if (iconClass) {\n        <span\n            [class]=\"iconClass\"\n            [ngClass]=\"{\n                's-button-icon inline-flex items-center justify-center': true,\n                'mr-[10px]': !label && menuOptions.length,\n            }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if (label) {\n        <span\n            class=\"s-button-text block overflow-hidden text-ellipsis whitespace-nowrap\"\n            [ngClass]=\"{\n                'mr-[10px]': !!rightIconClass || menuOptions.length,\n                'ml-[10px]': !!iconClass,\n            }\"\n        >\n            {{ label }}\n        </span>\n    }\n    <ng-content></ng-content>\n    @if (rightIconClass) {\n        <span\n            [class]=\"rightIconClass\"\n            [ngClass]=\"{ 's-button-right-icon inline-flex items-center justify-center': true }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if ((caret && menuOptions.length) || (menuOptions && menuOptions.length)) {\n        <span\n            class=\"menu-options-icon fa fa-fw fa-caret-down\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n</button>\n@if (badge) {\n    <div class=\"z-[99] relative right-[15px] bottom-[16px]\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\"\n        >\n        </s-badge>\n    </div>\n}\n\n", styles: [":host{display:inline-flex;position:relative}:host.s-button-with-badge{margin-right:-15px}button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button.s-button-priority-primary .menu-options-icon{color:#fff}button.s-button-priority-primary:hover{background-color:#2b6597}button.s-button-priority-primary:focus{background-color:#2b6597;border-color:#22dce6}button.s-button-priority-primary:active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled){background-color:#255783;border-color:#255783}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .menu-options-icon{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary:active:not(:disabled),button.s-button-priority-secondary.s-button-active:not(:disabled){background-color:#4a5e6a;border-color:#4a5e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc;color:#333}button.s-button-priority-default .menu-options-icon{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default:active:not(:disabled),button.s-button-priority-default.s-button-active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}button.s-button-priority-danger .menu-options-icon{color:#fff}button.s-button-priority-danger:hover{background-color:#642525}button.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}button.s-button-priority-danger:active:not(:disabled),button.s-button-priority-danger.s-button-active:not(:disabled){background-color:#521e1e;border-color:#521e1e}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text,button.s-button-priority-link .s-button-menu-icon{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text,button.s-button-priority-link:hover .s-button-menu-icon{color:#2b6597}button.s-button-priority-link:focus{background-color:transparent;border-color:#22dce6}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text,button.s-button-priority-link:focus .s-button-menu-icon{color:#2b6597}button.s-button-priority-link:active:not(:disabled),button.s-button-priority-link.s-button-active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon{color:#255783}button.s-button-with-text,button.s-button-with-icon.s-button-multiple{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button.s-button-multiple.s-button-size-small.s-button-empty{width:25px;min-width:25px}.s-button--slide.s-button-with-text,.s-button--slide.s-button-with-icon.s-button-multiple{min-width:40px}.s-button--slide .s-button-text{opacity:0;position:absolute;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s ease;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s ease}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}.menu-options-icon{color:#212533}\n"] }]
         }], propDecorators: { minWidth: [{
                 type: HostBinding,
                 args: ['style.min-width']