@seniorsistemas/angular-components 19.0.4 → 19.0.6

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

@@ -1,21 +1,60 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from 'primeng/breadcrumb';
-import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
-import * as i1 from '@angular/router';
-import { NavigationEnd, PRIMARY_OUTLET, RouterModule } from '@angular/router';
+import { input, inject, Component, Input, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/router';
+import { Router, RouterModule, NavigationEnd, PRIMARY_OUTLET } from '@angular/router';
+import * as i2$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 { TranslateModule } from '@ngx-translate/core';
+import { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';
+
+/**
+ * @description Componente de trilha de navegação (breadcrumb) que detecta automaticamente
+ * a rota ativa do Angular Router e constrói o caminho hierárquico de páginas.
+ * Cada segmento da rota precisa ter a propriedade `routeTitle` definida nos `data` da rota.
+ *
+ * @example
+ * ```html
+ * <s-breadcrumb homeUrl="/home" targetHomeUrl="_self" />
+ * ```
+ *
+ * @category Navegação
+ */
+class BreadcrumbListComponent {
+    items = input.required();
+    router = inject(Router);
+    onActivateRoute(activatedBreadcrumb) {
+        if (!activatedBreadcrumb.routerLink || activatedBreadcrumb.disabled) {
+            return;
+        }
+        const routerLink = Array.isArray(activatedBreadcrumb.routerLink)
+            ? activatedBreadcrumb.routerLink
+            : [activatedBreadcrumb.routerLink];
+        if (activatedBreadcrumb.queryParams) {
+            this.router.navigate(routerLink, { queryParams: activatedBreadcrumb.queryParams });
+        }
+        else {
+            this.router.navigate(routerLink, { queryParamsHandling: 'preserve' });
+        }
+    }
+    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) {\n            @if (breadcrumbItem.icon) {\n                <li>\n                    @if (!first) {\n                        <i class=\"fas fa-chevron-right\"></i>\n                    }\n                </li>\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                    ></i>\n                </ng-template>\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"text-criticality-blue\"\n                    >\n                        <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                    </a>\n                } @else {\n                    <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                }\n            }\n            @if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                <i class=\"fas fa-chevron-right\"></i>\n                <li>\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=\"cursor-pointer text-primary hover:no-underline\"\n                    >\n                        {{ breadcrumbItem.label }}\n                    </a>\n                </li>\n            } @else if (breadcrumbItem.label) {\n                <i class=\"fas fa-chevron-right\"></i>\n                <li>{{ breadcrumbItem.label }}</li>\n            }\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: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+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) {\n            @if (breadcrumbItem.icon) {\n                <li>\n                    @if (!first) {\n                        <i class=\"fas fa-chevron-right\"></i>\n                    }\n                </li>\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                    ></i>\n                </ng-template>\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"text-criticality-blue\"\n                    >\n                        <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                    </a>\n                } @else {\n                    <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                }\n            }\n            @if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                <i class=\"fas fa-chevron-right\"></i>\n                <li>\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=\"cursor-pointer text-primary hover:no-underline\"\n                    >\n                        {{ breadcrumbItem.label }}\n                    </a>\n                </li>\n            } @else if (breadcrumbItem.label) {\n                <i class=\"fas fa-chevron-right\"></i>\n                <li>{{ breadcrumbItem.label }}</li>\n            }\n        }\n    </ol>\n</nav>\n\n" }]
+        }] });
 
-class BreadcrumbComponent {
+class DynamicBreadcrumbComponent {
     _activatedRoute;
     _router;
     homeUrl;
     targetHomeUrl = '_self';
-    home;
-    items;
+    items = [];
     title;
     _ngUnsubscribe = new Subject();
     constructor(_activatedRoute, _router) {
@@ -33,44 +72,42 @@ class BreadcrumbComponent {
         const currentRoute = this._activatedRoute.root;
         const validRoutes = this._getValidChildren(currentRoute);
         this.title = this._getCurrentTitle(validRoutes) ?? '';
-        this.home = this._getCurrentHome(validRoutes);
         this.items = this._getCurrentItems(validRoutes) || [];
+        const currentHome = this._getCurrentHome(validRoutes);
+        if (currentHome) {
+            this.items.unshift(currentHome);
+        }
     }
     _getValidChildren(route) {
         const valid = route.routeConfig?.path && route.routeConfig?.component && route.outlet === PRIMARY_OUTLET;
         return route.children.reduce((validRoutes, child) => [...validRoutes, ...this._getValidChildren(child)], valid ? [route] : []);
     }
     _getCurrentTitle(routes) {
-        const last = routes[routes.length - 1];
+        const last = routes.at(-1);
         if (last?.routeConfig) {
             return this._getTitle(last);
         }
         return null;
     }
     _getCurrentHome(routes) {
-        let home;
+        let currentHome;
         if (this.homeUrl) {
-            home = { url: this.homeUrl, icon: 'fa fa-home', target: this.targetHomeUrl };
+            currentHome = { url: this.homeUrl, icon: 'fa fa-home', target: this.targetHomeUrl };
         }
         else if (routes.length) {
-            home = { ...this._getMenuItem(routes[0], routes.length === 1), icon: 'fa fa-home' };
+            currentHome = { ...this._getMenuItem(routes[0], routes.length === 1), icon: 'fa fa-home' };
         }
-        else {
-            home = undefined;
-        }
-        return home;
+        return currentHome;
     }
     _getCurrentItems(routes) {
         if (!routes.length) {
-            return null;
+            return [];
         }
         const items = this.homeUrl ? routes : routes.slice(1);
         if (items.length) {
-            return items.map((route, i) => this._getMenuItem(route, i === routes.length - 1));
-        }
-        else {
-            return null;
+            return items.map((route, i) => this._getMenuItem(route, i === items.length - 1));
         }
+        return [];
     }
     _getMenuItem(route, disabled = false) {
         const label = this._getTitle(route);
@@ -79,11 +116,10 @@ class BreadcrumbComponent {
             .slice(0, routes.indexOf(route) + 1)
             .reduce((result, item) => [...result, ...item.snapshot.url.map((url) => url.path)], ['/']);
         return {
+            disabled,
             label,
             routerLink,
-            disabled,
             queryParams: route.snapshot.queryParams,
-            routerLinkActiveOptions: { exact: true },
         };
     }
     _getTitle(route) {
@@ -94,29 +130,49 @@ class BreadcrumbComponent {
         }
         return title;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BreadcrumbComponent, selector: "s-breadcrumb", inputs: { homeUrl: "homeUrl", targetHomeUrl: "targetHomeUrl" }, ngImport: i0, template: "<h1 class=\"sds-page-title\">{{ title }}</h1>\n<p-breadcrumb\n    [home]=\"home\"\n    [model]=\"items\"\n>\n    <ng-template\n        #item\n        let-menuitem\n    >\n        @if (menuitem.routerLink) {\n            <a\n                [routerLink]=\"menuitem?.routerLink\"\n                routerLinkActive=\"p-breadcrumb-item-link-active\"\n                [queryParams]=\"menuitem?.queryParams\"\n                [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                class=\"p-breadcrumb-item-link\"\n                [target]=\"menuitem?.target\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : '0'\"\n                [fragment]=\"menuitem?.fragment\"\n                [queryParamsHandling]=\"menuitem?.queryParamsHandling\"\n                [preserveFragment]=\"menuitem?.preserveFragment\"\n                [skipLocationChange]=\"menuitem?.skipLocationChange\"\n                [replaceUrl]=\"menuitem?.replaceUrl\"\n                [state]=\"menuitem?.state\"\n            >\n                @if (menuitem?.icon) {\n                    <span\n                        class=\"p-breadcrumb-item-icon\"\n                        [ngClass]=\"menuitem?.icon\"\n                        [ngStyle]=\"menuitem?.iconStyle\"\n                    ></span>\n                }\n                @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                        <span class=\"p-breadcrumb-item-label'\">{{ menuitem?.label }}</span>\n                    } @else {\n                        ><span\n                            class=\"p-breadcrumb-item-label'\"\n                            [innerHTML]=\"menuitem?.label\"\n                        ></span>\n                    }\n                }\n            </a>\n        } @else {\n            <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                class=\"p-breadcrumb-item-link\"\n                [target]=\"menuitem?.target\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : '0'\"\n            >\n                @if (menuitem?.icon) {\n                    <span\n                        class=\"p-breadcrumb-item-icon\"\n                        [ngClass]=\"menuitem?.icon\"\n                        [ngStyle]=\"menuitem?.iconStyle\"\n                    ></span>\n                }\n                @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                        <span class=\"p-breadcrumb-item-label'\">{{ menuitem?.label }}</span>\n                    } @else {\n                        ><span\n                            class=\"p-breadcrumb-item-label'\"\n                            [innerHTML]=\"menuitem?.label\"\n                        ></span>\n                    }\n                }\n            </a>\n        }\n    </ng-template>\n</p-breadcrumb>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicBreadcrumbComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DynamicBreadcrumbComponent, isStandalone: true, selector: "s-breadcrumb, s-dynamic-breadcrumb", inputs: { homeUrl: "homeUrl", targetHomeUrl: "targetHomeUrl" }, providers: [
+            {
+                provide: DEPRECATED_CONFIG,
+                useValue: {
+                    oldSelector: 's-breadcrumb',
+                    newSelector: 's-dynamic-breadcrumb',
+                    removalVersion: '20.0.0',
+                },
+            },
+        ], hostDirectives: [{ directive: i2$1.DeprecatedSelectorDirective }], ngImport: i0, template: "<h1 class=\"sds-page-title\">{{ title }}</h1>\n<s-breadcrumb-list [items]=\"items\" />\n\n", dependencies: [{ kind: "component", type: BreadcrumbListComponent, selector: "s-breadcrumb-list", inputs: ["items"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-breadcrumb', template: "<h1 class=\"sds-page-title\">{{ title }}</h1>\n<p-breadcrumb\n    [home]=\"home\"\n    [model]=\"items\"\n>\n    <ng-template\n        #item\n        let-menuitem\n    >\n        @if (menuitem.routerLink) {\n            <a\n                [routerLink]=\"menuitem?.routerLink\"\n                routerLinkActive=\"p-breadcrumb-item-link-active\"\n                [queryParams]=\"menuitem?.queryParams\"\n                [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                class=\"p-breadcrumb-item-link\"\n                [target]=\"menuitem?.target\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : '0'\"\n                [fragment]=\"menuitem?.fragment\"\n                [queryParamsHandling]=\"menuitem?.queryParamsHandling\"\n                [preserveFragment]=\"menuitem?.preserveFragment\"\n                [skipLocationChange]=\"menuitem?.skipLocationChange\"\n                [replaceUrl]=\"menuitem?.replaceUrl\"\n                [state]=\"menuitem?.state\"\n            >\n                @if (menuitem?.icon) {\n                    <span\n                        class=\"p-breadcrumb-item-icon\"\n                        [ngClass]=\"menuitem?.icon\"\n                        [ngStyle]=\"menuitem?.iconStyle\"\n                    ></span>\n                }\n                @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                        <span class=\"p-breadcrumb-item-label'\">{{ menuitem?.label }}</span>\n                    } @else {\n                        ><span\n                            class=\"p-breadcrumb-item-label'\"\n                            [innerHTML]=\"menuitem?.label\"\n                        ></span>\n                    }\n                }\n            </a>\n        } @else {\n            <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                class=\"p-breadcrumb-item-link\"\n                [target]=\"menuitem?.target\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : '0'\"\n            >\n                @if (menuitem?.icon) {\n                    <span\n                        class=\"p-breadcrumb-item-icon\"\n                        [ngClass]=\"menuitem?.icon\"\n                        [ngStyle]=\"menuitem?.iconStyle\"\n                    ></span>\n                }\n                @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                        <span class=\"p-breadcrumb-item-label'\">{{ menuitem?.label }}</span>\n                    } @else {\n                        ><span\n                            class=\"p-breadcrumb-item-label'\"\n                            [innerHTML]=\"menuitem?.label\"\n                        ></span>\n                    }\n                }\n            </a>\n        }\n    </ng-template>\n</p-breadcrumb>\n" }]
-        }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }], propDecorators: { homeUrl: [{
+            args: [{ standalone: true, imports: [BreadcrumbListComponent], selector: 's-breadcrumb, s-dynamic-breadcrumb', hostDirectives: [DeprecatedSelectorDirective], providers: [
+                        {
+                            provide: DEPRECATED_CONFIG,
+                            useValue: {
+                                oldSelector: 's-breadcrumb',
+                                newSelector: 's-dynamic-breadcrumb',
+                                removalVersion: '20.0.0',
+                            },
+                        },
+                    ], template: "<h1 class=\"sds-page-title\">{{ title }}</h1>\n<s-breadcrumb-list [items]=\"items\" />\n\n" }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }], propDecorators: { homeUrl: [{
                 type: Input
             }], targetHomeUrl: [{
                 type: Input
             }] } });
 
+/**
+ * @deprecated utilizar DynamicBreadcrumbComponent (standalone)
+ */
 class BreadcrumbModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent], imports: [CommonModule, BreadcrumbModule$1, RouterModule], exports: [BreadcrumbComponent, RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule, BreadcrumbModule$1, RouterModule, RouterModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbModule, imports: [DynamicBreadcrumbComponent], exports: [DynamicBreadcrumbComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbModule, imports: [DynamicBreadcrumbComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, BreadcrumbModule$1, RouterModule],
-                    declarations: [BreadcrumbComponent],
-                    exports: [BreadcrumbComponent, RouterModule],
+                    imports: [DynamicBreadcrumbComponent],
+                    exports: [DynamicBreadcrumbComponent],
                 }]
         }] });
 
@@ -124,5 +180,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BreadcrumbComponent, BreadcrumbModule };
+export { BreadcrumbListComponent, BreadcrumbModule, DynamicBreadcrumbComponent };
 //# sourceMappingURL=seniorsistemas-angular-components-breadcrumb.mjs.map

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

@@ -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/breadcrumb/breadcrumb.module.ts","../../projects/angular-components/breadcrumb/src/seniorsistemas-angular-components-breadcrumb.ts"],"sourcesContent":["import { Component, Input, OnDestroy } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, PRIMARY_OUTLET, Router } from '@angular/router';\n\nimport { MenuItem } from 'primeng/api';\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\n@Component({\n    selector: 's-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n})\nexport class BreadcrumbComponent implements OnDestroy {\n    @Input()\n    public homeUrl?: string;\n\n    @Input()\n    public targetHomeUrl = '_self';\n\n    public home?: MenuItem;\n    public items?: MenuItem[];\n    public title?: string;\n\n    private readonly _ngUnsubscribe = new Subject<void>();\n\n    constructor(\n        private readonly _activatedRoute: ActivatedRoute,\n        private readonly _router: Router,\n    ) {\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.home = this._getCurrentHome(validRoutes);\n        this.items = this._getCurrentItems(validRoutes) || [];\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[routes.length - 1];\n\n        if (last?.routeConfig) {\n            return this._getTitle(last);\n        }\n\n        return null;\n    }\n\n    private _getCurrentHome(routes: ActivatedRoute[]): MenuItem | undefined {\n        let home: MenuItem | undefined;\n\n        if (this.homeUrl) {\n            home = { url: this.homeUrl, icon: 'fa fa-home', target: this.targetHomeUrl };\n        } else if (routes.length) {\n            home = { ...this._getMenuItem(routes[0], routes.length === 1), icon: 'fa fa-home' };\n        } else {\n            home = undefined;\n        }\n\n        return home;\n    }\n\n    private _getCurrentItems(routes: ActivatedRoute[]): MenuItem[] | null {\n        if (!routes.length) {\n            return null;\n        }\n\n        const items = this.homeUrl ? routes : routes.slice(1);\n\n        if (items.length) {\n            return items.map((route, i) => this._getMenuItem(route, i === routes.length - 1));\n        } else {\n            return null;\n        }\n    }\n\n    private _getMenuItem(route: ActivatedRoute, disabled = false) {\n        const label = this._getTitle(route);\n        const routes = route.pathFromRoot;\n        const routerLink = routes\n            .slice(0, routes.indexOf(route) + 1)\n            .reduce((result, item) => [...result, ...item.snapshot.url.map((url) => url.path)], ['/']);\n\n        return {\n            label,\n            routerLink,\n            disabled,\n            queryParams: route.snapshot.queryParams,\n            routerLinkActiveOptions: { exact: true },\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","<h1 class=\"sds-page-title\">{{ title }}</h1>\n<p-breadcrumb\n    [home]=\"home\"\n    [model]=\"items\"\n>\n    <ng-template\n        #item\n        let-menuitem\n    >\n        @if (menuitem.routerLink) {\n            <a\n                [routerLink]=\"menuitem?.routerLink\"\n                routerLinkActive=\"p-breadcrumb-item-link-active\"\n                [queryParams]=\"menuitem?.queryParams\"\n                [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                class=\"p-breadcrumb-item-link\"\n                [target]=\"menuitem?.target\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : '0'\"\n                [fragment]=\"menuitem?.fragment\"\n                [queryParamsHandling]=\"menuitem?.queryParamsHandling\"\n                [preserveFragment]=\"menuitem?.preserveFragment\"\n                [skipLocationChange]=\"menuitem?.skipLocationChange\"\n                [replaceUrl]=\"menuitem?.replaceUrl\"\n                [state]=\"menuitem?.state\"\n            >\n                @if (menuitem?.icon) {\n                    <span\n                        class=\"p-breadcrumb-item-icon\"\n                        [ngClass]=\"menuitem?.icon\"\n                        [ngStyle]=\"menuitem?.iconStyle\"\n                    ></span>\n                }\n                @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                        <span class=\"p-breadcrumb-item-label'\">{{ menuitem?.label }}</span>\n                    } @else {\n                        ><span\n                            class=\"p-breadcrumb-item-label'\"\n                            [innerHTML]=\"menuitem?.label\"\n                        ></span>\n                    }\n                }\n            </a>\n        } @else {\n            <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                class=\"p-breadcrumb-item-link\"\n                [target]=\"menuitem?.target\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : '0'\"\n            >\n                @if (menuitem?.icon) {\n                    <span\n                        class=\"p-breadcrumb-item-icon\"\n                        [ngClass]=\"menuitem?.icon\"\n                        [ngStyle]=\"menuitem?.iconStyle\"\n                    ></span>\n                }\n                @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                        <span class=\"p-breadcrumb-item-label'\">{{ menuitem?.label }}</span>\n                    } @else {\n                        ><span\n                            class=\"p-breadcrumb-item-label'\"\n                            [innerHTML]=\"menuitem?.label\"\n                        ></span>\n                    }\n                }\n            </a>\n        }\n    </ng-template>\n</p-breadcrumb>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BreadcrumbModule as PrimeBreadcrumbModule } from 'primeng/breadcrumb';\n\nimport { BreadcrumbComponent } from './breadcrumb.component';\nimport { RouterModule } from '@angular/router';\n\n@NgModule({\n    imports: [CommonModule, PrimeBreadcrumbModule, RouterModule],\n    declarations: [BreadcrumbComponent],\n    exports: [BreadcrumbComponent, RouterModule],\n})\nexport class BreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeBreadcrumbModule"],"mappings":"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"}
+{"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) {\n            @if (breadcrumbItem.icon) {\n                <li>\n                    @if (!first) {\n                        <i class=\"fas fa-chevron-right\"></i>\n                    }\n                </li>\n\n                <ng-template #iconTemplate>\n                    <i\n                        [class]=\"breadcrumbItem.icon + (first ? ' text-criticality-blue' : '')\"\n                    ></i>\n                </ng-template>\n\n                @if (breadcrumbItem.url) {\n                    <a\n                        [href]=\"breadcrumbItem.url\"\n                        [target]=\"breadcrumbItem.target\"\n                        class=\"text-criticality-blue\"\n                    >\n                        <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                    </a>\n                } @else {\n                    <ng-container *ngTemplateOutlet=\"iconTemplate\"></ng-container>\n                }\n            }\n            @if (breadcrumbItem.routerLink && !breadcrumbItem.disabled) {\n                <i class=\"fas fa-chevron-right\"></i>\n                <li>\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=\"cursor-pointer text-primary hover:no-underline\"\n                    >\n                        {{ breadcrumbItem.label }}\n                    </a>\n                </li>\n            } @else if (breadcrumbItem.label) {\n                <i class=\"fas fa-chevron-right\"></i>\n                <li>{{ breadcrumbItem.label }}</li>\n            }\n        }\n    </ol>\n</nav>\n\n","import { Component, Input, OnDestroy } 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    @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        private readonly _activatedRoute: ActivatedRoute,\n        private readonly _router: Router,\n    ) {\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 = { ...this._getMenuItem(routes[0], routes.length === 1), icon: 'fa fa-home' };\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\n        if (items.length) {\n            return items.map((route, i) => this._getMenuItem(route, i === items.length - 1));\n        }\n        return [];\n    }\n\n    private _getMenuItem(route: ActivatedRoute, disabled = false): BreadcrumbItem {\n        const label = this._getTitle(route);\n        const routes = route.pathFromRoot;\n        const routerLink = routes\n            .slice(0, routes.indexOf(route) + 1)\n            .reduce((result, item) => [...result, ...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":["i3","i1","i2"],"mappings":"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"}

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

@@ -9,27 +9,129 @@ import * as i3 from '@seniorsistemas/angular-components/tooltip';
 import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
 import { randomHash } from '@seniorsistemas/angular-components/utils';
 
+/**
+ * @description Componente de botão versátil que suporta ícones, tooltip, menu de opções
+ * (tiered menu), badge, animações e diferentes prioridades visuais. Pode ser configurado
+ * como botão de ação simples, botão com menu dropdown ou botão deslizante (slide).
+ *
+ * @example
+ * ```html
+ * <s-button
+ *   label="Salvar"
+ *   iconClass="fas fa-save"
+ *   priority="primary"
+ *   (clicked)="onSave()" />
+ * ```
+ *
+ * @category Inputs
+ */
 class ButtonComponent {
     minWidth = '40px';
+    /**
+     * @description Identificador único do elemento botão no DOM.
+     * Gerado automaticamente se não informado.
+     */
     id = `s-button-${randomHash()}`;
+    /**
+     * @description Texto exibido dentro do botão.
+     */
     label;
+    /**
+     * @description Texto do tooltip exibido ao passar o mouse sobre o botão.
+     */
     tooltip;
+    /**
+     * @description Posição do tooltip em relação ao botão.
+     *
+     * @default 'top'
+     */
     tooltipPosition = 'top';
+    /**
+     * @description Classe de ícone exibida à esquerda do label (ex.: `'fas fa-save'`).
+     */
     iconClass;
+    /**
+     * @description Classe de ícone exibida à direita do label.
+     */
     rightIconClass;
+    /**
+     * @description Exibe o ícone de caret (seta) quando o botão possui um menu de opções.
+     *
+     * @default true
+     */
     caret = true;
+    /**
+     * @description Classe CSS adicional aplicada ao elemento `<button>` interno.
+     *
+     * @default ''
+     */
     styleClass = '';
+    /**
+     * @description Z-index base do painel do menu dropdown associado ao botão.
+     *
+     * @default 0
+     */
     baseZIndex = 0;
+    /**
+     * @description Desabilita o botão, impedindo cliques e interação do usuário.
+     *
+     * @default false
+     */
     disabled = false;
+    /**
+     * @description Aplica estilo auxiliar (menos destaque visual) ao botão.
+     *
+     * @default false
+     */
     auxiliary = false;
+    /**
+     * @description Tipo do elemento `<button>` HTML (`'button'`, `'submit'`, `'reset'`).
+     *
+     * @default 'button'
+     */
     type = 'button';
+    /**
+     * @description Prioridade visual do botão, que determina seu estilo.
+     * Aceita `'primary'`, `'default'`, `'danger'`, `'link'`, entre outros.
+     *
+     * @default 'primary'
+     */
     priority = 'primary';
+    /**
+     * @description Lista de itens do menu dropdown exibido ao clicar no caret do botão.
+     *
+     * @default []
+     */
     menuOptions = [];
+    /**
+     * @description Tamanho visual do botão. Aceita `'default'` ou `'small'`.
+     *
+     * @default 'default'
+     */
+    menuAriaLabel;
     size = 'default';
+    /**
+     * @description Habilita o modo slide, que exibe uma animação de deslize ao passar o mouse.
+     * Requer `priority` igual a `'default'` ou `'link'` e um `label` definido.
+     *
+     * @default false
+     */
     slide = false;
+    /**
+     * @description Tipo de animação aplicada ao botão (`'rotate'`, `'pulse'`, etc.).
+     */
     animation;
+    /**
+     * @description Configuração do badge exibido sobre o botão, com contador ou indicador visual.
+     */
     badge;
+    /**
+     * @description Cor aplicada ao ícone do botão, sobrescrevendo a cor padrão do tema.
+     */
     iconColor;
+    /**
+     * @description Emitido ao clicar no botão, desde que não esteja desabilitado.
+     */
     clicked = new EventEmitter();
     validateSlideButton() {
         return !!(this.slide && (this.priority === 'default' || this.priority === 'link') && this.label?.length);
@@ -47,13 +149,13 @@ class ButtonComponent {
         return this.animation === 'rotate';
     }
     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" }, 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    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\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", 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"] }, { 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", menuAriaLabel: "menuAriaLabel", size: "size", slide: "slide", animation: "animation", badge: "badge", iconColor: "iconColor" }, 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    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\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", 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"] }, { 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    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\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", 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    [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    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\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", 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"] }]
         }], propDecorators: { minWidth: [{
                 type: HostBinding,
                 args: ['style.min-width']
@@ -85,6 +187,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], menuOptions: [{
                 type: Input
+            }], menuAriaLabel: [{
+                type: Input
             }], size: [{
                 type: Input
             }], slide: [{