sidesys-generic-ui 2.2.2 → 2.3.0

package/esm2022/lib/table-t/s-tablet.component.mjs

@@ -43,11 +43,11 @@ export class STabletComponent {
         this.checkAllEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STabletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STabletComponent, selector: "s-tablet", inputs: { data: "data", loading: "loading", caption: "caption", header: "header", bodyloading: "bodyloading", body: "body", configColumn: "configColumn" }, outputs: { updateDataEvent: "updateDataEvent", ordenByEvent: "ordenByEvent", checkAllEvent: "checkAllEvent" }, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"caption\"></ng-container>\n<div class=\"pre-s-tablet s-scroll\">\n  <table class=\"s-tablet\">\n    <thead>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <tr *ngIf=\"configColumn && !loading\">\n        <th\n          *ngFor=\"let column of configColumn\"\n          [width]=\"column.width\"\n          tabindex=\"0\"\n          (keydown.enter)=\"orderBy(column)\"\n          (click)=\"orderBy(column)\">\n          <div\n            class=\"s-tablet__header\"\n            [ngClass]=\"{\n              's-tablet__header--align-center': column.align === 'center',\n              's-tablet__header--align-right': column.align === 'right',\n              's-tablet__header--align-left':\n                column.align === 'left' || !column.align,\n              cursor: column.sortable !== false,\n              's-tablet__disabled': loading,\n            }\">\n            <s-checkbox\n              *ngIf=\"column.checkbox\"\n              [ngClass]=\"{ 'mr-2': column.title }\"\n              [config]=\"checkboxConfig\"\n              [(ngModel)]=\"column.checkboxValue\"\n              (ngModelChange)=\"checkAll($event)\">\n            </s-checkbox>\n            <div\n              class=\"s-tablet__header__label\"\n              [ngClass]=\"{\n                's-tablet__header__select':\n                  fieldSelect && fieldSelect.SortField === column.id,\n              }\">\n              {{ column.title }}\n            </div>\n            <span\n              *ngIf=\"fieldSelect && fieldSelect.SortField === column.id\"\n              class=\"s-tablet__header__icon\">\n              <s-icon-mat [type]=\"'symbol'\" size=\"18\" class=\"icon cursor\">{{\n                fieldSelect.SortAsc\n                  ? 'keyboard_arrow_up'\n                  : 'keyboard_arrow_down'\n              }}</s-icon-mat>\n            </span>\n            <span\n              *ngIf=\"\n                column.sortable !== false &&\n                column.title &&\n                fieldSelect &&\n                fieldSelect.SortField !== column.id\n              \">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n            <span\n              *ngIf=\"!fieldSelect && column.sortable !== false && column.title\"\n              class=\"s-tablet__header__icon--standard\">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n          </div>\n        </th>\n      </tr>\n    </thead>\n    <tbody\n      [ngClass]=\"{\n        's-tablet__body': !loading,\n        's-tablet__empty': loading,\n      }\">\n      <ng-container *ngIf=\"loading; else body\">\n        <ng-template #body><ng-content></ng-content></ng-template>\n        <ng-template #loading *ngTemplateOutlet=\"bodyloading\"></ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.25px;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -1px 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200);z-index:1}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i3.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STabletComponent, selector: "s-tablet", inputs: { data: "data", loading: "loading", caption: "caption", header: "header", bodyloading: "bodyloading", body: "body", configColumn: "configColumn" }, outputs: { updateDataEvent: "updateDataEvent", ordenByEvent: "ordenByEvent", checkAllEvent: "checkAllEvent" }, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"caption\"></ng-container>\n<div class=\"pre-s-tablet s-scroll\">\n  <table class=\"s-tablet\">\n    <thead>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <tr *ngIf=\"configColumn && !loading\">\n        <th\n          *ngFor=\"let column of configColumn\"\n          [width]=\"column.width\"\n          tabindex=\"0\"\n          (keydown.enter)=\"orderBy(column)\"\n          (click)=\"orderBy(column)\">\n          <div\n            class=\"s-tablet__header\"\n            [ngClass]=\"{\n              's-tablet__header--align-center': column.align === 'center',\n              's-tablet__header--align-right': column.align === 'right',\n              's-tablet__header--align-left':\n                column.align === 'left' || !column.align,\n              cursor: column.sortable !== false,\n              's-tablet__disabled': loading,\n            }\">\n            <s-checkbox\n              *ngIf=\"column.checkbox\"\n              [ngClass]=\"{ 'mr-2': column.title }\"\n              [config]=\"checkboxConfig\"\n              [(ngModel)]=\"column.checkboxValue\"\n              (ngModelChange)=\"checkAll($event)\">\n            </s-checkbox>\n            <div\n              class=\"s-tablet__header__label\"\n              [ngClass]=\"{\n                's-tablet__header__select':\n                  fieldSelect && fieldSelect.SortField === column.id,\n              }\">\n              {{ column.title }}\n            </div>\n            <span\n              *ngIf=\"fieldSelect && fieldSelect.SortField === column.id\"\n              class=\"s-tablet__header__icon\">\n              <s-icon-mat [type]=\"'symbol'\" size=\"18\" class=\"icon cursor\">{{\n                fieldSelect.SortAsc\n                  ? 'keyboard_arrow_up'\n                  : 'keyboard_arrow_down'\n              }}</s-icon-mat>\n            </span>\n            <span\n              *ngIf=\"\n                column.sortable !== false &&\n                column.title &&\n                fieldSelect &&\n                fieldSelect.SortField !== column.id\n              \">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n            <span\n              *ngIf=\"!fieldSelect && column.sortable !== false && column.title\"\n              class=\"s-tablet__header__icon--standard\">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n          </div>\n        </th>\n      </tr>\n    </thead>\n    <tbody\n      [ngClass]=\"{\n        's-tablet__body': !loading,\n        's-tablet__empty': loading,\n      }\">\n      <ng-container *ngIf=\"loading; else body\">\n        <ng-template #body><ng-content></ng-content></ng-template>\n        <ng-template #loading *ngTemplateOutlet=\"bodyloading\"></ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -.063rem 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200)}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i3.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STabletComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-tablet', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngTemplateOutlet=\"caption\"></ng-container>\n<div class=\"pre-s-tablet s-scroll\">\n  <table class=\"s-tablet\">\n    <thead>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <tr *ngIf=\"configColumn && !loading\">\n        <th\n          *ngFor=\"let column of configColumn\"\n          [width]=\"column.width\"\n          tabindex=\"0\"\n          (keydown.enter)=\"orderBy(column)\"\n          (click)=\"orderBy(column)\">\n          <div\n            class=\"s-tablet__header\"\n            [ngClass]=\"{\n              's-tablet__header--align-center': column.align === 'center',\n              's-tablet__header--align-right': column.align === 'right',\n              's-tablet__header--align-left':\n                column.align === 'left' || !column.align,\n              cursor: column.sortable !== false,\n              's-tablet__disabled': loading,\n            }\">\n            <s-checkbox\n              *ngIf=\"column.checkbox\"\n              [ngClass]=\"{ 'mr-2': column.title }\"\n              [config]=\"checkboxConfig\"\n              [(ngModel)]=\"column.checkboxValue\"\n              (ngModelChange)=\"checkAll($event)\">\n            </s-checkbox>\n            <div\n              class=\"s-tablet__header__label\"\n              [ngClass]=\"{\n                's-tablet__header__select':\n                  fieldSelect && fieldSelect.SortField === column.id,\n              }\">\n              {{ column.title }}\n            </div>\n            <span\n              *ngIf=\"fieldSelect && fieldSelect.SortField === column.id\"\n              class=\"s-tablet__header__icon\">\n              <s-icon-mat [type]=\"'symbol'\" size=\"18\" class=\"icon cursor\">{{\n                fieldSelect.SortAsc\n                  ? 'keyboard_arrow_up'\n                  : 'keyboard_arrow_down'\n              }}</s-icon-mat>\n            </span>\n            <span\n              *ngIf=\"\n                column.sortable !== false &&\n                column.title &&\n                fieldSelect &&\n                fieldSelect.SortField !== column.id\n              \">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n            <span\n              *ngIf=\"!fieldSelect && column.sortable !== false && column.title\"\n              class=\"s-tablet__header__icon--standard\">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n          </div>\n        </th>\n      </tr>\n    </thead>\n    <tbody\n      [ngClass]=\"{\n        's-tablet__body': !loading,\n        's-tablet__empty': loading,\n      }\">\n      <ng-container *ngIf=\"loading; else body\">\n        <ng-template #body><ng-content></ng-content></ng-template>\n        <ng-template #loading *ngTemplateOutlet=\"bodyloading\"></ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.25px;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -1px 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200);z-index:1}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}\n"] }]
+            args: [{ selector: 's-tablet', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngTemplateOutlet=\"caption\"></ng-container>\n<div class=\"pre-s-tablet s-scroll\">\n  <table class=\"s-tablet\">\n    <thead>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <tr *ngIf=\"configColumn && !loading\">\n        <th\n          *ngFor=\"let column of configColumn\"\n          [width]=\"column.width\"\n          tabindex=\"0\"\n          (keydown.enter)=\"orderBy(column)\"\n          (click)=\"orderBy(column)\">\n          <div\n            class=\"s-tablet__header\"\n            [ngClass]=\"{\n              's-tablet__header--align-center': column.align === 'center',\n              's-tablet__header--align-right': column.align === 'right',\n              's-tablet__header--align-left':\n                column.align === 'left' || !column.align,\n              cursor: column.sortable !== false,\n              's-tablet__disabled': loading,\n            }\">\n            <s-checkbox\n              *ngIf=\"column.checkbox\"\n              [ngClass]=\"{ 'mr-2': column.title }\"\n              [config]=\"checkboxConfig\"\n              [(ngModel)]=\"column.checkboxValue\"\n              (ngModelChange)=\"checkAll($event)\">\n            </s-checkbox>\n            <div\n              class=\"s-tablet__header__label\"\n              [ngClass]=\"{\n                's-tablet__header__select':\n                  fieldSelect && fieldSelect.SortField === column.id,\n              }\">\n              {{ column.title }}\n            </div>\n            <span\n              *ngIf=\"fieldSelect && fieldSelect.SortField === column.id\"\n              class=\"s-tablet__header__icon\">\n              <s-icon-mat [type]=\"'symbol'\" size=\"18\" class=\"icon cursor\">{{\n                fieldSelect.SortAsc\n                  ? 'keyboard_arrow_up'\n                  : 'keyboard_arrow_down'\n              }}</s-icon-mat>\n            </span>\n            <span\n              *ngIf=\"\n                column.sortable !== false &&\n                column.title &&\n                fieldSelect &&\n                fieldSelect.SortField !== column.id\n              \">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n            <span\n              *ngIf=\"!fieldSelect && column.sortable !== false && column.title\"\n              class=\"s-tablet__header__icon--standard\">\n              <s-icon-mat\n                [type]=\"'symbol'\"\n                size=\"18\"\n                class=\"icon cursor\"\n                class=\"s-tablet__header__icon--standard\"\n                >keyboard_arrow_down</s-icon-mat\n              >\n            </span>\n          </div>\n        </th>\n      </tr>\n    </thead>\n    <tbody\n      [ngClass]=\"{\n        's-tablet__body': !loading,\n        's-tablet__empty': loading,\n      }\">\n      <ng-container *ngIf=\"loading; else body\">\n        <ng-template #body><ng-content></ng-content></ng-template>\n        <ng-template #loading *ngTemplateOutlet=\"bodyloading\"></ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -.063rem 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200)}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], loading: [{

package/esm2022/lib/tabs/s-tabs.component.mjs

@@ -7,6 +7,11 @@ export class STabsComponent {
     constructor() {
         this.eventSelect = new EventEmitter();
     }
+    ngOnChanges(changes) {
+        if (changes['tabs'] || changes['configTabs']) {
+            this.tabsConfig = this.tabs;
+        }
+    }
     ngOnInit() {
         this.tabsConfig = this.tabs;
     }
@@ -22,7 +27,7 @@ export class STabsComponent {
         this.eventSelect.emit(tab);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STabsComponent, selector: "s-tabs", inputs: { tabs: "tabs", configTabs: "configTabs" }, outputs: { eventSelect: "eventSelect" }, ngImport: i0, template: "<div\n  class=\"s-tabs s-scroll no-select\"\n  *ngIf=\"tabsConfig\"\n  [ngClass]=\"{\n    's-tabs__background': configTabs?.background,\n    's-tabs__pill': configTabs?.pill,\n    's-tabs__sm': configTabs?.size === 'sm',\n  }\">\n  <div class=\"s-tabs__container\" [ngStyle]=\"{ width: configTabs?.width + '%' }\">\n    <div\n      class=\"s-tabs__content\"\n      *ngFor=\"let tab of tabsConfig\"\n      [ngClass]=\"{\n        selected: tab.selected,\n        highlight: tab.highlight,\n        disabled: tab.disabled,\n      }\"\n      tabindex=\"0\"\n      (keydown.enter)=\"selectTab(tab)\"\n      (click)=\"selectTab(tab)\">\n      <s-icon-mat\n        class=\"s-tabs__icon\"\n        *ngIf=\"tab.icon\"\n        [ngClass]=\"[tab.iconType ? tab.iconType : '']\"\n        [type]=\"tab.iconSymbol ? 'symbol' : 'icon'\"\n        >{{ tab.icon }}</s-icon-mat\n      >\n      <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{ tab.text }}</span>\n      <s-badge\n        *ngIf=\"tab.badge\"\n        [type]=\"tab.badgeType ? tab.badgeType : 'primary'\"\n        >{{ tab.badge }}</s-badge\n      >\n    </div>\n  </div>\n</div>\n", styles: [".s-tabs{border-top-right-radius:.5rem;border-top-left-radius:.5rem;display:block;overflow:auto}.s-tabs__icon .s-icon-mat span{font-size:1.25rem}.s-tabs .material-icons{font-size:1.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.896rem .5rem;text-align:center;gap:.4rem}.s-tabs__content.selected{border-bottom:.063rem solid var(--primary-600);color:var(--primary-600);background-color:var(--primary-200);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.s-tabs__content.highlight{background-color:var(--primary-200)}.s-tabs__content.disabled{color:var(--secondary-300);cursor:not-allowed}.s-tabs .primary{color:var(--primary-600)}.s-tabs .secondary{color:var(--secondary-600)}.s-tabs .green{color:var(--green-600)}.s-tabs .yellow{color:var(--yellow-600)}.s-tabs .red{color:var(--red-600)}.s-tabs__text{font-weight:700}.s-tabs__background{background-color:var(--primary-100)}.s-tabs__pill{padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s-tabs__pill .s-tabs{background-color:var(--primary-100)}.s-tabs__pill .s-tabs__container{gap:.5rem}.s-tabs__pill .s-tabs__content{padding:.43rem .187rem;border-bottom:0;border-radius:.25rem}.s-tabs__pill .s-tabs__content.selected{color:var(--primary-600);background-color:var(--primary-200)}.s-tabs__sm .s-tabs__text{font-size:.75rem}.s-tabs__sm .s-tabs__icon span{font-size:1.3rem}.s-tabs__sm.s-tabs__pill{padding:.25rem}.s-tabs__sm.s-tabs__pill .s-tabs__content{padding:.299rem .187rem}.s-tabs__sm .s-tabs__content{padding:.24rem .187rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i3.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STabsComponent, selector: "s-tabs", inputs: { tabs: "tabs", configTabs: "configTabs" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"s-tabs s-scroll no-select\"\n  *ngIf=\"tabsConfig\"\n  [ngClass]=\"{\n    's-tabs__background': configTabs?.background,\n    's-tabs__pill': configTabs?.pill,\n    's-tabs__sm': configTabs?.size === 'sm',\n  }\">\n  <div class=\"s-tabs__container\" [ngStyle]=\"{ width: configTabs?.width + '%' }\">\n    <div\n      class=\"s-tabs__content\"\n      *ngFor=\"let tab of tabsConfig\"\n      [ngClass]=\"{\n        selected: tab.selected,\n        highlight: tab.highlight,\n        disabled: tab.disabled,\n      }\"\n      tabindex=\"0\"\n      (keydown.enter)=\"selectTab(tab)\"\n      (click)=\"selectTab(tab)\">\n      <s-icon-mat\n        class=\"s-tabs__icon\"\n        *ngIf=\"tab.icon\"\n        [ngClass]=\"[tab.iconType ? tab.iconType : '']\"\n        [type]=\"tab.iconSymbol ? 'symbol' : 'icon'\"\n        >{{ tab.icon }}</s-icon-mat\n      >\n      <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{ tab.text }}</span>\n      <s-badge\n        *ngIf=\"tab.badge\"\n        [type]=\"tab.badgeType ? tab.badgeType : 'primary'\"\n        >{{ tab.badge }}</s-badge\n      >\n    </div>\n  </div>\n</div>\n", styles: [".s-tabs{border-top-right-radius:.5rem;border-top-left-radius:.5rem;display:block;overflow:auto}.s-tabs__icon .s-icon-mat span{font-size:1.25rem}.s-tabs .material-icons{font-size:1.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.896rem .5rem;text-align:center;gap:.4rem}.s-tabs__content.selected{border-bottom:.063rem solid var(--primary-600);color:var(--primary-600);background-color:var(--primary-200);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.s-tabs__content.highlight{background-color:var(--primary-200)}.s-tabs__content.disabled{color:var(--secondary-300);cursor:not-allowed}.s-tabs .primary{color:var(--primary-600)}.s-tabs .secondary{color:var(--secondary-600)}.s-tabs .green{color:var(--green-600)}.s-tabs .yellow{color:var(--yellow-600)}.s-tabs .red{color:var(--red-600)}.s-tabs__text{font-weight:700}.s-tabs__background{background-color:var(--primary-100)}.s-tabs__pill{padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s-tabs__pill .s-tabs{background-color:var(--primary-100)}.s-tabs__pill .s-tabs__container{gap:.5rem}.s-tabs__pill .s-tabs__content{padding:.43rem .187rem;border-bottom:0;border-radius:.25rem}.s-tabs__pill .s-tabs__content.selected{color:var(--primary-600);background-color:var(--primary-200)}.s-tabs__sm .s-tabs__text{font-size:.75rem}.s-tabs__sm .s-tabs__icon span{font-size:1.3rem}.s-tabs__sm.s-tabs__pill{padding:.25rem}.s-tabs__sm.s-tabs__pill .s-tabs__content{padding:.299rem .187rem}.s-tabs__sm .s-tabs__content{padding:.24rem .187rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i3.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STabsComponent, decorators: [{
             type: Component,
@@ -34,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], eventSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7OztBQVN2QixNQUFNLE9BQU8sY0FBYztJQU96QjtRQUpVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUlsQyxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxLQUFLLENBQUM7SUFDaEQsQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUFTO1FBQ2pCLElBQUksR0FBRyxDQUFDLFFBQVEsSUFBSSxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakMsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2xELEdBQUcsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBeEJVLGNBQWM7bUdBQWQsY0FBYywySUNoQjNCLHltQ0FvQ0E7OzRGRHBCYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFFBQVEsaUJBR0gsaUJBQWlCLENBQUMsSUFBSTt3REFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElDb25maWdUYWJzLCBJVGFiIH0gZnJvbSAnLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdGFicz86IElUYWJbXTtcbiAgQElucHV0KCkgY29uZmlnVGFicz86IElDb25maWdUYWJzO1xuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPElUYWI+KCk7XG5cbiAgcHVibGljIHRhYnNDb25maWc/OiBJVGFiW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGFic0NvbmZpZyA9IHRoaXMudGFicztcbiAgfVxuXG4gIGdldEJhY2tncm91bmQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5jb25maWdUYWJzPy5iYWNrZ3JvdW5kIHx8IGZhbHNlO1xuICB9XG5cbiAgc2VsZWN0VGFiKHRhYjogSVRhYikge1xuICAgIGlmICh0YWIuc2VsZWN0ZWQgfHwgdGFiLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudGFicz8uZm9yRWFjaCh0YWIgPT4gKHRhYi5zZWxlY3RlZCA9IGZhbHNlKSk7XG4gICAgdGFiLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLmV2ZW50U2VsZWN0LmVtaXQodGFiKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInMtdGFicyBzLXNjcm9sbCBuby1zZWxlY3RcIlxuICAqbmdJZj1cInRhYnNDb25maWdcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3MtdGFic19fYmFja2dyb3VuZCc6IGNvbmZpZ1RhYnM/LmJhY2tncm91bmQsXG4gICAgJ3MtdGFic19fcGlsbCc6IGNvbmZpZ1RhYnM/LnBpbGwsXG4gICAgJ3MtdGFic19fc20nOiBjb25maWdUYWJzPy5zaXplID09PSAnc20nLFxuICB9XCI+XG4gIDxkaXYgY2xhc3M9XCJzLXRhYnNfX2NvbnRhaW5lclwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbmZpZ1RhYnM/LndpZHRoICsgJyUnIH1cIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInMtdGFic19fY29udGVudFwiXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNDb25maWdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBzZWxlY3RlZDogdGFiLnNlbGVjdGVkLFxuICAgICAgICBoaWdobGlnaHQ6IHRhYi5oaWdobGlnaHQsXG4gICAgICAgIGRpc2FibGVkOiB0YWIuZGlzYWJsZWQsXG4gICAgICB9XCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAoa2V5ZG93bi5lbnRlcik9XCJzZWxlY3RUYWIodGFiKVwiXG4gICAgICAoY2xpY2spPVwic2VsZWN0VGFiKHRhYilcIj5cbiAgICAgIDxzLWljb24tbWF0XG4gICAgICAgIGNsYXNzPVwicy10YWJzX19pY29uXCJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaWNvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIlt0YWIuaWNvblR5cGUgPyB0YWIuaWNvblR5cGUgOiAnJ11cIlxuICAgICAgICBbdHlwZV09XCJ0YWIuaWNvblN5bWJvbCA/ICdzeW1ib2wnIDogJ2ljb24nXCJcbiAgICAgICAgPnt7IHRhYi5pY29uIH19PC9zLWljb24tbWF0XG4gICAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cInRhYi50ZXh0XCIgY2xhc3M9XCJzLXRhYnNfX3RleHRcIj57eyB0YWIudGV4dCB9fTwvc3Bhbj5cbiAgICAgIDxzLWJhZGdlXG4gICAgICAgICpuZ0lmPVwidGFiLmJhZGdlXCJcbiAgICAgICAgW3R5cGVdPVwidGFiLmJhZGdlVHlwZSA/IHRhYi5iYWRnZVR5cGUgOiAncHJpbWFyeSdcIlxuICAgICAgICA+e3sgdGFiLmJhZGdlIH19PC9zLWJhZGdlXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRU4saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7OztBQVN2QixNQUFNLE9BQU8sY0FBYztJQU96QjtRQUpVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUlsQyxDQUFDO0lBQ2hCLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQztZQUM3QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDOUIsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQzlCLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLElBQUksS0FBSyxDQUFDO0lBQ2hELENBQUM7SUFFRCxTQUFTLENBQUMsR0FBUztRQUNqQixJQUFJLEdBQUcsQ0FBQyxRQUFRLElBQUksR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2pDLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNsRCxHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDOytHQTdCVSxjQUFjO21HQUFkLGNBQWMsZ0tDbEIzQix5bUNBb0NBOzs0RkRsQmEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxRQUFRLGlCQUdILGlCQUFpQixDQUFDLElBQUk7d0RBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElDb25maWdUYWJzLCBJVGFiIH0gZnJvbSAnLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSB0YWJzPzogSVRhYltdO1xuICBASW5wdXQoKSBjb25maWdUYWJzPzogSUNvbmZpZ1RhYnM7XG4gIEBPdXRwdXQoKSBldmVudFNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8SVRhYj4oKTtcblxuICBwdWJsaWMgdGFic0NvbmZpZz86IElUYWJbXTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1sndGFicyddIHx8IGNoYW5nZXNbJ2NvbmZpZ1RhYnMnXSkge1xuICAgICAgdGhpcy50YWJzQ29uZmlnID0gdGhpcy50YWJzO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGFic0NvbmZpZyA9IHRoaXMudGFicztcbiAgfVxuXG4gIGdldEJhY2tncm91bmQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5jb25maWdUYWJzPy5iYWNrZ3JvdW5kIHx8IGZhbHNlO1xuICB9XG5cbiAgc2VsZWN0VGFiKHRhYjogSVRhYikge1xuICAgIGlmICh0YWIuc2VsZWN0ZWQgfHwgdGFiLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudGFicz8uZm9yRWFjaCh0YWIgPT4gKHRhYi5zZWxlY3RlZCA9IGZhbHNlKSk7XG4gICAgdGFiLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLmV2ZW50U2VsZWN0LmVtaXQodGFiKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInMtdGFicyBzLXNjcm9sbCBuby1zZWxlY3RcIlxuICAqbmdJZj1cInRhYnNDb25maWdcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3MtdGFic19fYmFja2dyb3VuZCc6IGNvbmZpZ1RhYnM/LmJhY2tncm91bmQsXG4gICAgJ3MtdGFic19fcGlsbCc6IGNvbmZpZ1RhYnM/LnBpbGwsXG4gICAgJ3MtdGFic19fc20nOiBjb25maWdUYWJzPy5zaXplID09PSAnc20nLFxuICB9XCI+XG4gIDxkaXYgY2xhc3M9XCJzLXRhYnNfX2NvbnRhaW5lclwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbmZpZ1RhYnM/LndpZHRoICsgJyUnIH1cIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInMtdGFic19fY29udGVudFwiXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNDb25maWdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBzZWxlY3RlZDogdGFiLnNlbGVjdGVkLFxuICAgICAgICBoaWdobGlnaHQ6IHRhYi5oaWdobGlnaHQsXG4gICAgICAgIGRpc2FibGVkOiB0YWIuZGlzYWJsZWQsXG4gICAgICB9XCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAoa2V5ZG93bi5lbnRlcik9XCJzZWxlY3RUYWIodGFiKVwiXG4gICAgICAoY2xpY2spPVwic2VsZWN0VGFiKHRhYilcIj5cbiAgICAgIDxzLWljb24tbWF0XG4gICAgICAgIGNsYXNzPVwicy10YWJzX19pY29uXCJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaWNvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIlt0YWIuaWNvblR5cGUgPyB0YWIuaWNvblR5cGUgOiAnJ11cIlxuICAgICAgICBbdHlwZV09XCJ0YWIuaWNvblN5bWJvbCA/ICdzeW1ib2wnIDogJ2ljb24nXCJcbiAgICAgICAgPnt7IHRhYi5pY29uIH19PC9zLWljb24tbWF0XG4gICAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cInRhYi50ZXh0XCIgY2xhc3M9XCJzLXRhYnNfX3RleHRcIj57eyB0YWIudGV4dCB9fTwvc3Bhbj5cbiAgICAgIDxzLWJhZGdlXG4gICAgICAgICpuZ0lmPVwidGFiLmJhZGdlXCJcbiAgICAgICAgW3R5cGVdPVwidGFiLmJhZGdlVHlwZSA/IHRhYi5iYWRnZVR5cGUgOiAncHJpbWFyeSdcIlxuICAgICAgICA+e3sgdGFiLmJhZGdlIH19PC9zLWJhZGdlXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/tag/s-tag.component.mjs

@@ -7,11 +7,11 @@ export class STagComponent {
         this.disabled = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STagComponent, selector: "s-tag", inputs: { type: "type", size: "size", disabled: "disabled" }, ngImport: i0, template: "<span class=\"s-tag {{type}} {{size}} {{disabled ? 'disabled' : ''}}\">\n    <ng-content></ng-content>\n</span>", styles: ["s-tag{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.s-tag{width:max-content;display:inline-flex;align-items:center;margin:2px}.s-tag.md{border-radius:4px;font-size:.75rem;letter-spacing:0;line-height:normal;padding:.35rem .4rem;display:flex;align-items:flex-end}.s-tag.md s-icon-mat span{font-size:1rem;padding-right:3px}.s-tag.sm{border-radius:2px;font-size:.75rem;letter-spacing:0;line-height:1rem;padding:.17rem .47rem}.s-tag.xs{border-radius:2px;font-size:.625rem;letter-spacing:0;line-height:.9rem;padding:.05rem .3rem}.s-tag.primary{background:var(--primary-600);color:var(--secondary-100)}.s-tag.disabled.primary{background:var(--primary-200)!important;color:var(--primary-400)!important}.s-tag.disabled.secondary{background:var(--secondary-200)!important;color:var(--secondary-300)!important}.s-tag.disabled.red{background:var(--red-300)!important;color:var(--red-600)!important}.s-tag.disabled.green{background:var(--green-400)!important;color:var(--green-600)!important}.s-tag.disabled.yellow{background:var(--yellow-400)!important;color:var(--yellow-600)!important}.s-tag.red{color:var(--neutrals-1200);background:var(--red-600)}.s-tag.yellow{color:var(--neutrals-1200);background:var(--yellow-600)}.s-tag.green{color:var(--neutrals-1200);background:var(--green-600)}.s-tag.secondary{color:var(--neutrals-1200);background:var(--secondary-600)}.s-tag.xs s-icon-mat span{font-size:.66rem;padding-right:3px}.s-tag.sm s-icon-mat span{font-size:.84rem;padding-right:3px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STagComponent, selector: "s-tag", inputs: { type: "type", size: "size", disabled: "disabled" }, ngImport: i0, template: "<span class=\"s-tag {{type}} {{size}} {{disabled ? 'disabled' : ''}}\">\n    <ng-content></ng-content>\n</span>", styles: ["s-tag{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.s-tag{width:max-content;display:inline-flex;align-items:center;margin:.125rem}.s-tag.md{border-radius:.25rem;font-size:.75rem;letter-spacing:0;line-height:normal;padding:.35rem .4rem;display:flex;align-items:flex-end}.s-tag.md s-icon-mat span{font-size:1rem;padding-right:.188rem}.s-tag.sm{border-radius:.125rem;font-size:.75rem;letter-spacing:0;line-height:1rem;padding:.17rem .47rem}.s-tag.xs{border-radius:.125rem;font-size:.625rem;letter-spacing:0;line-height:.9rem;padding:.05rem .3rem}.s-tag.primary{background:var(--primary-600);color:var(--secondary-100)}.s-tag.disabled.primary{background:var(--primary-200)!important;color:var(--primary-400)!important}.s-tag.disabled.secondary{background:var(--secondary-200)!important;color:var(--secondary-300)!important}.s-tag.disabled.red{background:var(--red-300)!important;color:var(--red-600)!important}.s-tag.disabled.green{background:var(--green-400)!important;color:var(--green-600)!important}.s-tag.disabled.yellow{background:var(--yellow-400)!important;color:var(--yellow-600)!important}.s-tag.red{color:var(--neutrals-1200);background:var(--red-600)}.s-tag.yellow{color:var(--neutrals-1200);background:var(--yellow-600)}.s-tag.green{color:var(--neutrals-1200);background:var(--green-600)}.s-tag.secondary{color:var(--neutrals-1200);background:var(--secondary-600)}.s-tag.xs s-icon-mat span{font-size:.66rem;padding-right:.188rem}.s-tag.sm s-icon-mat span{font-size:.84rem;padding-right:.188rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-tag', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-tag {{type}} {{size}} {{disabled ? 'disabled' : ''}}\">\n    <ng-content></ng-content>\n</span>", styles: ["s-tag{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.s-tag{width:max-content;display:inline-flex;align-items:center;margin:2px}.s-tag.md{border-radius:4px;font-size:.75rem;letter-spacing:0;line-height:normal;padding:.35rem .4rem;display:flex;align-items:flex-end}.s-tag.md s-icon-mat span{font-size:1rem;padding-right:3px}.s-tag.sm{border-radius:2px;font-size:.75rem;letter-spacing:0;line-height:1rem;padding:.17rem .47rem}.s-tag.xs{border-radius:2px;font-size:.625rem;letter-spacing:0;line-height:.9rem;padding:.05rem .3rem}.s-tag.primary{background:var(--primary-600);color:var(--secondary-100)}.s-tag.disabled.primary{background:var(--primary-200)!important;color:var(--primary-400)!important}.s-tag.disabled.secondary{background:var(--secondary-200)!important;color:var(--secondary-300)!important}.s-tag.disabled.red{background:var(--red-300)!important;color:var(--red-600)!important}.s-tag.disabled.green{background:var(--green-400)!important;color:var(--green-600)!important}.s-tag.disabled.yellow{background:var(--yellow-400)!important;color:var(--yellow-600)!important}.s-tag.red{color:var(--neutrals-1200);background:var(--red-600)}.s-tag.yellow{color:var(--neutrals-1200);background:var(--yellow-600)}.s-tag.green{color:var(--neutrals-1200);background:var(--green-600)}.s-tag.secondary{color:var(--neutrals-1200);background:var(--secondary-600)}.s-tag.xs s-icon-mat span{font-size:.66rem;padding-right:3px}.s-tag.sm s-icon-mat span{font-size:.84rem;padding-right:3px}\n"] }]
+            args: [{ selector: 's-tag', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-tag {{type}} {{size}} {{disabled ? 'disabled' : ''}}\">\n    <ng-content></ng-content>\n</span>", styles: ["s-tag{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.s-tag{width:max-content;display:inline-flex;align-items:center;margin:.125rem}.s-tag.md{border-radius:.25rem;font-size:.75rem;letter-spacing:0;line-height:normal;padding:.35rem .4rem;display:flex;align-items:flex-end}.s-tag.md s-icon-mat span{font-size:1rem;padding-right:.188rem}.s-tag.sm{border-radius:.125rem;font-size:.75rem;letter-spacing:0;line-height:1rem;padding:.17rem .47rem}.s-tag.xs{border-radius:.125rem;font-size:.625rem;letter-spacing:0;line-height:.9rem;padding:.05rem .3rem}.s-tag.primary{background:var(--primary-600);color:var(--secondary-100)}.s-tag.disabled.primary{background:var(--primary-200)!important;color:var(--primary-400)!important}.s-tag.disabled.secondary{background:var(--secondary-200)!important;color:var(--secondary-300)!important}.s-tag.disabled.red{background:var(--red-300)!important;color:var(--red-600)!important}.s-tag.disabled.green{background:var(--green-400)!important;color:var(--green-600)!important}.s-tag.disabled.yellow{background:var(--yellow-400)!important;color:var(--yellow-600)!important}.s-tag.red{color:var(--neutrals-1200);background:var(--red-600)}.s-tag.yellow{color:var(--neutrals-1200);background:var(--yellow-600)}.s-tag.green{color:var(--neutrals-1200);background:var(--green-600)}.s-tag.secondary{color:var(--neutrals-1200);background:var(--secondary-600)}.s-tag.xs s-icon-mat span{font-size:.66rem;padding-right:.188rem}.s-tag.sm s-icon-mat span{font-size:.84rem;padding-right:.188rem}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], size: [{

package/esm2022/lib/theme/s-theme.component.mjs

@@ -2,10 +2,10 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class SThemeComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SThemeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SThemeComponent, selector: "s-theme", ngImport: i0, template: '', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.2px;line-height:20px;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.15px}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.1px}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.25px}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.5px}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.2px}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.1px}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.5px}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:1.5px}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.5px}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.5px}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.5px}@media only screen and (max-width: 600px){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100: #F3F8F5;--green-200: #E5F2EB;--green-300: #C8E4D5;--green-400: #A7D5BD;--green-500: #7CC5A0;--green-600: #36B37E;--green-700: #30A071;--green-800: #2A8B62;--green-900: #227150;--green-1000: #185038;--yellow-100: #FEF6E6;--yellow-200: #FEEDCD;--yellow-300: #FFDD86;--yellow-400: #FFCB59;--yellow-500: #FFB828;--yellow-600: #F9A60C;--yellow-700: #EC9709;--yellow-800: #DF8806;--yellow-900: #D37A03;--yellow-1000: #B26000;--red-100: #FFF1EC;--red-200: #FFE8E0;--red-300: #FDD1CA;--red-400: #FBB9B3;--red-500: #F68783;--red-600: #F46A68;--red-700: #F14848;--red-800: #E12E2E;--red-900: #CB1818;--red-1000: #B30000;--blue-alpha-100: rgba(23, 56, 97, .05);--blue-alpha-200: rgba(23, 56, 97, .125);--blue-alpha-300: rgba(23, 56, 97, .25);--blue-alpha-400: rgba(23, 56, 97, .375);--blue-alpha-500: rgba(23, 56, 97, .5);--blue-alpha-600: rgba(23, 56, 97, .625);--blue-alpha-700: rgba(23, 56, 97, .75);--blue-alpha-800: rgba(23, 56, 97, .875);--cyan-alpha-100: rgba(0, 145, 254, .05);--cyan-alpha-200: rgba(0, 145, 254, .125);--cyan-alpha-300: rgba(0, 145, 254, .25);--cyan-alpha-400: rgba(0, 145, 254, .375);--cyan-alpha-500: rgba(0, 145, 254, .5);--cyan-alpha-600: rgba(0, 145, 254, .625);--cyan-alpha-700: rgba(0, 145, 254, .75);--cyan-alpha-800: rgba(0, 145, 254, .875);--E000: 0px 0px 2px 0px rgba(23, 56, 97, .14);--E100: 0px 0px 10px 0px rgba(23, 56, 97, .14);--E200: 0px 0px 16px 0px rgba(23, 56, 97, .16);--E300: 0px 5px 24px 0px rgba(23, 56, 97, .18);--E400: 0px 0px 24px 0px rgba(23, 56, 97, .12), 0px 8px 20px 0px rgba(23, 56, 97, .06), 0px 4px 28px 0px rgba(23, 56, 97, .16);--E500: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--E600: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--focus-cyan--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(0, 145, 254, .15);--focus-cyan--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(0, 145, 254, .15);--focus-blue--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(23, 56, 97, .15);--focus-blue--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(23, 56, 97, .15);--focus-green--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(54, 179, 126, .15);--focus-green--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(54, 179, 126, .15);--focus-yellow--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 171, 0, .15);--focus-yellow--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 171, 0, .15);--focus-red--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 86, 48, .15);--focus-red--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 86, 48, .15)}body,html{height:100%;margin:0;overflow:hidden}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(38px circle at 19px 19px,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}body::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-auto{padding:auto}.px-auto{padding:0 auto}.py-auto{padding:auto 0}.pt-auto{padding-top:auto}.pb-auto{padding-bottom:auto}.pl-auto{padding-left:auto}.pr-auto{padding-right:auto}.p-0{padding:0}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:0 .25em}.px-2{padding:0 .5em}.px-3{padding:0 1em}.px-4{padding:0 1.5em}.px-5{padding:0 3em}.py-0{padding:0}.py-1{padding:.25em 0}.py-2{padding:.5em 0}.py-3{padding:1em 0}.py-4{padding:1.5em 0}.py-5{padding:3em 0}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:auto}.mx-auto{margin:0 auto}.my-auto{margin:auto 0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:0 .25em}.mx-2{margin:0 .5em}.mx-3{margin:0 1em}.mx-4{margin:0 1.5em}.mx-5{margin:0 3em}.my-0{margin:0}.my-1{margin:.25em 0}.my-2{margin:.5em 0}.my-3{margin:1em 0}.my-4{margin:1.5em 0}.my-5{margin:3em 0}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:1px solid}.border-2{border:2px solid}.border-left-1,.border-left{border-left:1px solid}.border-left-2{border-left:2px solid}.border-right-1,.border-right{border-right:1px solid}.border-right-2{border-right:2px solid}.border-top-1,.border-top{border-top:1px solid}.border-top-2{border-top:2px solid}.border-bottom-1,.border-bottom{border-bottom:1px solid}.border-bottom-2{border-bottom:2px solid}.border-y-1,.border-y{border-top:1px solid;border-bottom:1px solid}.border-y-2{border-top:2px solid;border-bottom:2px solid}.border-x-1,.border-x{border-left:1px solid;border-right:1px solid}.border-x-2{border-left:2px solid;border-right:2px solid}.br-1{border-radius:2px}.br-2{border-radius:4px}.br-3{border-radius:8px}.shadow-inner-1{box-shadow:inset 0 2px 2px #0000001a}.shadow-inner-2{box-shadow:inset 0 4px 8px #0000001a}.shadow-outer-1{box-shadow:0 2px 2px #0000001a}.shadow-outer-2{box-shadow:0 4px 8px #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll{overflow:auto}.s-scroll::-webkit-scrollbar{height:.4rem;width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:20px 13px 13px 20px;border-right:.1em solid transparent;border-left:.3rem solid transparent;background-clip:content-box}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SThemeComponent, selector: "s-theme", ngImport: i0, template: '', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:1rem;letter-spacing:.013rem;line-height:1.25rem;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.009rem}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.006rem}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.031rem}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.031rem}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.031rem}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.013rem}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.006rem}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.031rem}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:.094rem}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.031rem}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.031rem}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.031rem}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.031rem}@media only screen and (max-width: 37.5rem){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100: #F3F8F5;--green-200: #E5F2EB;--green-300: #C8E4D5;--green-400: #A7D5BD;--green-500: #7CC5A0;--green-600: #36B37E;--green-700: #30A071;--green-800: #2A8B62;--green-900: #227150;--green-1000: #185038;--yellow-100: #FEF6E6;--yellow-200: #FEEDCD;--yellow-300: #FFDD86;--yellow-400: #FFCB59;--yellow-500: #FFB828;--yellow-600: #F9A60C;--yellow-700: #EC9709;--yellow-800: #DF8806;--yellow-900: #D37A03;--yellow-1000: #B26000;--red-100: #FFF1EC;--red-200: #FFE8E0;--red-300: #FDD1CA;--red-400: #FBB9B3;--red-500: #F68783;--red-600: #F46A68;--red-700: #F14848;--red-800: #E12E2E;--red-900: #CB1818;--red-1000: #B30000;--blue-alpha-100: rgba(23, 56, 97, .05);--blue-alpha-200: rgba(23, 56, 97, .125);--blue-alpha-250: rgba(23, 56, 97, .15);--blue-alpha-280: rgba(23, 56, 97, .18);--blue-alpha-300: rgba(23, 56, 97, .25);--blue-alpha-400: rgba(23, 56, 97, .375);--blue-alpha-500: rgba(23, 56, 97, .5);--blue-alpha-600: rgba(23, 56, 97, .625);--blue-alpha-700: rgba(23, 56, 97, .75);--blue-alpha-800: rgba(23, 56, 97, .875);--cyan-alpha-100: rgba(0, 145, 254, .05);--cyan-alpha-200: rgba(0, 145, 254, .125);--cyan-alpha-300: rgba(0, 145, 254, .25);--cyan-alpha-400: rgba(0, 145, 254, .375);--cyan-alpha-500: rgba(0, 145, 254, .5);--cyan-alpha-600: rgba(0, 145, 254, .625);--cyan-alpha-700: rgba(0, 145, 254, .75);--cyan-alpha-800: rgba(0, 145, 254, .875);--green-alpha-100: rgba(54, 179, 126, .05);--green-alpha-200: rgba(54, 179, 126, .125);--green-alpha-300: rgba(54, 179, 126, .25);--green-alpha-400: rgba(54, 179, 126, .375);--green-alpha-500: rgba(54, 179, 126, .5);--green-alpha-600: rgba(54, 179, 126, .625);--green-alpha-700: rgba(54, 179, 126, .75);--green-alpha-800: rgba(54, 179, 126, .875);--red-alpha-100: rgba(255, 86, 48, .05);--red-alpha-200: rgba(255, 86, 48, .125);--red-alpha-300: rgba(255, 86, 48, .25);--red-alpha-400: rgba(255, 86, 48, .375);--red-alpha-500: rgba(255, 86, 48, .5);--red-alpha-600: rgba(255, 86, 48, .625);--red-alpha-700: rgba(255, 86, 48, .75);--red-alpha-800: rgba(255, 86, 48, .875);--yellow-alpha-100: rgba(255, 171, 0, .05);--yellow-alpha-200: rgba(255, 171, 0, .125);--yellow-alpha-300: rgba(255, 171, 0, .25);--yellow-alpha-400: rgba(255, 171, 0, .375);--yellow-alpha-500: rgba(255, 171, 0, .5);--yellow-alpha-600: rgba(255, 171, 0, .625);--yellow-alpha-700: rgba(255, 171, 0, .75);--yellow-alpha-800: rgba(255, 171, 0, .875);--E000: 0rem 0rem .125rem 0rem var(--blue-alpha-200);--E100: 0rem 0rem 10rem 0rem var(--blue-alpha-200);--E200: 0rem 0rem 1rem 0rem var(--blue-alpha-250);--E300: 0rem .313rem 1.5rem 0rem var(--blue-alpha-280);--E400: 0rem 0rem 1.5rem 0rem var(--blue-alpha-200), 0rem .5rem 1.25rem 0rem var(--blue-alpha-100), 0rem .25rem 1.75rem 0rem var(--blue-alpha-250);--E500: 0rem 1rem 2rem 0rem var(--blue-alpha-250), 0rem 0rem .625rem 0rem var(--blue-alpha-100), 0rem 1rem 1.75rem 0rem var(--blue-alpha-200);--E600: 0rem 1rem 2rem 0rem var(--blue-alpha-250), 0rem 0rem .625rem 0rem var(--blue-alpha-100), 0rem 1rem 1.75ren 0rem var(--blue-alpha-200);--focus-cyan--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--cyan-alpha-200);--focus-cyan--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--cyan-alpha-200);--focus-blue--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--blue-alpha-200);--focus-blue--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--blue-alpha-200);--focus-green--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--green-alpha-200);--focus-green--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--green-alpha-200);--focus-yellow--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--yellow-alpha-200);--focus-yellow--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--yellow-alpha-200);--focus-red--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--red-alpha-200);--focus-red--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--red-alpha-200)}body,html{height:100%;margin:0;overflow:hidden}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(2.375rem circle at 1.188rem 1.188rem,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}body::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-auto{padding:auto}.px-auto{padding:0 auto}.py-auto{padding:auto 0}.pt-auto{padding-top:auto}.pb-auto{padding-bottom:auto}.pl-auto{padding-left:auto}.pr-auto{padding-right:auto}.p-0{padding:0}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:0 .25em}.px-2{padding:0 .5em}.px-3{padding:0 1em}.px-4{padding:0 1.5em}.px-5{padding:0 3em}.py-0{padding:0}.py-1{padding:.25em 0}.py-2{padding:.5em 0}.py-3{padding:1em 0}.py-4{padding:1.5em 0}.py-5{padding:3em 0}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:auto}.mx-auto{margin:0 auto}.my-auto{margin:auto 0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:0 .25em}.mx-2{margin:0 .5em}.mx-3{margin:0 1em}.mx-4{margin:0 1.5em}.mx-5{margin:0 3em}.my-0{margin:0}.my-1{margin:.25em 0}.my-2{margin:.5em 0}.my-3{margin:1em 0}.my-4{margin:1.5em 0}.my-5{margin:3em 0}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:.063rem solid}.border-2{border:.125rem solid}.border-left-1,.border-left{border-left:.063rem solid}.border-left-2{border-left:.125rem solid}.border-right-1,.border-right{border-right:.063rem solid}.border-right-2{border-right:.125rem solid}.border-top-1,.border-top{border-top:.063rem solid}.border-top-2{border-top:.125rem solid}.border-bottom-1,.border-bottom{border-bottom:.063rem solid}.border-bottom-2{border-bottom:.125rem solid}.border-y-1,.border-y{border-top:.063rem solid;border-bottom:.063rem solid}.border-y-2{border-top:.125rem solid;border-bottom:.125rem solid}.border-x-1,.border-x{border-left:.063rem solid;border-right:.063rem solid}.border-x-2{border-left:.125rem solid;border-right:.125rem solid}.br-1{border-radius:.125rem}.br-2{border-radius:.25rem}.br-3{border-radius:.5rem}.shadow-inner-1{box-shadow:inset 0 .125rem .125rem #0000001a}.shadow-inner-2{box-shadow:inset 0 .25rem .5rem #0000001a}.shadow-outer-1{box-shadow:0 .125rem .125rem #0000001a}.shadow-outer-2{box-shadow:0 .25rem .5rem #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll{overflow:auto}.s-scroll::-webkit-scrollbar{height:.4rem;width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:1.25rem .813rem .813rem 1.25rem;border-right:.1em solid transparent;border-left:.3rem solid transparent;background-clip:content-box}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SThemeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-theme', template: '', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.2px;line-height:20px;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.15px}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.1px}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.25px}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.5px}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.2px}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.1px}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.5px}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:1.5px}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.5px}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.5px}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.5px}@media only screen and (max-width: 600px){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100: #F3F8F5;--green-200: #E5F2EB;--green-300: #C8E4D5;--green-400: #A7D5BD;--green-500: #7CC5A0;--green-600: #36B37E;--green-700: #30A071;--green-800: #2A8B62;--green-900: #227150;--green-1000: #185038;--yellow-100: #FEF6E6;--yellow-200: #FEEDCD;--yellow-300: #FFDD86;--yellow-400: #FFCB59;--yellow-500: #FFB828;--yellow-600: #F9A60C;--yellow-700: #EC9709;--yellow-800: #DF8806;--yellow-900: #D37A03;--yellow-1000: #B26000;--red-100: #FFF1EC;--red-200: #FFE8E0;--red-300: #FDD1CA;--red-400: #FBB9B3;--red-500: #F68783;--red-600: #F46A68;--red-700: #F14848;--red-800: #E12E2E;--red-900: #CB1818;--red-1000: #B30000;--blue-alpha-100: rgba(23, 56, 97, .05);--blue-alpha-200: rgba(23, 56, 97, .125);--blue-alpha-300: rgba(23, 56, 97, .25);--blue-alpha-400: rgba(23, 56, 97, .375);--blue-alpha-500: rgba(23, 56, 97, .5);--blue-alpha-600: rgba(23, 56, 97, .625);--blue-alpha-700: rgba(23, 56, 97, .75);--blue-alpha-800: rgba(23, 56, 97, .875);--cyan-alpha-100: rgba(0, 145, 254, .05);--cyan-alpha-200: rgba(0, 145, 254, .125);--cyan-alpha-300: rgba(0, 145, 254, .25);--cyan-alpha-400: rgba(0, 145, 254, .375);--cyan-alpha-500: rgba(0, 145, 254, .5);--cyan-alpha-600: rgba(0, 145, 254, .625);--cyan-alpha-700: rgba(0, 145, 254, .75);--cyan-alpha-800: rgba(0, 145, 254, .875);--E000: 0px 0px 2px 0px rgba(23, 56, 97, .14);--E100: 0px 0px 10px 0px rgba(23, 56, 97, .14);--E200: 0px 0px 16px 0px rgba(23, 56, 97, .16);--E300: 0px 5px 24px 0px rgba(23, 56, 97, .18);--E400: 0px 0px 24px 0px rgba(23, 56, 97, .12), 0px 8px 20px 0px rgba(23, 56, 97, .06), 0px 4px 28px 0px rgba(23, 56, 97, .16);--E500: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--E600: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--focus-cyan--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(0, 145, 254, .15);--focus-cyan--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(0, 145, 254, .15);--focus-blue--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(23, 56, 97, .15);--focus-blue--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(23, 56, 97, .15);--focus-green--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(54, 179, 126, .15);--focus-green--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(54, 179, 126, .15);--focus-yellow--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 171, 0, .15);--focus-yellow--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 171, 0, .15);--focus-red--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 86, 48, .15);--focus-red--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 86, 48, .15)}body,html{height:100%;margin:0;overflow:hidden}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(38px circle at 19px 19px,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}body::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-auto{padding:auto}.px-auto{padding:0 auto}.py-auto{padding:auto 0}.pt-auto{padding-top:auto}.pb-auto{padding-bottom:auto}.pl-auto{padding-left:auto}.pr-auto{padding-right:auto}.p-0{padding:0}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:0 .25em}.px-2{padding:0 .5em}.px-3{padding:0 1em}.px-4{padding:0 1.5em}.px-5{padding:0 3em}.py-0{padding:0}.py-1{padding:.25em 0}.py-2{padding:.5em 0}.py-3{padding:1em 0}.py-4{padding:1.5em 0}.py-5{padding:3em 0}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:auto}.mx-auto{margin:0 auto}.my-auto{margin:auto 0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:0 .25em}.mx-2{margin:0 .5em}.mx-3{margin:0 1em}.mx-4{margin:0 1.5em}.mx-5{margin:0 3em}.my-0{margin:0}.my-1{margin:.25em 0}.my-2{margin:.5em 0}.my-3{margin:1em 0}.my-4{margin:1.5em 0}.my-5{margin:3em 0}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:1px solid}.border-2{border:2px solid}.border-left-1,.border-left{border-left:1px solid}.border-left-2{border-left:2px solid}.border-right-1,.border-right{border-right:1px solid}.border-right-2{border-right:2px solid}.border-top-1,.border-top{border-top:1px solid}.border-top-2{border-top:2px solid}.border-bottom-1,.border-bottom{border-bottom:1px solid}.border-bottom-2{border-bottom:2px solid}.border-y-1,.border-y{border-top:1px solid;border-bottom:1px solid}.border-y-2{border-top:2px solid;border-bottom:2px solid}.border-x-1,.border-x{border-left:1px solid;border-right:1px solid}.border-x-2{border-left:2px solid;border-right:2px solid}.br-1{border-radius:2px}.br-2{border-radius:4px}.br-3{border-radius:8px}.shadow-inner-1{box-shadow:inset 0 2px 2px #0000001a}.shadow-inner-2{box-shadow:inset 0 4px 8px #0000001a}.shadow-outer-1{box-shadow:0 2px 2px #0000001a}.shadow-outer-2{box-shadow:0 4px 8px #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll{overflow:auto}.s-scroll::-webkit-scrollbar{height:.4rem;width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:20px 13px 13px 20px;border-right:.1em solid transparent;border-left:.3rem solid transparent;background-clip:content-box}\n"] }]
+            args: [{ selector: 's-theme', template: '', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:1rem;letter-spacing:.013rem;line-height:1.25rem;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.009rem}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.006rem}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.031rem}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.031rem}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.031rem}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.013rem}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.006rem}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.031rem}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:.094rem}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.031rem}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.031rem}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.031rem}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.031rem}@media only screen and (max-width: 37.5rem){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100: #F3F8F5;--green-200: #E5F2EB;--green-300: #C8E4D5;--green-400: #A7D5BD;--green-500: #7CC5A0;--green-600: #36B37E;--green-700: #30A071;--green-800: #2A8B62;--green-900: #227150;--green-1000: #185038;--yellow-100: #FEF6E6;--yellow-200: #FEEDCD;--yellow-300: #FFDD86;--yellow-400: #FFCB59;--yellow-500: #FFB828;--yellow-600: #F9A60C;--yellow-700: #EC9709;--yellow-800: #DF8806;--yellow-900: #D37A03;--yellow-1000: #B26000;--red-100: #FFF1EC;--red-200: #FFE8E0;--red-300: #FDD1CA;--red-400: #FBB9B3;--red-500: #F68783;--red-600: #F46A68;--red-700: #F14848;--red-800: #E12E2E;--red-900: #CB1818;--red-1000: #B30000;--blue-alpha-100: rgba(23, 56, 97, .05);--blue-alpha-200: rgba(23, 56, 97, .125);--blue-alpha-250: rgba(23, 56, 97, .15);--blue-alpha-280: rgba(23, 56, 97, .18);--blue-alpha-300: rgba(23, 56, 97, .25);--blue-alpha-400: rgba(23, 56, 97, .375);--blue-alpha-500: rgba(23, 56, 97, .5);--blue-alpha-600: rgba(23, 56, 97, .625);--blue-alpha-700: rgba(23, 56, 97, .75);--blue-alpha-800: rgba(23, 56, 97, .875);--cyan-alpha-100: rgba(0, 145, 254, .05);--cyan-alpha-200: rgba(0, 145, 254, .125);--cyan-alpha-300: rgba(0, 145, 254, .25);--cyan-alpha-400: rgba(0, 145, 254, .375);--cyan-alpha-500: rgba(0, 145, 254, .5);--cyan-alpha-600: rgba(0, 145, 254, .625);--cyan-alpha-700: rgba(0, 145, 254, .75);--cyan-alpha-800: rgba(0, 145, 254, .875);--green-alpha-100: rgba(54, 179, 126, .05);--green-alpha-200: rgba(54, 179, 126, .125);--green-alpha-300: rgba(54, 179, 126, .25);--green-alpha-400: rgba(54, 179, 126, .375);--green-alpha-500: rgba(54, 179, 126, .5);--green-alpha-600: rgba(54, 179, 126, .625);--green-alpha-700: rgba(54, 179, 126, .75);--green-alpha-800: rgba(54, 179, 126, .875);--red-alpha-100: rgba(255, 86, 48, .05);--red-alpha-200: rgba(255, 86, 48, .125);--red-alpha-300: rgba(255, 86, 48, .25);--red-alpha-400: rgba(255, 86, 48, .375);--red-alpha-500: rgba(255, 86, 48, .5);--red-alpha-600: rgba(255, 86, 48, .625);--red-alpha-700: rgba(255, 86, 48, .75);--red-alpha-800: rgba(255, 86, 48, .875);--yellow-alpha-100: rgba(255, 171, 0, .05);--yellow-alpha-200: rgba(255, 171, 0, .125);--yellow-alpha-300: rgba(255, 171, 0, .25);--yellow-alpha-400: rgba(255, 171, 0, .375);--yellow-alpha-500: rgba(255, 171, 0, .5);--yellow-alpha-600: rgba(255, 171, 0, .625);--yellow-alpha-700: rgba(255, 171, 0, .75);--yellow-alpha-800: rgba(255, 171, 0, .875);--E000: 0rem 0rem .125rem 0rem var(--blue-alpha-200);--E100: 0rem 0rem 10rem 0rem var(--blue-alpha-200);--E200: 0rem 0rem 1rem 0rem var(--blue-alpha-250);--E300: 0rem .313rem 1.5rem 0rem var(--blue-alpha-280);--E400: 0rem 0rem 1.5rem 0rem var(--blue-alpha-200), 0rem .5rem 1.25rem 0rem var(--blue-alpha-100), 0rem .25rem 1.75rem 0rem var(--blue-alpha-250);--E500: 0rem 1rem 2rem 0rem var(--blue-alpha-250), 0rem 0rem .625rem 0rem var(--blue-alpha-100), 0rem 1rem 1.75rem 0rem var(--blue-alpha-200);--E600: 0rem 1rem 2rem 0rem var(--blue-alpha-250), 0rem 0rem .625rem 0rem var(--blue-alpha-100), 0rem 1rem 1.75ren 0rem var(--blue-alpha-200);--focus-cyan--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--cyan-alpha-200);--focus-cyan--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--cyan-alpha-200);--focus-blue--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--blue-alpha-200);--focus-blue--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--blue-alpha-200);--focus-green--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--green-alpha-200);--focus-green--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--green-alpha-200);--focus-yellow--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--yellow-alpha-200);--focus-yellow--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--yellow-alpha-200);--focus-red--sm: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .125rem var(--red-alpha-200);--focus-red--md: 0rem .063rem .125rem 0rem var(--blue-alpha-100), 0rem 0rem 0rem .25rem var(--red-alpha-200)}body,html{height:100%;margin:0;overflow:hidden}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(2.375rem circle at 1.188rem 1.188rem,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}body::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-auto{padding:auto}.px-auto{padding:0 auto}.py-auto{padding:auto 0}.pt-auto{padding-top:auto}.pb-auto{padding-bottom:auto}.pl-auto{padding-left:auto}.pr-auto{padding-right:auto}.p-0{padding:0}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:0 .25em}.px-2{padding:0 .5em}.px-3{padding:0 1em}.px-4{padding:0 1.5em}.px-5{padding:0 3em}.py-0{padding:0}.py-1{padding:.25em 0}.py-2{padding:.5em 0}.py-3{padding:1em 0}.py-4{padding:1.5em 0}.py-5{padding:3em 0}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:auto}.mx-auto{margin:0 auto}.my-auto{margin:auto 0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:0 .25em}.mx-2{margin:0 .5em}.mx-3{margin:0 1em}.mx-4{margin:0 1.5em}.mx-5{margin:0 3em}.my-0{margin:0}.my-1{margin:.25em 0}.my-2{margin:.5em 0}.my-3{margin:1em 0}.my-4{margin:1.5em 0}.my-5{margin:3em 0}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:.063rem solid}.border-2{border:.125rem solid}.border-left-1,.border-left{border-left:.063rem solid}.border-left-2{border-left:.125rem solid}.border-right-1,.border-right{border-right:.063rem solid}.border-right-2{border-right:.125rem solid}.border-top-1,.border-top{border-top:.063rem solid}.border-top-2{border-top:.125rem solid}.border-bottom-1,.border-bottom{border-bottom:.063rem solid}.border-bottom-2{border-bottom:.125rem solid}.border-y-1,.border-y{border-top:.063rem solid;border-bottom:.063rem solid}.border-y-2{border-top:.125rem solid;border-bottom:.125rem solid}.border-x-1,.border-x{border-left:.063rem solid;border-right:.063rem solid}.border-x-2{border-left:.125rem solid;border-right:.125rem solid}.br-1{border-radius:.125rem}.br-2{border-radius:.25rem}.br-3{border-radius:.5rem}.shadow-inner-1{box-shadow:inset 0 .125rem .125rem #0000001a}.shadow-inner-2{box-shadow:inset 0 .25rem .5rem #0000001a}.shadow-outer-1{box-shadow:0 .125rem .125rem #0000001a}.shadow-outer-2{box-shadow:0 .25rem .5rem #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll{overflow:auto}.s-scroll::-webkit-scrollbar{height:.4rem;width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:1.25rem .813rem .813rem 1.25rem;border-right:.1em solid transparent;border-left:.3rem solid transparent;background-clip:content-box}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10aGVtZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi90aGVtZS9zLXRoZW1lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM3RCxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO21HQUFmLGVBQWUsK0NBTGhCLEVBQUU7OzRGQUtELGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsU0FBUyxZQUNULEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy10aGVtZScsXG4gIHRlbXBsYXRlOiAnJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy10aGVtZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuXG5leHBvcnQgY2xhc3MgU1RoZW1lQ29tcG9uZW50IHtcblxufSJdfQ==

package/esm2022/lib/timeline/s-timeline.component.mjs

@@ -8,11 +8,11 @@ export class STimelineComponent {
         this.theme = "primary";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STimelineComponent, selector: "s-timeline", inputs: { title: "title", description: "description", paragraph: "paragraph", position: "position", isLast: "isLast", icon: "icon", theme: "theme" }, ngImport: i0, template: "<div class=\"s-timeline\">\n    <div class=\"s-timeline__circle\" [class.no-after]=\"isLast\">\n        <div *ngIf=\"position || icon\" class=\"s-timeline__circle__position s-timeline__circle__position--theme-{{theme}}\">\n            <ng-container *ngIf=\"position; else iconContent\">{{ position }}</ng-container>\n            <ng-template #iconContent>\n                <s-icon-mat class=\"s-timeline__circle__steps\">{{ icon }}</s-icon-mat>\n            </ng-template>\n        </div>\n    </div>\n   <div class=\"s-timeline__content\">\n       <div class=\"s-timeline__content__title\">\n           {{title}}\n       </div>\n       <div *ngIf=\"description\" class=\"s-timeline__content__description\">\n           {{description}}\n       </div>\n       <div *ngIf=\"paragraph\" class=\"s-timeline__content__paragraph\">\n           {{paragraph}}\n       </div>\n       <ng-content>\n           \n       </ng-content>\n   </div>\n</div>", styles: [".s-timeline{display:flex;margin-top:20px}.s-timeline__circle:after{content:\"\";background-color:#33bb8f;position:relative;width:2px;height:100%;z-index:1;left:52%;display:flex}.s-timeline__circle.no-after:after{display:none}.s-timeline__circle__steps{color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.s-timeline__circle__position{border-radius:40px;width:32px;height:32px;z-index:2;display:flex;color:#fff;position:relative;margin:.6rem 1rem 0rem;justify-content:center;align-items:center}.s-timeline__circle__position--theme-primary{background-color:var(--primary-600)}.s-timeline__circle__position--theme-green{background-color:var(--green-600)}.s-timeline__circle__position--theme-red{background-color:var(--red-600)}.s-timeline__circle__position--theme-yellow{background-color:var(--yellow-600)}.s-timeline__content__title{margin:14px 10px 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STimelineComponent, selector: "s-timeline", inputs: { title: "title", description: "description", paragraph: "paragraph", position: "position", isLast: "isLast", icon: "icon", theme: "theme" }, ngImport: i0, template: "<div class=\"s-timeline\">\n    <div class=\"s-timeline__circle\" [class.no-after]=\"isLast\">\n        <div *ngIf=\"position || icon\" class=\"s-timeline__circle__position s-timeline__circle__position--theme-{{theme}}\">\n            <ng-container *ngIf=\"position; else iconContent\">{{ position }}</ng-container>\n            <ng-template #iconContent>\n                <s-icon-mat class=\"s-timeline__circle__steps\">{{ icon }}</s-icon-mat>\n            </ng-template>\n        </div>\n    </div>\n   <div class=\"s-timeline__content\">\n       <div class=\"s-timeline__content__title\">\n           {{title}}\n       </div>\n       <div *ngIf=\"description\" class=\"s-timeline__content__description\">\n           {{description}}\n       </div>\n       <div *ngIf=\"paragraph\" class=\"s-timeline__content__paragraph\">\n           {{paragraph}}\n       </div>\n       <ng-content>\n           \n       </ng-content>\n   </div>\n</div>", styles: [".s-timeline{display:flex;margin-top:1.25rem}.s-timeline__circle:after{content:\"\";background-color:#33bb8f;position:relative;width:.125rem;height:100%;z-index:1;left:52%;display:flex}.s-timeline__circle.no-after:after{display:none}.s-timeline__circle__steps{color:#fff;font-size:1.125rem;display:flex;align-items:center;justify-content:center}.s-timeline__circle__position{border-radius:2.5rem;width:2rem;height:2rem;z-index:2;display:flex;color:#fff;position:relative;margin:.6rem 1rem 0rem;justify-content:center;align-items:center}.s-timeline__circle__position--theme-primary{background-color:var(--primary-600)}.s-timeline__circle__position--theme-green{background-color:var(--green-600)}.s-timeline__circle__position--theme-red{background-color:var(--red-600)}.s-timeline__circle__position--theme-yellow{background-color:var(--yellow-600)}.s-timeline__content__title{margin:.875rem .625rem .625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STimelineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-timeline', template: "<div class=\"s-timeline\">\n    <div class=\"s-timeline__circle\" [class.no-after]=\"isLast\">\n        <div *ngIf=\"position || icon\" class=\"s-timeline__circle__position s-timeline__circle__position--theme-{{theme}}\">\n            <ng-container *ngIf=\"position; else iconContent\">{{ position }}</ng-container>\n            <ng-template #iconContent>\n                <s-icon-mat class=\"s-timeline__circle__steps\">{{ icon }}</s-icon-mat>\n            </ng-template>\n        </div>\n    </div>\n   <div class=\"s-timeline__content\">\n       <div class=\"s-timeline__content__title\">\n           {{title}}\n       </div>\n       <div *ngIf=\"description\" class=\"s-timeline__content__description\">\n           {{description}}\n       </div>\n       <div *ngIf=\"paragraph\" class=\"s-timeline__content__paragraph\">\n           {{paragraph}}\n       </div>\n       <ng-content>\n           \n       </ng-content>\n   </div>\n</div>", styles: [".s-timeline{display:flex;margin-top:20px}.s-timeline__circle:after{content:\"\";background-color:#33bb8f;position:relative;width:2px;height:100%;z-index:1;left:52%;display:flex}.s-timeline__circle.no-after:after{display:none}.s-timeline__circle__steps{color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.s-timeline__circle__position{border-radius:40px;width:32px;height:32px;z-index:2;display:flex;color:#fff;position:relative;margin:.6rem 1rem 0rem;justify-content:center;align-items:center}.s-timeline__circle__position--theme-primary{background-color:var(--primary-600)}.s-timeline__circle__position--theme-green{background-color:var(--green-600)}.s-timeline__circle__position--theme-red{background-color:var(--red-600)}.s-timeline__circle__position--theme-yellow{background-color:var(--yellow-600)}.s-timeline__content__title{margin:14px 10px 10px}\n"] }]
+            args: [{ selector: 's-timeline', template: "<div class=\"s-timeline\">\n    <div class=\"s-timeline__circle\" [class.no-after]=\"isLast\">\n        <div *ngIf=\"position || icon\" class=\"s-timeline__circle__position s-timeline__circle__position--theme-{{theme}}\">\n            <ng-container *ngIf=\"position; else iconContent\">{{ position }}</ng-container>\n            <ng-template #iconContent>\n                <s-icon-mat class=\"s-timeline__circle__steps\">{{ icon }}</s-icon-mat>\n            </ng-template>\n        </div>\n    </div>\n   <div class=\"s-timeline__content\">\n       <div class=\"s-timeline__content__title\">\n           {{title}}\n       </div>\n       <div *ngIf=\"description\" class=\"s-timeline__content__description\">\n           {{description}}\n       </div>\n       <div *ngIf=\"paragraph\" class=\"s-timeline__content__paragraph\">\n           {{paragraph}}\n       </div>\n       <ng-content>\n           \n       </ng-content>\n   </div>\n</div>", styles: [".s-timeline{display:flex;margin-top:1.25rem}.s-timeline__circle:after{content:\"\";background-color:#33bb8f;position:relative;width:.125rem;height:100%;z-index:1;left:52%;display:flex}.s-timeline__circle.no-after:after{display:none}.s-timeline__circle__steps{color:#fff;font-size:1.125rem;display:flex;align-items:center;justify-content:center}.s-timeline__circle__position{border-radius:2.5rem;width:2rem;height:2rem;z-index:2;display:flex;color:#fff;position:relative;margin:.6rem 1rem 0rem;justify-content:center;align-items:center}.s-timeline__circle__position--theme-primary{background-color:var(--primary-600)}.s-timeline__circle__position--theme-green{background-color:var(--green-600)}.s-timeline__circle__position--theme-red{background-color:var(--red-600)}.s-timeline__circle__position--theme-yellow{background-color:var(--yellow-600)}.s-timeline__content__title{margin:.875rem .625rem .625rem}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], description: [{

package/esm2022/lib/toast/s-toast.component.mjs

@@ -8,10 +8,10 @@ export class SToastComponent {
         this.toastService = toastService;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SToastComponent, deps: [{ token: i1.SToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SToastComponent, selector: "s-toast", ngImport: i0, template: "<div class=\"s-toast-container\">\n  <div *ngFor=\"let toast of toastService.toasts\">\n    <div\n      class=\"s-toast s-toast__position s-toast__theme-{{\n        toast.theme\n      }} animated s-toast__animation-bounceInDown\">\n      <div class=\"s-toast-box\">\n        <div class=\"s-toast-box-left\">\n          <s-icon-mat class=\"d-flex toast-icon\">{{\n            toast.iconTheme\n          }}</s-icon-mat>\n          <span class=\"toast-title\">{{ toast.title }}</span>\n        </div>\n        <div class=\"s-toast-box-right\">\n          <s-icon-mat\n            tabindex=\"0\"\n            (click)=\"toastService.removeToast(toast.id)\"\n            (keydown.enter)=\"toastService.removeToast(toast.id)\"\n            class=\"cursor-close d-flex cursor\"\n            >close</s-icon-mat\n          >\n        </div>\n      </div>\n      <div *ngIf=\"toast.content\" class=\"s-toast-content\">\n        <p>{{ toast.content }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".s-toast-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.s-toast{width:22rem;padding:1rem;border-radius:.25rem;position:relative}.s-toast__theme-default{border:1px solid var(--primary-600);background-color:var(--neutrals-1200)}.s-toast__theme-default .s-toast-box-left s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--primary-800)}.s-toast__theme-red{border:1px solid var(--red-600);background-color:var(--neutrals-1200)}.s-toast__theme-red .s-toast-box-left s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--red-800)}.s-toast__theme-yellow{border:1px solid var(--yellow-600);background-color:var(--neutrals-1200)}.s-toast__theme-yellow .s-toast-box-left s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--yellow-800)}.s-toast__theme-green{border:1px solid var(--green-600);background-color:var(--neutrals-1200)}.s-toast__theme-green .s-toast-box-left s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--green-800)}.s-toast__position{bottom:.7rem;right:.7rem}.s-toast__animation-bounceInDownOut{-webkit-animation-name:bounceInDownOut;animation-name:bounceInDownOut}.s-toast__animation-bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.s-toast.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.s-toast-box{display:flex;justify-content:space-between}.s-toast-box-left{display:flex;align-items:center;gap:.5rem}.s-toast-box-left .toast-title{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-toast-box-right{display:flex;align-items:center}.s-toast-box-right s-icon-mat,.s-toast-box-right s-icon-mat span{font-size:1rem!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toast-content{margin:.5rem 2rem 0}.s-toast-content p{font-size:.75rem;color:var(--secondary-600)}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}to{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@-webkit-keyframes bounceInDownOut{to{opacity:0;-webkit-transform:translateY(-2000px)}80%{opacity:1;-webkit-transform:translateY(30px)}60%{-webkit-transform:translateY(-10px)}0%{-webkit-transform:translateY(0)}}@keyframes bounceInDownOut{to{opacity:0;transform:translateY(-2000px)}80%{opacity:1;transform:translateY(30px)}60%{transform:translateY(-10px)}0%{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SToastComponent, selector: "s-toast", ngImport: i0, template: "<div class=\"s-toast-container\">\n  <div *ngFor=\"let toast of toastService.toasts\">\n    <div\n      class=\"s-toast s-toast__position s-toast__theme-{{\n        toast.theme\n      }} animated s-toast__animation-bounceInDown\">\n      <div class=\"s-toast-box\">\n        <div class=\"s-toast-box-left\">\n          <s-icon-mat class=\"d-flex toast-icon\">{{\n            toast.iconTheme\n          }}</s-icon-mat>\n          <span class=\"toast-title\">{{ toast.title }}</span>\n        </div>\n        <div class=\"s-toast-box-right\">\n          <s-icon-mat\n            tabindex=\"0\"\n            (click)=\"toastService.removeToast(toast.id)\"\n            (keydown.enter)=\"toastService.removeToast(toast.id)\"\n            class=\"cursor-close d-flex cursor\"\n            >close</s-icon-mat\n          >\n        </div>\n      </div>\n      <div *ngIf=\"toast.content\" class=\"s-toast-content\">\n        <p>{{ toast.content }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".s-toast-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.s-toast{width:22rem;padding:1rem;border-radius:.25rem;position:relative}.s-toast__theme-default{border:.063rem solid var(--primary-600);background-color:var(--neutrals-1200)}.s-toast__theme-default .s-toast-box-left s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--primary-800)}.s-toast__theme-red{border:.063rem solid var(--red-600);background-color:var(--neutrals-1200)}.s-toast__theme-red .s-toast-box-left s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--red-800)}.s-toast__theme-yellow{border:.063rem solid var(--yellow-600);background-color:var(--neutrals-1200)}.s-toast__theme-yellow .s-toast-box-left s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--yellow-800)}.s-toast__theme-green{border:.063rem solid var(--green-600);background-color:var(--neutrals-1200)}.s-toast__theme-green .s-toast-box-left s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--green-800)}.s-toast__position{bottom:.7rem;right:.7rem}.s-toast__animation-bounceInDownOut{-webkit-animation-name:bounceInDownOut;animation-name:bounceInDownOut}.s-toast__animation-bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.s-toast.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.s-toast-box{display:flex;justify-content:space-between}.s-toast-box-left{display:flex;align-items:center;gap:.5rem}.s-toast-box-left .toast-title{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-toast-box-right{display:flex;align-items:center}.s-toast-box-right s-icon-mat,.s-toast-box-right s-icon-mat span{font-size:1rem!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toast-content{margin:.5rem 2rem 0}.s-toast-content p{font-size:.75rem;color:var(--secondary-600)}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-125rem)}60%{opacity:1;-webkit-transform:translateY(1.875rem)}80%{-webkit-transform:translateY(-.625rem)}to{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-125rem)}60%{opacity:1;transform:translateY(1.875rem)}80%{transform:translateY(-.625rem)}to{transform:translateY(0)}}@-webkit-keyframes bounceInDownOut{to{opacity:0;-webkit-transform:translateY(-125rem)}80%{opacity:1;-webkit-transform:translateY(1.875rem)}60%{-webkit-transform:translateY(-.625rem)}0%{-webkit-transform:translateY(0)}}@keyframes bounceInDownOut{to{opacity:0;transform:translateY(-125rem)}80%{opacity:1;transform:translateY(1.875rem)}60%{transform:translateY(-.625rem)}0%{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-toast', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-toast-container\">\n  <div *ngFor=\"let toast of toastService.toasts\">\n    <div\n      class=\"s-toast s-toast__position s-toast__theme-{{\n        toast.theme\n      }} animated s-toast__animation-bounceInDown\">\n      <div class=\"s-toast-box\">\n        <div class=\"s-toast-box-left\">\n          <s-icon-mat class=\"d-flex toast-icon\">{{\n            toast.iconTheme\n          }}</s-icon-mat>\n          <span class=\"toast-title\">{{ toast.title }}</span>\n        </div>\n        <div class=\"s-toast-box-right\">\n          <s-icon-mat\n            tabindex=\"0\"\n            (click)=\"toastService.removeToast(toast.id)\"\n            (keydown.enter)=\"toastService.removeToast(toast.id)\"\n            class=\"cursor-close d-flex cursor\"\n            >close</s-icon-mat\n          >\n        </div>\n      </div>\n      <div *ngIf=\"toast.content\" class=\"s-toast-content\">\n        <p>{{ toast.content }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".s-toast-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.s-toast{width:22rem;padding:1rem;border-radius:.25rem;position:relative}.s-toast__theme-default{border:1px solid var(--primary-600);background-color:var(--neutrals-1200)}.s-toast__theme-default .s-toast-box-left s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--primary-800)}.s-toast__theme-red{border:1px solid var(--red-600);background-color:var(--neutrals-1200)}.s-toast__theme-red .s-toast-box-left s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--red-800)}.s-toast__theme-yellow{border:1px solid var(--yellow-600);background-color:var(--neutrals-1200)}.s-toast__theme-yellow .s-toast-box-left s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--yellow-800)}.s-toast__theme-green{border:1px solid var(--green-600);background-color:var(--neutrals-1200)}.s-toast__theme-green .s-toast-box-left s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--green-800)}.s-toast__position{bottom:.7rem;right:.7rem}.s-toast__animation-bounceInDownOut{-webkit-animation-name:bounceInDownOut;animation-name:bounceInDownOut}.s-toast__animation-bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.s-toast.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.s-toast-box{display:flex;justify-content:space-between}.s-toast-box-left{display:flex;align-items:center;gap:.5rem}.s-toast-box-left .toast-title{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-toast-box-right{display:flex;align-items:center}.s-toast-box-right s-icon-mat,.s-toast-box-right s-icon-mat span{font-size:1rem!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toast-content{margin:.5rem 2rem 0}.s-toast-content p{font-size:.75rem;color:var(--secondary-600)}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}to{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@-webkit-keyframes bounceInDownOut{to{opacity:0;-webkit-transform:translateY(-2000px)}80%{opacity:1;-webkit-transform:translateY(30px)}60%{-webkit-transform:translateY(-10px)}0%{-webkit-transform:translateY(0)}}@keyframes bounceInDownOut{to{opacity:0;transform:translateY(-2000px)}80%{opacity:1;transform:translateY(30px)}60%{transform:translateY(-10px)}0%{transform:translateY(0)}}\n"] }]
+            args: [{ selector: 's-toast', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-toast-container\">\n  <div *ngFor=\"let toast of toastService.toasts\">\n    <div\n      class=\"s-toast s-toast__position s-toast__theme-{{\n        toast.theme\n      }} animated s-toast__animation-bounceInDown\">\n      <div class=\"s-toast-box\">\n        <div class=\"s-toast-box-left\">\n          <s-icon-mat class=\"d-flex toast-icon\">{{\n            toast.iconTheme\n          }}</s-icon-mat>\n          <span class=\"toast-title\">{{ toast.title }}</span>\n        </div>\n        <div class=\"s-toast-box-right\">\n          <s-icon-mat\n            tabindex=\"0\"\n            (click)=\"toastService.removeToast(toast.id)\"\n            (keydown.enter)=\"toastService.removeToast(toast.id)\"\n            class=\"cursor-close d-flex cursor\"\n            >close</s-icon-mat\n          >\n        </div>\n      </div>\n      <div *ngIf=\"toast.content\" class=\"s-toast-content\">\n        <p>{{ toast.content }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".s-toast-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.s-toast{width:22rem;padding:1rem;border-radius:.25rem;position:relative}.s-toast__theme-default{border:.063rem solid var(--primary-600);background-color:var(--neutrals-1200)}.s-toast__theme-default .s-toast-box-left s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right s-icon-mat span{color:var(--primary-600)}.s-toast__theme-default .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--primary-800)}.s-toast__theme-red{border:.063rem solid var(--red-600);background-color:var(--neutrals-1200)}.s-toast__theme-red .s-toast-box-left s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right s-icon-mat span{color:var(--red-600)}.s-toast__theme-red .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--red-800)}.s-toast__theme-yellow{border:.063rem solid var(--yellow-600);background-color:var(--neutrals-1200)}.s-toast__theme-yellow .s-toast-box-left s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right s-icon-mat span{color:var(--yellow-600)}.s-toast__theme-yellow .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--yellow-800)}.s-toast__theme-green{border:.063rem solid var(--green-600);background-color:var(--neutrals-1200)}.s-toast__theme-green .s-toast-box-left s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right s-icon-mat span{color:var(--green-600)}.s-toast__theme-green .s-toast-box-right .cursor-close:hover .s-icon-mat span{color:var(--green-800)}.s-toast__position{bottom:.7rem;right:.7rem}.s-toast__animation-bounceInDownOut{-webkit-animation-name:bounceInDownOut;animation-name:bounceInDownOut}.s-toast__animation-bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.s-toast.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.s-toast-box{display:flex;justify-content:space-between}.s-toast-box-left{display:flex;align-items:center;gap:.5rem}.s-toast-box-left .toast-title{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-toast-box-right{display:flex;align-items:center}.s-toast-box-right s-icon-mat,.s-toast-box-right s-icon-mat span{font-size:1rem!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toast-content{margin:.5rem 2rem 0}.s-toast-content p{font-size:.75rem;color:var(--secondary-600)}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-125rem)}60%{opacity:1;-webkit-transform:translateY(1.875rem)}80%{-webkit-transform:translateY(-.625rem)}to{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-125rem)}60%{opacity:1;transform:translateY(1.875rem)}80%{transform:translateY(-.625rem)}to{transform:translateY(0)}}@-webkit-keyframes bounceInDownOut{to{opacity:0;-webkit-transform:translateY(-125rem)}80%{opacity:1;-webkit-transform:translateY(1.875rem)}60%{-webkit-transform:translateY(-.625rem)}0%{-webkit-transform:translateY(0)}}@keyframes bounceInDownOut{to{opacity:0;transform:translateY(-125rem)}80%{opacity:1;transform:translateY(1.875rem)}60%{transform:translateY(-.625rem)}0%{transform:translateY(0)}}\n"] }]
         }], ctorParameters: () => [{ type: i1.SToastService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10b2FzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi90b2FzdC9zLXRvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RvYXN0L3MtdG9hc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTN0QsTUFBTSxPQUFPLGVBQWU7SUFDMUIsWUFBbUIsWUFBMkI7UUFBM0IsaUJBQVksR0FBWixZQUFZLENBQWU7SUFBRyxDQUFDOytHQUR2QyxlQUFlO21HQUFmLGVBQWUsK0NDVDVCLCs5QkE2QkE7OzRGRHBCYSxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFNBQVMsaUJBR0osaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNUb2FzdFNlcnZpY2UgfSBmcm9tICcuL3MtdG9hc3Qtc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtdG9hc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy10b2FzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU1RvYXN0Q29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHVibGljIHRvYXN0U2VydmljZTogU1RvYXN0U2VydmljZSkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzLXRvYXN0LWNvbnRhaW5lclwiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCB0b2FzdCBvZiB0b2FzdFNlcnZpY2UudG9hc3RzXCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJzLXRvYXN0IHMtdG9hc3RfX3Bvc2l0aW9uIHMtdG9hc3RfX3RoZW1lLXt7XG4gICAgICAgIHRvYXN0LnRoZW1lXG4gICAgICB9fSBhbmltYXRlZCBzLXRvYXN0X19hbmltYXRpb24tYm91bmNlSW5Eb3duXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy10b2FzdC1ib3hcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInMtdG9hc3QtYm94LWxlZnRcIj5cbiAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cImQtZmxleCB0b2FzdC1pY29uXCI+e3tcbiAgICAgICAgICAgIHRvYXN0Lmljb25UaGVtZVxuICAgICAgICAgIH19PC9zLWljb24tbWF0PlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidG9hc3QtdGl0bGVcIj57eyB0b2FzdC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzLXRvYXN0LWJveC1yaWdodFwiPlxuICAgICAgICAgIDxzLWljb24tbWF0XG4gICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvYXN0U2VydmljZS5yZW1vdmVUb2FzdCh0b2FzdC5pZClcIlxuICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwidG9hc3RTZXJ2aWNlLnJlbW92ZVRvYXN0KHRvYXN0LmlkKVwiXG4gICAgICAgICAgICBjbGFzcz1cImN1cnNvci1jbG9zZSBkLWZsZXggY3Vyc29yXCJcbiAgICAgICAgICAgID5jbG9zZTwvcy1pY29uLW1hdFxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCJ0b2FzdC5jb250ZW50XCIgY2xhc3M9XCJzLXRvYXN0LWNvbnRlbnRcIj5cbiAgICAgICAgPHA+e3sgdG9hc3QuY29udGVudCB9fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs

@@ -60,7 +60,7 @@ export class SToggleSwitchComponent {
                 useExisting: forwardRef(() => SToggleSwitchComponent),
                 multi: true
             }
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"s-toggle-switch s-toggle-switch--size-{{size}}\" [ngClass]=\"vertical ? 's-toggle-switch--vertical' : '' \">\n    <label class=\"s-toggle-switch__content\" tabindex=\"0\" (keydown)=\"onKeydown($event)\">\n        <input tabindex=\"-1\" class=\"s-toggle-switch__content__input\" type=\"checkbox\" [disabled]=\"disabled\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange()\">\n        <span class=\"s-toggle-switch__content__slider\"\n        [ngClass]=\"{\n            'disabled': disabled,\n            'active': value,\n            'no-active': !value\n        }\">\n            <s-icon-mat class=\"slider-icon-close\"  *ngIf=\"showIcon\">{{getIcon()}}</s-icon-mat>\n        </span>\n    </label>\n    <label *ngIf=\"label\" class=\"s-toggle-switch__label\"\n    [ngClass]=\"{\n        'bold-select-active': boldSelectActive && value,\n        'disabled': disabled,\n    }\"\n    >{{label}}</label>\n</div>", styles: [".s-toggle-switch{display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toggle-switch__content{transform:translate(2px);position:relative;display:inline-block}.s-toggle-switch__content__input{opacity:0;width:0;height:0}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider{background-color:var(--primary-600)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--secondary-600);-webkit-transition:.4s;transition:.4s;border-radius:15px}.s-toggle-switch__content__slider .slider-icon-close{z-index:1;position:absolute;-webkit-transition:.4s;transition:.4s}.s-toggle-switch__content__slider .slider-icon-close span{color:var(--neutrals-1200);font-weight:900}.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider:before{z-index:2;position:absolute;content:\"\";background-color:var(--neutrals-1200);-webkit-transition:.4s;transition:.4s;border-radius:50%}.s-toggle-switch__label{margin-left:8px;font-size:.875rem}.s-toggle-switch__label.disabled{color:var(--neutrals-700)}.s-toggle-switch__label.bold-select-active{font-weight:700}.s-toggle-switch--size-md .s-toggle-switch__content{width:40px;height:20px;min-width:40px}.s-toggle-switch--size-md .s-toggle-switch__content__slider:before{height:16px;width:16px;left:2px;bottom:2px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close{left:22px;top:3px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close span{font-size:.9rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-2px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-1px}.s-toggle-switch--size-sm .s-toggle-switch__content{width:32px;height:16px;min-width:32px}.s-toggle-switch--size-sm .s-toggle-switch__content__slider:before{height:12px;width:12px;left:2px;bottom:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close{left:16px;top:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close span{font-size:.8rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-6px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-6px}.s-toggle-switch:hover .s-toggle-switch__content__slider.active{background-color:var(--primary-900)}.s-toggle-switch:hover .s-toggle-switch__content__slider.no-active{background-color:var(--secondary-900)}.s-toggle-switch--vertical{align-items:center}.s-toggle-switch--vertical .s-toggle-switch__content{transform:rotate(90deg)}.s-toggle-switch--vertical .slider-icon-close{transform:rotate(-90deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"s-toggle-switch s-toggle-switch--size-{{size}}\" [ngClass]=\"vertical ? 's-toggle-switch--vertical' : '' \">\n    <label class=\"s-toggle-switch__content\" tabindex=\"0\" (keydown)=\"onKeydown($event)\">\n        <input tabindex=\"-1\" class=\"s-toggle-switch__content__input\" type=\"checkbox\" [disabled]=\"disabled\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange()\">\n        <span class=\"s-toggle-switch__content__slider\"\n        [ngClass]=\"{\n            'disabled': disabled,\n            'active': value,\n            'no-active': !value\n        }\">\n            <s-icon-mat class=\"slider-icon-close\"  *ngIf=\"showIcon\">{{getIcon()}}</s-icon-mat>\n        </span>\n    </label>\n    <label *ngIf=\"label\" class=\"s-toggle-switch__label\"\n    [ngClass]=\"{\n        'bold-select-active': boldSelectActive && value,\n        'disabled': disabled,\n    }\"\n    >{{label}}</label>\n</div>", styles: [".s-toggle-switch{display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toggle-switch__content{transform:translate(.125rem);position:relative;display:inline-block}.s-toggle-switch__content__input{opacity:0;width:0;height:0}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider{background-color:var(--primary-600)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{-webkit-transform:translateX(1.5rem);-ms-transform:translateX(1.5rem);transform:translate(1.5rem)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--secondary-600);-webkit-transition:.4s;transition:.4s;border-radius:.938rem}.s-toggle-switch__content__slider .slider-icon-close{z-index:1;position:absolute;-webkit-transition:.4s;transition:.4s}.s-toggle-switch__content__slider .slider-icon-close span{color:var(--neutrals-1200);font-weight:900}.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider:before{z-index:2;position:absolute;content:\"\";background-color:var(--neutrals-1200);-webkit-transition:.4s;transition:.4s;border-radius:50%}.s-toggle-switch__label{margin-left:.5rem;font-size:.875rem}.s-toggle-switch__label.disabled{color:var(--neutrals-700)}.s-toggle-switch__label.bold-select-active{font-weight:700}.s-toggle-switch--size-md .s-toggle-switch__content{width:2.5rem;height:1.25rem;min-width:2.5rem}.s-toggle-switch--size-md .s-toggle-switch__content__slider:before{height:1rem;width:1rem;left:.125rem;bottom:.125rem}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close{left:1.375rem;top:.188rem}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close span{font-size:.9rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-.125rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:.188rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-.063rem}.s-toggle-switch--size-sm .s-toggle-switch__content{width:2rem;height:1rem;min-width:2rem}.s-toggle-switch--size-sm .s-toggle-switch__content__slider:before{height:.75rem;width:.75rem;left:.125rem;bottom:.125rem}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close{left:1rem;top:.125rem}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close span{font-size:.8rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-.375rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:.188rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-.375rem}.s-toggle-switch:hover .s-toggle-switch__content__slider.active{background-color:var(--primary-900)}.s-toggle-switch:hover .s-toggle-switch__content__slider.no-active{background-color:var(--secondary-900)}.s-toggle-switch--vertical{align-items:center}.s-toggle-switch--vertical .s-toggle-switch__content{transform:rotate(90deg)}.s-toggle-switch--vertical .slider-icon-close{transform:rotate(-90deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SToggleSwitchComponent, decorators: [{
             type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SToggleSwitchComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"s-toggle-switch s-toggle-switch--size-{{size}}\" [ngClass]=\"vertical ? 's-toggle-switch--vertical' : '' \">\n    <label class=\"s-toggle-switch__content\" tabindex=\"0\" (keydown)=\"onKeydown($event)\">\n        <input tabindex=\"-1\" class=\"s-toggle-switch__content__input\" type=\"checkbox\" [disabled]=\"disabled\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange()\">\n        <span class=\"s-toggle-switch__content__slider\"\n        [ngClass]=\"{\n            'disabled': disabled,\n            'active': value,\n            'no-active': !value\n        }\">\n            <s-icon-mat class=\"slider-icon-close\"  *ngIf=\"showIcon\">{{getIcon()}}</s-icon-mat>\n        </span>\n    </label>\n    <label *ngIf=\"label\" class=\"s-toggle-switch__label\"\n    [ngClass]=\"{\n        'bold-select-active': boldSelectActive && value,\n        'disabled': disabled,\n    }\"\n    >{{label}}</label>\n</div>", styles: [".s-toggle-switch{display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toggle-switch__content{transform:translate(2px);position:relative;display:inline-block}.s-toggle-switch__content__input{opacity:0;width:0;height:0}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider{background-color:var(--primary-600)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--secondary-600);-webkit-transition:.4s;transition:.4s;border-radius:15px}.s-toggle-switch__content__slider .slider-icon-close{z-index:1;position:absolute;-webkit-transition:.4s;transition:.4s}.s-toggle-switch__content__slider .slider-icon-close span{color:var(--neutrals-1200);font-weight:900}.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider:before{z-index:2;position:absolute;content:\"\";background-color:var(--neutrals-1200);-webkit-transition:.4s;transition:.4s;border-radius:50%}.s-toggle-switch__label{margin-left:8px;font-size:.875rem}.s-toggle-switch__label.disabled{color:var(--neutrals-700)}.s-toggle-switch__label.bold-select-active{font-weight:700}.s-toggle-switch--size-md .s-toggle-switch__content{width:40px;height:20px;min-width:40px}.s-toggle-switch--size-md .s-toggle-switch__content__slider:before{height:16px;width:16px;left:2px;bottom:2px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close{left:22px;top:3px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close span{font-size:.9rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-2px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-1px}.s-toggle-switch--size-sm .s-toggle-switch__content{width:32px;height:16px;min-width:32px}.s-toggle-switch--size-sm .s-toggle-switch__content__slider:before{height:12px;width:12px;left:2px;bottom:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close{left:16px;top:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close span{font-size:.8rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-6px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-6px}.s-toggle-switch:hover .s-toggle-switch__content__slider.active{background-color:var(--primary-900)}.s-toggle-switch:hover .s-toggle-switch__content__slider.no-active{background-color:var(--secondary-900)}.s-toggle-switch--vertical{align-items:center}.s-toggle-switch--vertical .s-toggle-switch__content{transform:rotate(90deg)}.s-toggle-switch--vertical .slider-icon-close{transform:rotate(-90deg)}\n"] }]
+                    ], template: "<div class=\"s-toggle-switch s-toggle-switch--size-{{size}}\" [ngClass]=\"vertical ? 's-toggle-switch--vertical' : '' \">\n    <label class=\"s-toggle-switch__content\" tabindex=\"0\" (keydown)=\"onKeydown($event)\">\n        <input tabindex=\"-1\" class=\"s-toggle-switch__content__input\" type=\"checkbox\" [disabled]=\"disabled\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange()\">\n        <span class=\"s-toggle-switch__content__slider\"\n        [ngClass]=\"{\n            'disabled': disabled,\n            'active': value,\n            'no-active': !value\n        }\">\n            <s-icon-mat class=\"slider-icon-close\"  *ngIf=\"showIcon\">{{getIcon()}}</s-icon-mat>\n        </span>\n    </label>\n    <label *ngIf=\"label\" class=\"s-toggle-switch__label\"\n    [ngClass]=\"{\n        'bold-select-active': boldSelectActive && value,\n        'disabled': disabled,\n    }\"\n    >{{label}}</label>\n</div>", styles: [".s-toggle-switch{display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-toggle-switch__content{transform:translate(.125rem);position:relative;display:inline-block}.s-toggle-switch__content__input{opacity:0;width:0;height:0}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider{background-color:var(--primary-600)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{-webkit-transform:translateX(1.5rem);-ms-transform:translateX(1.5rem);transform:translate(1.5rem)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--secondary-600);-webkit-transition:.4s;transition:.4s;border-radius:.938rem}.s-toggle-switch__content__slider .slider-icon-close{z-index:1;position:absolute;-webkit-transition:.4s;transition:.4s}.s-toggle-switch__content__slider .slider-icon-close span{color:var(--neutrals-1200);font-weight:900}.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider:before{z-index:2;position:absolute;content:\"\";background-color:var(--neutrals-1200);-webkit-transition:.4s;transition:.4s;border-radius:50%}.s-toggle-switch__label{margin-left:.5rem;font-size:.875rem}.s-toggle-switch__label.disabled{color:var(--neutrals-700)}.s-toggle-switch__label.bold-select-active{font-weight:700}.s-toggle-switch--size-md .s-toggle-switch__content{width:2.5rem;height:1.25rem;min-width:2.5rem}.s-toggle-switch--size-md .s-toggle-switch__content__slider:before{height:1rem;width:1rem;left:.125rem;bottom:.125rem}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close{left:1.375rem;top:.188rem}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close span{font-size:.9rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-.125rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:.188rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-.063rem}.s-toggle-switch--size-sm .s-toggle-switch__content{width:2rem;height:1rem;min-width:2rem}.s-toggle-switch--size-sm .s-toggle-switch__content__slider:before{height:.75rem;width:.75rem;left:.125rem;bottom:.125rem}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close{left:1rem;top:.125rem}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close span{font-size:.8rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-.375rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:.188rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-.375rem}.s-toggle-switch:hover .s-toggle-switch__content__slider.active{background-color:var(--primary-900)}.s-toggle-switch:hover .s-toggle-switch__content__slider.no-active{background-color:var(--secondary-900)}.s-toggle-switch--vertical{align-items:center}.s-toggle-switch--vertical .s-toggle-switch__content{transform:rotate(90deg)}.s-toggle-switch--vertical .slider-icon-close{transform:rotate(-90deg)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], value: [{