suis 0.30.1 → 0.31.1

package/README.md

@@ -2,7 +2,7 @@
 
 ## What is SUIS ?
 
-Modern UI component library. Supports Angular in version 16 and uses its latest features as Standalone components and Signals. Hence the idea for the name comes from (SUIS - Standalone UI + Signals).
+Modern UI component library for quick development of editor dashboard systems. Supports Angular in version >=16.2 and uses its latest features as standalone components and signals. Hence the idea for the name comes from (SUIS - Standalone UI + Signals).
 
 ## Components
 
@@ -50,6 +50,8 @@ Modern UI component library. Supports Angular in version 16 and uses its latest
 | InputImage | SuisInputImage | suis-input-image | 0.29.0 |
 | Item | SuisItem | suis-item | 0.30.0 |
 | Accordion | SuisAccordion | suis-accordion | 0.30.0 |
+| Dialog | SuisDialog | suis-dialog | 0.31.0 |
+| DialogContainer | SuisDialogContainer | suis-dialog-container | 0.31.0 |
 
 ## Pipes
 
@@ -62,3 +64,4 @@ Modern UI component library. Supports Angular in version 16 and uses its latest
 | Class | Version |
 |---|---|
 | SuisNotification | 0.16.0 |
+| SuisDialog | 0.31.0 |

package/esm2022/lib/components/index.mjs

@@ -7,6 +7,8 @@ export * from './suis-button-link';
 export * from './suis-button-outlined';
 export * from './suis-chip';
 export * from './suis-container';
+export * from './suis-dialog';
+export * from './suis-dialog-container';
 export * from './suis-form-field';
 export * from './suis-icon';
 export * from './suis-input';
@@ -36,4 +38,4 @@ export * from './suis-text-area';
 export * from './suis-title';
 export * from './suis-toggle';
 export * from './suis-toolbar';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYWNjb3JkaW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFsZXJ0JztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1icmVhZGNydW1icyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLWxpbmsnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLW91dGxpbmVkJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNoaXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY29udGFpbmVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaWNvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGlwcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1pbWFnZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1udW1iZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtcmFkaW8nO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9ucyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wYWdpbmF0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXByb2dyZXNzLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW9wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGknO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc3Bpbm5lcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJzJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRleHQtYXJlYSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10aXRsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdG9vbGJhcic7XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1hY2NvcmRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJyZWFkY3J1bWJzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbi1saW5rJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24tb3V0bGluZWQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNoaXAnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNvbnRhaW5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1kaWFsb2ctY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtY2hlY2tib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LWNoaXBzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1pbWFnZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtbnVtYmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1yYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbGFiZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXBhZ2luYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXByb2dyZXNzLWJhcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3Qtb3B0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGknO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNwaW5uZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNwaW5uZXItY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGFicyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGV4dC1hcmVhJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10aXRsZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10b29sYmFyJztcbiJdfQ==

package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs

@@ -1,9 +1,8 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf } from '@angular/common';
 import { SuisIconComponent } from '../suis-icon/suis-icon.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-class SuisAccordionComponent {
+export class SuisAccordionComponent {
     constructor() {
         /**
          * Controlls styling of the accordion based on expanded state of group. By default set to false.
@@ -18,16 +17,15 @@ class SuisAccordionComponent {
         this.expanded = !this.expanded;
         this.expandedChange.emit(this.expanded);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisAccordionComponent, isStandalone: true, selector: "suis-accordion", inputs: { expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div class=\"suis-accordion\">\n  <button (click)=\"onToggle()\" class=\"suis-accordion__header\">\n    <ng-content select=\"[suisAccordionHeader]\"></ng-content>\n    <suis-icon\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-accordion__content\" *ngIf=\"expanded\">\n    <ng-content select=\"[suisAccordionContent]\"></ng-content>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;font-size:1rem;font-weight:500;color:#192a56}.suis-accordion__header:hover{cursor:pointer}.suis-accordion__content{padding:.75rem 1rem;border:.0625rem solid #dcdde1;border-top:0;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisAccordionComponent, isStandalone: true, selector: "suis-accordion", inputs: { expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div class=\"suis-accordion\">\n  <button (click)=\"onToggle()\" class=\"suis-accordion__header\">\n    <ng-content select=\"[suisAccordionHeader]\"></ng-content>\n    <suis-icon\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-accordion__content\" *ngIf=\"expanded\">\n    <ng-content select=\"[suisAccordionContent]\"></ng-content>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;font-size:1rem;font-weight:500;color:#192a56}.suis-accordion__header:hover{cursor:pointer}.suis-accordion__content{padding:.75rem 1rem;border:.0625rem solid #dcdde1;border-top:0;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisAccordionComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-accordion', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-accordion\">\n  <button (click)=\"onToggle()\" class=\"suis-accordion__header\">\n    <ng-content select=\"[suisAccordionHeader]\"></ng-content>\n    <suis-icon\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-accordion__content\" *ngIf=\"expanded\">\n    <ng-content select=\"[suisAccordionContent]\"></ng-content>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;font-size:1rem;font-weight:500;color:#192a56}.suis-accordion__header:hover{cursor:pointer}.suis-accordion__content{padding:.75rem 1rem;border:.0625rem solid #dcdde1;border-top:0;font-size:.875rem}\n"] }]
+            args: [{ selector: 'suis-accordion', standalone: true, imports: [NgIf, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-accordion\">\n  <button (click)=\"onToggle()\" class=\"suis-accordion__header\">\n    <ng-content select=\"[suisAccordionHeader]\"></ng-content>\n    <suis-icon\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-accordion__content\" *ngIf=\"expanded\">\n    <ng-content select=\"[suisAccordionContent]\"></ng-content>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;font-size:1rem;font-weight:500;color:#192a56}.suis-accordion__header:hover{cursor:pointer}.suis-accordion__content{padding:.75rem 1rem;border:.0625rem solid #dcdde1;border-top:0;font-size:.875rem}\n"] }]
         }], propDecorators: { expanded: [{
                 type: Input
             }], expandedChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hY2NvcmRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWFjY29yZGlvbi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWNjb3JkaW9uL3N1aXMtYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRXJFLE1BUWEsc0JBQXNCO0lBUm5DO1FBU0U7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ08sbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBTXhEO0lBSkMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQWRVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDJKQ2xCbkMsOGNBYUEsZ2tCREFZLFlBQVksbUlBQUUsaUJBQWlCOztTQUs5QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLENBQUMsbUJBR3pCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtYWNjb3JkaW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0FjY29yZGlvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBDb250cm9sbHMgc3R5bGluZyBvZiB0aGUgYWNjb3JkaW9uIGJhc2VkIG9uIGV4cGFuZGVkIHN0YXRlIG9mIGdyb3VwLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gZXhwYW5kZWQgdmFsdWUgb2YgdGhlIGFjY29yZGlvbiBoYXMgYmVlbiBjaGFuZ2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWFjY29yZGlvblwiPlxuICA8YnV0dG9uIChjbGljayk9XCJvblRvZ2dsZSgpXCIgY2xhc3M9XCJzdWlzLWFjY29yZGlvbl9faGVhZGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N1aXNBY2NvcmRpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDxzdWlzLWljb25cbiAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gJ2NoZXZyb24tdXAnIDogJ2NoZXZyb24tZG93bidcIlxuICAgICAgc2l6ZT1cImxnXCJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtYWNjb3JkaW9uX19jb250ZW50XCIgKm5nSWY9XCJleHBhbmRlZFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdWlzQWNjb3JkaW9uQ29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hY2NvcmRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWFjY29yZGlvbi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWNjb3JkaW9uL3N1aXMtYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVckUsTUFBTSxPQUFPLHNCQUFzQjtJQVJuQztRQVNFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNPLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQU14RDtJQUpDLFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUMsQ0FBQzsrR0FkVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiwySkNsQm5DLDhjQWFBLGlrQkRBWSxJQUFJLDZGQUFFLGlCQUFpQjs7NEZBS3RCLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLENBQUMsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWFjY29yZGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQWNjb3JkaW9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIENvbnRyb2xscyBzdHlsaW5nIG9mIHRoZSBhY2NvcmRpb24gYmFzZWQgb24gZXhwYW5kZWQgc3RhdGUgb2YgZ3JvdXAuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRW1pdHMgd2hlbiBleHBhbmRlZCB2YWx1ZSBvZiB0aGUgYWNjb3JkaW9uIGhhcyBiZWVuIGNoYW5nZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgZXhwYW5kZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgb25Ub2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UuZW1pdCh0aGlzLmV4cGFuZGVkKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtYWNjb3JkaW9uXCI+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9uVG9nZ2xlKClcIiBjbGFzcz1cInN1aXMtYWNjb3JkaW9uX19oZWFkZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3Vpc0FjY29yZGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPHN1aXMtaWNvblxuICAgICAgW3R5cGVdPVwiZXhwYW5kZWQgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1hY2NvcmRpb25fX2NvbnRlbnRcIiAqbmdJZj1cImV4cGFuZGVkXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N1aXNBY2NvcmRpb25Db250ZW50XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/suis-alert/suis-alert.component.mjs

@@ -1,10 +1,9 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgClass, NgIf } from '@angular/common';
 import { SuisNgClassPipe } from '../../pipes';
 import { SuisIconComponent } from '../suis-icon/suis-icon.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-class SuisAlertComponent {
+export class SuisAlertComponent {
     constructor() {
         /**
          * Controls visibilty of the alert. By default set to false.
@@ -23,13 +22,12 @@ class SuisAlertComponent {
         this.hidden = true;
         this.hiddenChange.emit(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisAlertComponent, isStandalone: true, selector: "suis-alert", inputs: { hidden: "hidden", color: "color" }, outputs: { hiddenChange: "hiddenChange" }, ngImport: i0, template: "<div\n  *ngIf=\"!hidden\"\n  class=\"suis-alert\"\n  [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n  <ng-content></ng-content>\n  <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n    <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-alert{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;border-radius:.25rem;color:#fff;font-weight:500}.suis-alert--success{background-color:#2ed573}.suis-alert--warning{background-color:#ffa502}.suis-alert--danger{background-color:#ff4757}.suis-alert__cancel{background-color:transparent;border:none;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisAlertComponent, isStandalone: true, selector: "suis-alert", inputs: { hidden: "hidden", color: "color" }, outputs: { hiddenChange: "hiddenChange" }, ngImport: i0, template: "<div\n  *ngIf=\"!hidden\"\n  class=\"suis-alert\"\n  [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n  <ng-content></ng-content>\n  <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n    <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-alert{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;border-radius:.25rem;color:#fff;font-weight:500}.suis-alert--success{background-color:#2ed573}.suis-alert--warning{background-color:#ffa502}.suis-alert--danger{background-color:#ff4757}.suis-alert__cancel{background-color:transparent;border:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisAlertComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-alert', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"!hidden\"\n  class=\"suis-alert\"\n  [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n  <ng-content></ng-content>\n  <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n    <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-alert{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;border-radius:.25rem;color:#fff;font-weight:500}.suis-alert--success{background-color:#2ed573}.suis-alert--warning{background-color:#ffa502}.suis-alert--danger{background-color:#ff4757}.suis-alert__cancel{background-color:transparent;border:none;cursor:pointer}\n"] }]
+            args: [{ selector: 'suis-alert', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"!hidden\"\n  class=\"suis-alert\"\n  [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n  <ng-content></ng-content>\n  <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n    <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-alert{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;border-radius:.25rem;color:#fff;font-weight:500}.suis-alert--success{background-color:#2ed573}.suis-alert--warning{background-color:#ffa502}.suis-alert--danger{background-color:#ff4757}.suis-alert__cancel{background-color:transparent;border:none;cursor:pointer}\n"] }]
         }], propDecorators: { hidden: [{
                 type: Input
             }], hiddenChange: [{
@@ -37,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }], color: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hbGVydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWxlcnQvc3Vpcy1hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWxlcnQvc3Vpcy1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRXJFLE1BUWEsa0JBQWtCO0lBUi9CO1FBU0U7O1dBRUc7UUFDTSxXQUFNLEdBQVksS0FBSyxDQUFDO1FBRWpDOztXQUVHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXJEOztXQUVHO1FBQ00sVUFBSyxHQUFrQixRQUFRLENBQUM7S0FNMUM7SUFKQyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0FuQlUsa0JBQWtCO2tHQUFsQixrQkFBa0IsK0pDcEIvQiw4VEFVQSwraUJES1ksWUFBWSw0TkFBRSxlQUFlLG9EQUFFLGlCQUFpQjs7U0FLL0Msa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUMsbUJBRzFDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLE1BQU07c0JBQWQsS0FBSztnQkFLSSxZQUFZO3NCQUFyQixNQUFNO2dCQUtFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0luZm9Db2xvciB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWFsZXJ0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1hbGVydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0FsZXJ0Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWx0eSBvZiB0aGUgYWxlcnQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgaGlkZGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGNoYW5nZSBvZiBoaWRkZW4gc3RhdGUuXG4gICAqL1xuICBAT3V0cHV0KCkgaGlkZGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBwYWxsZXR0ZSBvZiB0aGUgYWxlcnQuIFR5cGUgb2YgU3Vpc0luZm9Db2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ2RhbmdlcicuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0luZm9Db2xvciA9ICdkYW5nZXInO1xuXG4gIG9uQ2FuY2VsKCkge1xuICAgIHRoaXMuaGlkZGVuID0gdHJ1ZTtcbiAgICB0aGlzLmhpZGRlbkNoYW5nZS5lbWl0KHRydWUpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIWhpZGRlblwiXG4gIGNsYXNzPVwic3Vpcy1hbGVydFwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWFsZXJ0JyB8IHN1aXNOZ0NsYXNzIDogY29sb3JcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxidXR0b24gY2xhc3M9XCJzdWlzLWFsZXJ0X19jYW5jZWxcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj5cbiAgICA8c3Vpcy1pY29uIHR5cGU9XCJjcm9zc1wiIFtjb2xvcl09XCInd2hpdGUnXCIgW3NpemVdPVwiJ2xnJ1wiPjwvc3Vpcy1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hbGVydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWxlcnQvc3Vpcy1hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWxlcnQvc3Vpcy1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRWhELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7O0FBVXJFLE1BQU0sT0FBTyxrQkFBa0I7SUFSL0I7UUFTRTs7V0FFRztRQUNNLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFakM7O1dBRUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFckQ7O1dBRUc7UUFDTSxVQUFLLEdBQWtCLFFBQVEsQ0FBQztLQU0xQztJQUpDLFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDOytHQW5CVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrSkNwQi9CLDhUQVVBLGdqQkRLWSxJQUFJLDZGQUFFLE9BQU8sK0VBQUUsZUFBZSxvREFBRSxpQkFBaUI7OzRGQUtoRCxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDLG1CQUczQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0ksWUFBWTtzQkFBckIsTUFBTTtnQkFLRSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzSW5mb0NvbG9yIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtYWxlcnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgTmdDbGFzcywgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1hbGVydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0FsZXJ0Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWx0eSBvZiB0aGUgYWxlcnQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgaGlkZGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGNoYW5nZSBvZiBoaWRkZW4gc3RhdGUuXG4gICAqL1xuICBAT3V0cHV0KCkgaGlkZGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBwYWxsZXR0ZSBvZiB0aGUgYWxlcnQuIFR5cGUgb2YgU3Vpc0luZm9Db2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ2RhbmdlcicuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0luZm9Db2xvciA9ICdkYW5nZXInO1xuXG4gIG9uQ2FuY2VsKCkge1xuICAgIHRoaXMuaGlkZGVuID0gdHJ1ZTtcbiAgICB0aGlzLmhpZGRlbkNoYW5nZS5lbWl0KHRydWUpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIWhpZGRlblwiXG4gIGNsYXNzPVwic3Vpcy1hbGVydFwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWFsZXJ0JyB8IHN1aXNOZ0NsYXNzIDogY29sb3JcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxidXR0b24gY2xhc3M9XCJzdWlzLWFsZXJ0X19jYW5jZWxcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj5cbiAgICA8c3Vpcy1pY29uIHR5cGU9XCJjcm9zc1wiIFtjb2xvcl09XCInd2hpdGUnXCIgW3NpemVdPVwiJ2xnJ1wiPjwvc3Vpcy1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/suis-box/suis-box.component.mjs

@@ -1,20 +1,19 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
-class SuisBoxComponent {
+export class SuisBoxComponent {
     constructor() {
         /**
          * Adds a padding around the content. By default set to false.
          */
         this.spacing = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisBoxComponent, isStandalone: true, selector: "suis-box", inputs: { spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n  <ng-content></ng-content>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-box{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem}.suis-box--spacing{padding:1rem}@media (min-width: 768px){.suis-box--spacing{padding:1.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisBoxComponent, isStandalone: true, selector: "suis-box", inputs: { spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n  <ng-content></ng-content>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-box{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem}.suis-box--spacing{padding:1rem}@media (min-width: 768px){.suis-box--spacing{padding:1.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisBoxComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'suis-box', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n  <ng-content></ng-content>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-box{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem}.suis-box--spacing{padding:1rem}@media (min-width: 768px){.suis-box--spacing{padding:1.25rem}}\n"] }]
         }], propDecorators: { spacing: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWJveC9zdWlzLWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYm94L3N1aXMtYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxRSxNQVFhLGdCQUFnQjtJQVI3QjtRQVNFOztXQUVHO1FBQ00sWUFBTyxHQUFZLEtBQUssQ0FBQztLQUNuQzs4R0FMWSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixvR0NWN0IsdUdBR0E7O1NET2EsZ0JBQWdCOzJGQUFoQixnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxFQUFFLG1CQUdNLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQm94Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFkZHMgYSBwYWRkaW5nIGFyb3VuZCB0aGUgY29udGVudC4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBzcGFjaW5nOiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1ib3hcIiBbY2xhc3Muc3Vpcy1ib3gtLXNwYWNpbmddPVwic3BhY2luZ1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWJveC9zdWlzLWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYm94L3N1aXMtYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVUxRSxNQUFNLE9BQU8sZ0JBQWdCO0lBUjdCO1FBU0U7O1dBRUc7UUFDTSxZQUFPLEdBQVksS0FBSyxDQUFDO0tBQ25DOytHQUxZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLG9HQ1Y3Qix1R0FHQTs7NEZET2EsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJLFdBQ1AsRUFBRSxtQkFHTSx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJveCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWJveC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0JveENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBBZGRzIGEgcGFkZGluZyBhcm91bmQgdGhlIGNvbnRlbnQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgc3BhY2luZzogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtYm94XCIgW2NsYXNzLnN1aXMtYm94LS1zcGFjaW5nXT1cInNwYWNpbmdcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.mjs

@@ -1,10 +1,9 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgFor, NgIf } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/router";
-class SuisBreadcrumbsComponent {
+import * as i1 from "@angular/router";
+export class SuisBreadcrumbsComponent {
     constructor() {
         /**
          * List of breadcrumbs items. Type of SuisBreadcrumbItem[]. By default set to empty array.
@@ -15,14 +14,13 @@ class SuisBreadcrumbsComponent {
     itemTrackBy(index, item) {
         return `${item.label}-${index}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisBreadcrumbsComponent, isStandalone: true, selector: "suis-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"suis-breadcrumbs\">\n  <ng-container\n    *ngFor=\"let item of items; let last = last; trackBy: itemTrackBy\"\n  >\n    <a [routerLink]=\"last ? undefined : item.link\">\n      {{ item.label }}\n    </a>\n    <span *ngIf=\"!last\">/</span>\n  </ng-container>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-breadcrumbs a{text-decoration:none;color:#2f3640;font-weight:400}.suis-breadcrumbs a:not(:last-of-type){font-weight:600;color:#40739e}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisBreadcrumbsComponent, isStandalone: true, selector: "suis-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"suis-breadcrumbs\">\n  <ng-container\n    *ngFor=\"let item of items; let last = last; trackBy: itemTrackBy\"\n  >\n    <a [routerLink]=\"last ? undefined : item.link\">\n      {{ item.label }}\n    </a>\n    <span *ngIf=\"!last\">/</span>\n  </ng-container>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-breadcrumbs a{text-decoration:none;color:#2f3640;font-weight:400}.suis-breadcrumbs a:not(:last-of-type){font-weight:600;color:#40739e}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisBreadcrumbsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisBreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-breadcrumbs', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-breadcrumbs\">\n  <ng-container\n    *ngFor=\"let item of items; let last = last; trackBy: itemTrackBy\"\n  >\n    <a [routerLink]=\"last ? undefined : item.link\">\n      {{ item.label }}\n    </a>\n    <span *ngIf=\"!last\">/</span>\n  </ng-container>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-breadcrumbs a{text-decoration:none;color:#2f3640;font-weight:400}.suis-breadcrumbs a:not(:last-of-type){font-weight:600;color:#40739e}\n"] }]
+            args: [{ selector: 'suis-breadcrumbs', standalone: true, imports: [NgIf, NgFor, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-breadcrumbs\">\n  <ng-container\n    *ngFor=\"let item of items; let last = last; trackBy: itemTrackBy\"\n  >\n    <a [routerLink]=\"last ? undefined : item.link\">\n      {{ item.label }}\n    </a>\n    <span *ngIf=\"!last\">/</span>\n  </ng-container>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-breadcrumbs a{text-decoration:none;color:#2f3640;font-weight:400}.suis-breadcrumbs a:not(:last-of-type){font-weight:600;color:#40739e}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBRS9DLE1BUWEsd0JBQXdCO0lBUnJDO1FBU0U7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLEVBQUUsQ0FBQztLQU0zQztJQUpDLGdCQUFnQjtJQUNoQixXQUFXLENBQUMsS0FBYSxFQUFFLElBQXdCO1FBQ2pELE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBVFUsd0JBQXdCO2tHQUF4Qix3QkFBd0Isd0dDYnJDLDJSQVVBLDBVREZZLFlBQVksK1BBQUUsWUFBWTs7U0FLekIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0JyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9zdWlzLWJyZWFkY3J1bWJzLmludGVyZmFjZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWJyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQnJlYWRjcnVtYnNDb21wb25lbnQge1xuICAvKipcbiAgICogTGlzdCBvZiBicmVhZGNydW1icyBpdGVtcy4gVHlwZSBvZiBTdWlzQnJlYWRjcnVtYkl0ZW1bXS4gQnkgZGVmYXVsdCBzZXQgdG8gZW1wdHkgYXJyYXkuXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogU3Vpc0JyZWFkY3J1bWJJdGVtW10gPSBbXTtcblxuICAvKiogQGludGVybmFsICovXG4gIGl0ZW1UcmFja0J5KGluZGV4OiBudW1iZXIsIGl0ZW06IFN1aXNCcmVhZGNydW1iSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke2l0ZW0ubGFiZWx9LSR7aW5kZXh9YDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtYnJlYWRjcnVtYnNcIj5cbiAgPG5nLWNvbnRhaW5lclxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgbGFzdCA9IGxhc3Q7IHRyYWNrQnk6IGl0ZW1UcmFja0J5XCJcbiAgPlxuICAgIDxhIFtyb3V0ZXJMaW5rXT1cImxhc3QgPyB1bmRlZmluZWQgOiBpdGVtLmxpbmtcIj5cbiAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICA8L2E+XG4gICAgPHNwYW4gKm5nSWY9XCIhbGFzdFwiPi88L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVS9DLE1BQU0sT0FBTyx3QkFBd0I7SUFSckM7UUFTRTs7V0FFRztRQUNNLFVBQUssR0FBeUIsRUFBRSxDQUFDO0tBTTNDO0lBSkMsZ0JBQWdCO0lBQ2hCLFdBQVcsQ0FBQyxLQUFhLEVBQUUsSUFBd0I7UUFDakQsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksS0FBSyxFQUFFLENBQUM7SUFDbEMsQ0FBQzsrR0FUVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix3R0NickMsMlJBVUEsMlVERlksSUFBSSw2RkFBRSxLQUFLLGtIQUFFLFlBQVk7OzRGQUt4Qix3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsWUFBWSxDQUFDLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0JyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9zdWlzLWJyZWFkY3J1bWJzLmludGVyZmFjZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nRm9yLCBSb3V0ZXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtYnJlYWRjcnVtYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNCcmVhZGNydW1ic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBMaXN0IG9mIGJyZWFkY3J1bWJzIGl0ZW1zLiBUeXBlIG9mIFN1aXNCcmVhZGNydW1iSXRlbVtdLiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBhcnJheS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBTdWlzQnJlYWRjcnVtYkl0ZW1bXSA9IFtdO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaXRlbVRyYWNrQnkoaW5kZXg6IG51bWJlciwgaXRlbTogU3Vpc0JyZWFkY3J1bWJJdGVtKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7aXRlbS5sYWJlbH0tJHtpbmRleH1gO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1icmVhZGNydW1ic1wiPlxuICA8bmctY29udGFpbmVyXG4gICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBsYXN0ID0gbGFzdDsgdHJhY2tCeTogaXRlbVRyYWNrQnlcIlxuICA+XG4gICAgPGEgW3JvdXRlckxpbmtdPVwibGFzdCA/IHVuZGVmaW5lZCA6IGl0ZW0ubGlua1wiPlxuICAgICAge3sgaXRlbS5sYWJlbCB9fVxuICAgIDwvYT5cbiAgICA8c3BhbiAqbmdJZj1cIiFsYXN0XCI+Lzwvc3Bhbj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/suis-button/suis-button.component.mjs

@@ -1,17 +1,15 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgClass, NgIf } from '@angular/common';
 import { SuisNgClassPipe } from '../../pipes';
 import { SuisSpinnerComponent } from '../suis-spinner';
 import { SuisButtonBase } from '../../shared/classes/suis-button.base';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-class SuisButtonComponent extends SuisButtonBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisButtonComponent, isStandalone: true, selector: "suis-button", usesInheritance: true, ngImport: i0, template: "<button\n  class=\"suis-button\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button--full-width{width:100%}.suis-button:disabled{opacity:.5}.suis-button:hover:not(:disabled){cursor:pointer}.suis-button:hover:disabled{cursor:not-allowed}.suis-button:focus,.suis-button:focus-within{outline:none}.suis-button--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+export class SuisButtonComponent extends SuisButtonBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisButtonComponent, isStandalone: true, selector: "suis-button", usesInheritance: true, ngImport: i0, template: "<button\n  class=\"suis-button\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button--full-width{width:100%}.suis-button:disabled{opacity:.5}.suis-button:hover:not(:disabled){cursor:pointer}.suis-button:hover:disabled{cursor:not-allowed}.suis-button:focus,.suis-button:focus-within{outline:none}.suis-button--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisButtonComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-button', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"suis-button\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button--full-width{width:100%}.suis-button:disabled{opacity:.5}.suis-button:hover:not(:disabled){cursor:pointer}.suis-button:hover:disabled{cursor:not-allowed}.suis-button:focus,.suis-button:focus-within{outline:none}.suis-button--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
+            args: [{ selector: 'suis-button', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"suis-button\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button--full-width{width:100%}.suis-button:disabled{opacity:.5}.suis-button:hover:not(:disabled){cursor:pointer}.suis-button:hover:disabled{cursor:not-allowed}.suis-button:focus,.suis-button:focus-within{outline:none}.suis-button--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWJ1dHRvbi9zdWlzLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uL3N1aXMtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDOUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFFdkUsTUFRYSxtQkFBb0IsU0FBUSxjQUFjOzhHQUExQyxtQkFBbUI7a0dBQW5CLG1CQUFtQiw4RkNkaEMsMmdCQWdCQSx5dkVEUFksWUFBWSw0TkFBRSxlQUFlLG9EQUFFLG9CQUFvQjs7U0FLbEQsbUJBQW1COzJGQUFuQixtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsb0JBQW9CLENBQUMsbUJBRzdDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc1NwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNwaW5uZXInO1xuaW1wb3J0IHsgU3Vpc0J1dHRvbkJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWJ1dHRvbi5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzTmdDbGFzc1BpcGUsIFN1aXNTcGlubmVyQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBTdWlzQnV0dG9uQmFzZSB7fVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInN1aXMtYnV0dG9uXCJcbiAgW2NsYXNzLnN1aXMtYnV0dG9uLS1mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWJ1dHRvbicgfCBzdWlzTmdDbGFzcyA6IGNvbG9yXCJcbiAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWRcIlxuICBbYXR0ci50YWJpbmRleF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nID8gLTEgOiAwXCJcbiAgW2F0dHIudHlwZV09XCJ0eXBlXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbG9hZGluZzsgZWxzZSBzcGlubmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNzcGlubmVyPlxuICAgIDxzdWlzLXNwaW5uZXIgc2l6ZT1cInhzXCIgY29sb3I9XCJ3aGl0ZVwiPjwvc3Vpcy1zcGlubmVyPlxuICA8L25nLXRlbXBsYXRlPlxuPC9idXR0b24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWJ1dHRvbi9zdWlzLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uL3N1aXMtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGNBQWM7K0dBQTFDLG1CQUFtQjttR0FBbkIsbUJBQW1CLDhGQ2RoQywyZ0JBZ0JBLDB2RURQWSxJQUFJLDZGQUFFLE9BQU8sK0VBQUUsZUFBZSxvREFBRSxvQkFBb0I7OzRGQUtuRCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLG9CQUFvQixDQUFDLG1CQUc5Qyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5pbXBvcnQgeyBTdWlzU3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc3Bpbm5lcic7XG5pbXBvcnQgeyBTdWlzQnV0dG9uQmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtYnV0dG9uLmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0NsYXNzLCBTdWlzTmdDbGFzc1BpcGUsIFN1aXNTcGlubmVyQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBTdWlzQnV0dG9uQmFzZSB7fVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInN1aXMtYnV0dG9uXCJcbiAgW2NsYXNzLnN1aXMtYnV0dG9uLS1mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWJ1dHRvbicgfCBzdWlzTmdDbGFzcyA6IGNvbG9yXCJcbiAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWRcIlxuICBbYXR0ci50YWJpbmRleF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nID8gLTEgOiAwXCJcbiAgW2F0dHIudHlwZV09XCJ0eXBlXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbG9hZGluZzsgZWxzZSBzcGlubmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNzcGlubmVyPlxuICAgIDxzdWlzLXNwaW5uZXIgc2l6ZT1cInhzXCIgY29sb3I9XCJ3aGl0ZVwiPjwvc3Vpcy1zcGlubmVyPlxuICA8L25nLXRlbXBsYXRlPlxuPC9idXR0b24+XG4iXX0=

package/esm2022/lib/components/suis-button-link/suis-button-link.component.mjs

@@ -1,13 +1,12 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf, NgClass } from '@angular/common';
 import { SuisButtonBase } from '../../shared/classes/suis-button.base';
 import { SuisNgClassPipe } from '../../pipes/suis-ng-class.pipe';
 import { SuisSpinnerComponent } from '../suis-spinner/suis-spinner.component';
 import { ActivatedRoute, RouterModule, } from '@angular/router';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/router";
-class SuisButtonLinkComponent extends SuisButtonBase {
+import * as i1 from "@angular/router";
+export class SuisButtonLinkComponent extends SuisButtonBase {
     onClick(event) {
         if (this.disabled) {
             event.preventDefault();
@@ -17,13 +16,12 @@ class SuisButtonLinkComponent extends SuisButtonBase {
             this.clicked.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisButtonLinkComponent, isStandalone: true, selector: "suis-button-link", inputs: { routerLink: "routerLink", target: "target", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", relativeTo: "relativeTo" }, usesInheritance: true, ngImport: i0, template: "<a\n  class=\"suis-button-link\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [routerLink]=\"routerLink\"\n  [target]=\"target\"\n  [queryParams]=\"queryParams\"\n  [queryParamsHandling]=\"queryParamsHandling\"\n  [relativeTo]=\"relativeTo\"\n  [ngClass]=\"'suis-button-link' | suisNgClass : color\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-link{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button-link--full-width{width:100%}.suis-button-link:disabled{opacity:.5}.suis-button-link:hover:not(:disabled){cursor:pointer}.suis-button-link:hover:disabled{cursor:not-allowed}.suis-button-link:focus,.suis-button-link:focus-within{outline:none}.suis-button-link--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button-link--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button-link--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-link--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button-link--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button-link--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-link--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button-link--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button-link--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-link--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button-link--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button-link--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-link--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button-link--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button-link--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-link--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button-link--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button-link--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-link--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button-link--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button-link--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisButtonLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisButtonLinkComponent, isStandalone: true, selector: "suis-button-link", inputs: { routerLink: "routerLink", target: "target", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", relativeTo: "relativeTo" }, usesInheritance: true, ngImport: i0, template: "<a\n  class=\"suis-button-link\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [routerLink]=\"routerLink\"\n  [target]=\"target\"\n  [queryParams]=\"queryParams\"\n  [queryParamsHandling]=\"queryParamsHandling\"\n  [relativeTo]=\"relativeTo\"\n  [ngClass]=\"'suis-button-link' | suisNgClass : color\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-link{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button-link--full-width{width:100%}.suis-button-link:disabled{opacity:.5}.suis-button-link:hover:not(:disabled){cursor:pointer}.suis-button-link:hover:disabled{cursor:not-allowed}.suis-button-link:focus,.suis-button-link:focus-within{outline:none}.suis-button-link--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button-link--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button-link--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-link--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button-link--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button-link--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-link--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button-link--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button-link--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-link--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button-link--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button-link--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-link--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button-link--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button-link--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-link--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button-link--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button-link--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-link--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button-link--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button-link--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisButtonLinkComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisButtonLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-button-link', standalone: true, imports: [CommonModule, RouterModule, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"suis-button-link\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [routerLink]=\"routerLink\"\n  [target]=\"target\"\n  [queryParams]=\"queryParams\"\n  [queryParamsHandling]=\"queryParamsHandling\"\n  [relativeTo]=\"relativeTo\"\n  [ngClass]=\"'suis-button-link' | suisNgClass : color\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-link{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button-link--full-width{width:100%}.suis-button-link:disabled{opacity:.5}.suis-button-link:hover:not(:disabled){cursor:pointer}.suis-button-link:hover:disabled{cursor:not-allowed}.suis-button-link:focus,.suis-button-link:focus-within{outline:none}.suis-button-link--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button-link--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button-link--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-link--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button-link--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button-link--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-link--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button-link--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button-link--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-link--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button-link--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button-link--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-link--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button-link--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button-link--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-link--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button-link--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button-link--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-link--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button-link--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button-link--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
+            args: [{ selector: 'suis-button-link', standalone: true, imports: [NgIf, NgClass, RouterModule, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"suis-button-link\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [routerLink]=\"routerLink\"\n  [target]=\"target\"\n  [queryParams]=\"queryParams\"\n  [queryParamsHandling]=\"queryParamsHandling\"\n  [relativeTo]=\"relativeTo\"\n  [ngClass]=\"'suis-button-link' | suisNgClass : color\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n  </ng-template>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-link{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button-link--full-width{width:100%}.suis-button-link:disabled{opacity:.5}.suis-button-link:hover:not(:disabled){cursor:pointer}.suis-button-link:hover:disabled{cursor:not-allowed}.suis-button-link:focus,.suis-button-link:focus-within{outline:none}.suis-button-link--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button-link--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button-link--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-link--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button-link--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button-link--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-link--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button-link--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button-link--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-link--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button-link--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button-link--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-link--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button-link--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button-link--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-link--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button-link--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button-link--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-link--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button-link--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button-link--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
         }], propDecorators: { routerLink: [{
                 type: Input,
                 args: [{ required: true }]
@@ -36,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }], relativeTo: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLWxpbmsvc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLWxpbmsvc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQ0wsY0FBYyxFQUdkLFlBQVksR0FDYixNQUFNLGlCQUFpQixDQUFDOzs7O0FBRXpCLE1BUWEsdUJBQXdCLFNBQVEsY0FBYztJQTJCaEQsT0FBTyxDQUFDLEtBQVk7UUFDM0IsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztTQUNsQzthQUFNO1lBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNyQjtJQUNILENBQUM7OEdBbENVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLDZQQ3BCcEMsa21CQW1CQSxxNEVESlksWUFBWSxnT0FBRSxZQUFZLG1RQUFFLGVBQWUsb0RBQUUsb0JBQW9COztTQUtoRSx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsb0JBQW9CLENBQUMsbUJBRzNELHVCQUF1QixDQUFDLE1BQU07OEJBT3BCLFVBQVU7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUtoQixNQUFNO3NCQUFkLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0J1dHRvbkJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWJ1dHRvbi5iYXNlJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtbmctY2xhc3MucGlwZSc7XG5pbXBvcnQgeyBTdWlzU3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc3Bpbm5lci9zdWlzLXNwaW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7XG4gIEFjdGl2YXRlZFJvdXRlLFxuICBQYXJhbXMsXG4gIFF1ZXJ5UGFyYW1zSGFuZGxpbmcsXG4gIFJvdXRlck1vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1idXR0b24tbGluaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzU3Bpbm5lckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWJ1dHRvbi1saW5rLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0J1dHRvbkxpbmtDb21wb25lbnQgZXh0ZW5kcyBTdWlzQnV0dG9uQmFzZSB7XG4gIC8qKlxuICAgKiBTZXRzIHJvdXRlckxpbmsgb2YgdGhlIGFuY2hvciB0YWcuIE5vIGRlZmF1bHQgdmFsdWUuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSByb3V0ZXJMaW5rPzogc3RyaW5nIHwgYW55W107XG5cbiAgLyoqXG4gICAqIFNldHMgdGFyZ2V0IG9mIHRoZSBhbmNob3IgdGFnLiBObyBkZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgQElucHV0KCkgdGFyZ2V0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTZXRzIHF1ZXJ5UGFyYW1zIG9mIHRoZSBhbmNob3IgdGFnLiBObyBkZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgQElucHV0KCkgcXVlcnlQYXJhbXM/OiBQYXJhbXM7XG5cbiAgLyoqXG4gICAqIFNldHMgcXVlcnlQYXJhbXNIYW5kbGluZyBvZiB0aGUgYW5jaG9yIHRhZy4gTm8gZGVmYXVsdCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zSGFuZGxpbmc/OiBRdWVyeVBhcmFtc0hhbmRsaW5nO1xuXG4gIC8qKlxuICAgKiBTZXRzIHJlbGF0aXZlVG8gb2YgdGhlIGFuY2hvciB0YWcuIE5vIGRlZmF1bHQgdmFsdWUuXG4gICAqL1xuICBASW5wdXQoKSByZWxhdGl2ZVRvPzogQWN0aXZhdGVkUm91dGU7XG5cbiAgb3ZlcnJpZGUgb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsaWNrZWQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGFcbiAgY2xhc3M9XCJzdWlzLWJ1dHRvbi1saW5rXCJcbiAgW2NsYXNzLnN1aXMtYnV0dG9uLS1mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gIFtyb3V0ZXJMaW5rXT1cInJvdXRlckxpbmtcIlxuICBbdGFyZ2V0XT1cInRhcmdldFwiXG4gIFtxdWVyeVBhcmFtc109XCJxdWVyeVBhcmFtc1wiXG4gIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cInF1ZXJ5UGFyYW1zSGFuZGxpbmdcIlxuICBbcmVsYXRpdmVUb109XCJyZWxhdGl2ZVRvXCJcbiAgW25nQ2xhc3NdPVwiJ3N1aXMtYnV0dG9uLWxpbmsnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4gIFthdHRyLnRhYmluZGV4XT1cImRpc2FibGVkIHx8IGxvYWRpbmcgPyAtMSA6IDBcIlxuICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkaW5nOyBlbHNlIHNwaW5uZXJcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI3NwaW5uZXI+XG4gICAgPHN1aXMtc3Bpbm5lciBzaXplPVwieHNcIiBjb2xvcj1cIndoaXRlXCI+PC9zdWlzLXNwaW5uZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L2E+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLWxpbmsvc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLWxpbmsvc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUNMLGNBQWMsRUFHZCxZQUFZLEdBQ2IsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVXpCLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxjQUFjO0lBMkJoRCxPQUFPLENBQUMsS0FBWTtRQUMzQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1NBQ2xDO2FBQU07WUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzsrR0FsQ1UsdUJBQXVCO21HQUF2Qix1QkFBdUIsNlBDcEJwQyxrbUJBbUJBLHM0RURKWSxJQUFJLDZGQUFFLE9BQU8sbUZBQUUsWUFBWSxtUUFBRSxlQUFlLG9EQUFFLG9CQUFvQjs7NEZBS2pFLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLG9CQUFvQixDQUFDLG1CQUc1RCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU9wQixVQUFVO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdJZiwgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzQnV0dG9uQmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtYnV0dG9uLmJhc2UnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1uZy1jbGFzcy5waXBlJztcbmltcG9ydCB7IFN1aXNTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zcGlubmVyL3N1aXMtc3Bpbm5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgQWN0aXZhdGVkUm91dGUsXG4gIFBhcmFtcyxcbiAgUXVlcnlQYXJhbXNIYW5kbGluZyxcbiAgUm91dGVyTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJ1dHRvbi1saW5rJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nQ2xhc3MsIFJvdXRlck1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzU3Bpbm5lckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWJ1dHRvbi1saW5rLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0J1dHRvbkxpbmtDb21wb25lbnQgZXh0ZW5kcyBTdWlzQnV0dG9uQmFzZSB7XG4gIC8qKlxuICAgKiBTZXRzIHJvdXRlckxpbmsgb2YgdGhlIGFuY2hvciB0YWcuIE5vIGRlZmF1bHQgdmFsdWUuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSByb3V0ZXJMaW5rPzogc3RyaW5nIHwgYW55W107XG5cbiAgLyoqXG4gICAqIFNldHMgdGFyZ2V0IG9mIHRoZSBhbmNob3IgdGFnLiBObyBkZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgQElucHV0KCkgdGFyZ2V0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTZXRzIHF1ZXJ5UGFyYW1zIG9mIHRoZSBhbmNob3IgdGFnLiBObyBkZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgQElucHV0KCkgcXVlcnlQYXJhbXM/OiBQYXJhbXM7XG5cbiAgLyoqXG4gICAqIFNldHMgcXVlcnlQYXJhbXNIYW5kbGluZyBvZiB0aGUgYW5jaG9yIHRhZy4gTm8gZGVmYXVsdCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zSGFuZGxpbmc/OiBRdWVyeVBhcmFtc0hhbmRsaW5nO1xuXG4gIC8qKlxuICAgKiBTZXRzIHJlbGF0aXZlVG8gb2YgdGhlIGFuY2hvciB0YWcuIE5vIGRlZmF1bHQgdmFsdWUuXG4gICAqL1xuICBASW5wdXQoKSByZWxhdGl2ZVRvPzogQWN0aXZhdGVkUm91dGU7XG5cbiAgb3ZlcnJpZGUgb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsaWNrZWQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGFcbiAgY2xhc3M9XCJzdWlzLWJ1dHRvbi1saW5rXCJcbiAgW2NsYXNzLnN1aXMtYnV0dG9uLS1mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gIFtyb3V0ZXJMaW5rXT1cInJvdXRlckxpbmtcIlxuICBbdGFyZ2V0XT1cInRhcmdldFwiXG4gIFtxdWVyeVBhcmFtc109XCJxdWVyeVBhcmFtc1wiXG4gIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cInF1ZXJ5UGFyYW1zSGFuZGxpbmdcIlxuICBbcmVsYXRpdmVUb109XCJyZWxhdGl2ZVRvXCJcbiAgW25nQ2xhc3NdPVwiJ3N1aXMtYnV0dG9uLWxpbmsnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4gIFthdHRyLnRhYmluZGV4XT1cImRpc2FibGVkIHx8IGxvYWRpbmcgPyAtMSA6IDBcIlxuICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkaW5nOyBlbHNlIHNwaW5uZXJcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI3NwaW5uZXI+XG4gICAgPHN1aXMtc3Bpbm5lciBzaXplPVwieHNcIiBjb2xvcj1cIndoaXRlXCI+PC9zdWlzLXNwaW5uZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L2E+XG4iXX0=

package/esm2022/lib/components/suis-button-outlined/suis-button-outlined.component.mjs

@@ -1,17 +1,15 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf, NgClass } from '@angular/common';
 import { SuisButtonBase } from '../../shared/classes/suis-button.base';
 import { SuisNgClassPipe } from '../../pipes/suis-ng-class.pipe';
 import { SuisSpinnerComponent } from '../suis-spinner/suis-spinner.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-class SuisButtonOutlinedComponent extends SuisButtonBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonOutlinedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisButtonOutlinedComponent, isStandalone: true, selector: "suis-button-outlined", usesInheritance: true, ngImport: i0, template: "<button\n  class=\"suis-button-outlined\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" [color]=\"color\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+export class SuisButtonOutlinedComponent extends SuisButtonBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisButtonOutlinedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisButtonOutlinedComponent, isStandalone: true, selector: "suis-button-outlined", usesInheritance: true, ngImport: i0, template: "<button\n  class=\"suis-button-outlined\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" [color]=\"color\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisButtonOutlinedComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonOutlinedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisButtonOutlinedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-button-outlined', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"suis-button-outlined\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" [color]=\"color\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
+            args: [{ selector: 'suis-button-outlined', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"suis-button-outlined\"\n  [class.suis-button--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <ng-container *ngIf=\"!loading; else spinner\">\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-template #spinner>\n    <suis-spinner size=\"xs\" [color]=\"color\"></suis-spinner>\n  </ng-template>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24tb3V0bGluZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWJ1dHRvbi1vdXRsaW5lZC9zdWlzLWJ1dHRvbi1vdXRsaW5lZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLW91dGxpbmVkL3N1aXMtYnV0dG9uLW91dGxpbmVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7OztBQUU5RSxNQVFhLDJCQUE0QixTQUFRLGNBQWM7OEdBQWxELDJCQUEyQjtrR0FBM0IsMkJBQTJCLHVHQ2R4QywraEJBZ0JBLHU3RURQWSxZQUFZLDROQUFFLGVBQWUsb0RBQUUsb0JBQW9COztTQUtsRCwyQkFBMkI7MkZBQTNCLDJCQUEyQjtrQkFSdkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxvQkFBb0IsQ0FBQyxtQkFHN0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzQnV0dG9uQmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtYnV0dG9uLmJhc2UnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1uZy1jbGFzcy5waXBlJztcbmltcG9ydCB7IFN1aXNTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zcGlubmVyL3N1aXMtc3Bpbm5lci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJ1dHRvbi1vdXRsaW5lZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFN1aXNOZ0NsYXNzUGlwZSwgU3Vpc1NwaW5uZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1idXR0b24tb3V0bGluZWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWJ1dHRvbi1vdXRsaW5lZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0J1dHRvbk91dGxpbmVkQ29tcG9uZW50IGV4dGVuZHMgU3Vpc0J1dHRvbkJhc2Uge31cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJzdWlzLWJ1dHRvbi1vdXRsaW5lZFwiXG4gIFtjbGFzcy5zdWlzLWJ1dHRvbi0tZnVsbC13aWR0aF09XCJmdWxsV2lkdGhcIlxuICBbbmdDbGFzc109XCInc3Vpcy1idXR0b24tb3V0bGluZWQnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4gIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkIHx8IGxvYWRpbmcgPyB0cnVlIDogdW5kZWZpbmVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwiZGlzYWJsZWQgfHwgbG9hZGluZyA/IC0xIDogMFwiXG4gIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2Ugc3Bpbm5lclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj5cbiAgICA8c3Vpcy1zcGlubmVyIHNpemU9XCJ4c1wiIFtjb2xvcl09XCJjb2xvclwiPjwvc3Vpcy1zcGlubmVyPlxuICA8L25nLXRlbXBsYXRlPlxuPC9idXR0b24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24tb3V0bGluZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWJ1dHRvbi1vdXRsaW5lZC9zdWlzLWJ1dHRvbi1vdXRsaW5lZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLW91dGxpbmVkL3N1aXMtYnV0dG9uLW91dGxpbmVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQVU5RSxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsY0FBYzsrR0FBbEQsMkJBQTJCO21HQUEzQiwyQkFBMkIsdUdDZHhDLCtoQkFnQkEsdzdFRFBZLElBQUksNkZBQUUsT0FBTywrRUFBRSxlQUFlLG9EQUFFLG9CQUFvQjs7NEZBS25ELDJCQUEyQjtrQkFSdkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsb0JBQW9CLENBQUMsbUJBRzlDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNCdXR0b25CYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1idXR0b24uYmFzZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLW5nLWNsYXNzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNwaW5uZXIvc3Vpcy1zcGlubmVyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtYnV0dG9uLW91dGxpbmVkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nQ2xhc3MsIFN1aXNOZ0NsYXNzUGlwZSwgU3Vpc1NwaW5uZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1idXR0b24tb3V0bGluZWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWJ1dHRvbi1vdXRsaW5lZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0J1dHRvbk91dGxpbmVkQ29tcG9uZW50IGV4dGVuZHMgU3Vpc0J1dHRvbkJhc2Uge31cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJzdWlzLWJ1dHRvbi1vdXRsaW5lZFwiXG4gIFtjbGFzcy5zdWlzLWJ1dHRvbi0tZnVsbC13aWR0aF09XCJmdWxsV2lkdGhcIlxuICBbbmdDbGFzc109XCInc3Vpcy1idXR0b24tb3V0bGluZWQnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4gIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkIHx8IGxvYWRpbmcgPyB0cnVlIDogdW5kZWZpbmVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwiZGlzYWJsZWQgfHwgbG9hZGluZyA/IC0xIDogMFwiXG4gIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2Ugc3Bpbm5lclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj5cbiAgICA8c3Vpcy1zcGlubmVyIHNpemU9XCJ4c1wiIFtjb2xvcl09XCJjb2xvclwiPjwvc3Vpcy1zcGlubmVyPlxuICA8L25nLXRlbXBsYXRlPlxuPC9idXR0b24+XG4iXX0=

package/esm2022/lib/components/suis-chip/suis-chip.component.mjs

@@ -1,10 +1,9 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf, NgClass } from '@angular/common';
 import { SuisIconComponent } from '../suis-icon/suis-icon.component';
 import { SuisNgClassPipe } from '../../pipes/suis-ng-class.pipe';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-class SuisChipComponent {
+export class SuisChipComponent {
     constructor() {
         /**
          * Sets the color pallette of the chip. Type of SuisColor. By default set to 'primary'.
@@ -27,13 +26,12 @@ class SuisChipComponent {
     onRemove() {
         this.remove.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisChipComponent, isStandalone: true, selector: "suis-chip", inputs: { color: "color", iconColor: "iconColor", removable: "removable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"removable\"\n    class=\"suis-chip__remove\"\n    type=\"button\"\n    (click)=\"onRemove()\"\n  >\n    <suis-icon\n      type=\"cross\"\n      [color]=\"iconColor\"\n      [pointer]=\"true\"\n      [size]=\"'md'\"\n    ></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-chip{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:1rem;font-size:.875rem;padding:.25rem .5rem;color:#fff}.suis-chip--primary{background-color:#192a56}.suis-chip--secondary{background-color:#273c75}.suis-chip--tertiary{background-color:#dcdde1}.suis-chip--complementary{background-color:#f5f6fa}.suis-chip--success{background-color:#2ed573}.suis-chip--warning{background-color:#ffa502}.suis-chip--danger{background-color:#ff4757}.suis-chip--white{background-color:#fff}.suis-chip--gray{background-color:#bcbcbc}.suis-chip--dark{background-color:#000}.suis-chip__remove{border:none;background-color:transparent}.suis-chip--tertiary,.suis-chip--complementary,.suis-chip--white{color:#2f3640}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisChipComponent, isStandalone: true, selector: "suis-chip", inputs: { color: "color", iconColor: "iconColor", removable: "removable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"removable\"\n    class=\"suis-chip__remove\"\n    type=\"button\"\n    (click)=\"onRemove()\"\n  >\n    <suis-icon\n      type=\"cross\"\n      [color]=\"iconColor\"\n      [pointer]=\"true\"\n      [size]=\"'md'\"\n    ></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-chip{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:1rem;font-size:.875rem;padding:.25rem .5rem;color:#fff}.suis-chip--primary{background-color:#192a56}.suis-chip--secondary{background-color:#273c75}.suis-chip--tertiary{background-color:#dcdde1}.suis-chip--complementary{background-color:#f5f6fa}.suis-chip--success{background-color:#2ed573}.suis-chip--warning{background-color:#ffa502}.suis-chip--danger{background-color:#ff4757}.suis-chip--white{background-color:#fff}.suis-chip--gray{background-color:#bcbcbc}.suis-chip--dark{background-color:#000}.suis-chip__remove{border:none;background-color:transparent}.suis-chip--tertiary,.suis-chip--complementary,.suis-chip--white{color:#2f3640}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-export { SuisChipComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-chip', standalone: true, imports: [CommonModule, SuisIconComponent, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"removable\"\n    class=\"suis-chip__remove\"\n    type=\"button\"\n    (click)=\"onRemove()\"\n  >\n    <suis-icon\n      type=\"cross\"\n      [color]=\"iconColor\"\n      [pointer]=\"true\"\n      [size]=\"'md'\"\n    ></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-chip{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:1rem;font-size:.875rem;padding:.25rem .5rem;color:#fff}.suis-chip--primary{background-color:#192a56}.suis-chip--secondary{background-color:#273c75}.suis-chip--tertiary{background-color:#dcdde1}.suis-chip--complementary{background-color:#f5f6fa}.suis-chip--success{background-color:#2ed573}.suis-chip--warning{background-color:#ffa502}.suis-chip--danger{background-color:#ff4757}.suis-chip--white{background-color:#fff}.suis-chip--gray{background-color:#bcbcbc}.suis-chip--dark{background-color:#000}.suis-chip__remove{border:none;background-color:transparent}.suis-chip--tertiary,.suis-chip--complementary,.suis-chip--white{color:#2f3640}\n"] }]
+            args: [{ selector: 'suis-chip', standalone: true, imports: [NgIf, NgClass, SuisIconComponent, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"removable\"\n    class=\"suis-chip__remove\"\n    type=\"button\"\n    (click)=\"onRemove()\"\n  >\n    <suis-icon\n      type=\"cross\"\n      [color]=\"iconColor\"\n      [pointer]=\"true\"\n      [size]=\"'md'\"\n    ></suis-icon>\n  </button>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-chip{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:1rem;font-size:.875rem;padding:.25rem .5rem;color:#fff}.suis-chip--primary{background-color:#192a56}.suis-chip--secondary{background-color:#273c75}.suis-chip--tertiary{background-color:#dcdde1}.suis-chip--complementary{background-color:#f5f6fa}.suis-chip--success{background-color:#2ed573}.suis-chip--warning{background-color:#ffa502}.suis-chip--danger{background-color:#ff4757}.suis-chip--white{background-color:#fff}.suis-chip--gray{background-color:#bcbcbc}.suis-chip--dark{background-color:#000}.suis-chip__remove{border:none;background-color:transparent}.suis-chip--tertiary,.suis-chip--complementary,.suis-chip--white{color:#2f3640}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], iconColor: [{
@@ -43,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }], remove: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hpcC9zdWlzLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBRWpFLE1BUWEsaUJBQWlCO0lBUjlCO1FBU0U7O1dBRUc7UUFDTSxVQUFLLEdBQWMsU0FBUyxDQUFDO1FBRXRDOztXQUVHO1FBQ00sY0FBUyxHQUFjLE9BQU8sQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQU03QztJQUpDLGdCQUFnQjtJQUNoQixRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOzhHQXhCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixnTENwQjlCLGlZQWdCQSxxN0JERFksWUFBWSxpT0FBRSxpQkFBaUIsNkhBQUUsZUFBZTs7U0FLL0MsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxlQUFlLENBQUMsbUJBRzFDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLW5nLWNsYXNzLnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWNoaXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudCwgU3Vpc05nQ2xhc3NQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0NoaXBDb21wb25lbnQge1xuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3IgcGFsbGV0dGUgb2YgdGhlIGNoaXAuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0NvbG9yID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvZiB0aGUgY3Jvc3MgaWNvbi4gVmlzaWJsZSBvbmx5IGlmIHJlbW92YWJsZSBzZXQgdG8gdHJ1ZS4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd3aGl0ZScuXG4gICAqL1xuICBASW5wdXQoKSBpY29uQ29sb3I6IFN1aXNDb2xvciA9ICd3aGl0ZSc7XG5cbiAgLyoqXG4gICAqIFNob3dzIGNyb3NzIGljb24gd2l0aCByZW1vdmUgYWN0aW9uLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHJlbW92YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBjcm9zcyBpY29uIGNsaWNrLlxuICAgKi9cbiAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgIHRoaXMucmVtb3ZlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtY2hpcFwiIFtuZ0NsYXNzXT1cIidzdWlzLWNoaXAnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxidXR0b25cbiAgICAqbmdJZj1cInJlbW92YWJsZVwiXG4gICAgY2xhc3M9XCJzdWlzLWNoaXBfX3JlbW92ZVwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIlxuICA+XG4gICAgPHN1aXMtaWNvblxuICAgICAgdHlwZT1cImNyb3NzXCJcbiAgICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICAgICAgW3BvaW50ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2l6ZV09XCInbWQnXCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hpcC9zdWlzLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBVWpFLE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFTRTs7V0FFRztRQUNNLFVBQUssR0FBYyxTQUFTLENBQUM7UUFFdEM7O1dBRUc7UUFDTSxjQUFTLEdBQWMsT0FBTyxDQUFDO1FBRXhDOztXQUVHO1FBQ00sY0FBUyxHQUFZLEtBQUssQ0FBQztRQUVwQzs7V0FFRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBTTdDO0lBSkMsZ0JBQWdCO0lBQ2hCLFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBeEJVLGlCQUFpQjttR0FBakIsaUJBQWlCLGdMQ3BCOUIsaVlBZ0JBLHM3QkREWSxJQUFJLDZGQUFFLE9BQU8sb0ZBQUUsaUJBQWlCLDZIQUFFLGVBQWU7OzRGQUtoRCxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxDQUFDLG1CQUczQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc0NvbG9yIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtbmctY2xhc3MucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtY2hpcCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0NsYXNzLCBTdWlzSWNvbkNvbXBvbmVudCwgU3Vpc05nQ2xhc3NQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0NoaXBDb21wb25lbnQge1xuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3IgcGFsbGV0dGUgb2YgdGhlIGNoaXAuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0NvbG9yID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvZiB0aGUgY3Jvc3MgaWNvbi4gVmlzaWJsZSBvbmx5IGlmIHJlbW92YWJsZSBzZXQgdG8gdHJ1ZS4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd3aGl0ZScuXG4gICAqL1xuICBASW5wdXQoKSBpY29uQ29sb3I6IFN1aXNDb2xvciA9ICd3aGl0ZSc7XG5cbiAgLyoqXG4gICAqIFNob3dzIGNyb3NzIGljb24gd2l0aCByZW1vdmUgYWN0aW9uLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHJlbW92YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBjcm9zcyBpY29uIGNsaWNrLlxuICAgKi9cbiAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgIHRoaXMucmVtb3ZlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtY2hpcFwiIFtuZ0NsYXNzXT1cIidzdWlzLWNoaXAnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxidXR0b25cbiAgICAqbmdJZj1cInJlbW92YWJsZVwiXG4gICAgY2xhc3M9XCJzdWlzLWNoaXBfX3JlbW92ZVwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIlxuICA+XG4gICAgPHN1aXMtaWNvblxuICAgICAgdHlwZT1cImNyb3NzXCJcbiAgICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICAgICAgW3BvaW50ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2l6ZV09XCInbWQnXCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=