@seniorsistemas/data-seniorx-core 1.5.0 → 1.6.0

package/esm2022/features/searchbox/searchbox.component.mjs

@@ -1,39 +1,49 @@
-import { ButtonModule } from 'primeng/button';
 import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { getDimensionStyles } from '../../public-api';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import { InputGroupModule } from 'primeng/inputgroup';
 import { InputTextModule } from 'primeng/inputtext';
 import { TranslateModule } from '@ngx-translate/core';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import { InputsComponent } from '../inputs';
 import * as i0 from "@angular/core";
-import * as i1 from "primeng/button";
+import * as i1 from "@seniorsistemas/angular-components/button";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "primeng/inputgroupaddon";
 import * as i5 from "primeng/inputgroup";
 import * as i6 from "primeng/inputtext";
 import * as i7 from "@ngx-translate/core";
-export class SearchboxComponent {
+export class SearchboxComponent extends InputsComponent {
     value = '';
-    width = false;
-    disabled = false;
-    placeholder = null;
+    triggerMode = 'auto';
     searchEvent = new EventEmitter();
     clearEvent = new EventEmitter();
-    getStyles() {
-        return getDimensionStyles('width', this.width);
+    onInput(ev) {
+        this.value = ev.target?.value ?? '';
+        if (this.triggerMode === 'auto' && !this.disabled) {
+            this.searchEvent.emit(this.value);
+        }
+    }
+    onKeydown(ev) {
+        if (this.triggerMode === 'submit' && ev.key === 'Enter' && !this.disabled) {
+            this.searchEvent.emit(this.value);
+        }
     }
     onSearch() {
-        this.searchEvent.emit(this.value);
+        if (!this.disabled)
+            this.searchEvent.emit(this.value);
     }
     onClear() {
         this.value = '';
         this.clearEvent.emit();
+        if (this.triggerMode === 'auto' && !this.disabled) {
+            this.searchEvent.emit(this.value);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchboxComponent, isStandalone: true, selector: "sdc-searchbox", inputs: { width: "width", disabled: "disabled", placeholder: "placeholder" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, ngImport: i0, template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        (keyup.enter)=\"onSearch()\"\n        (keyup.esc)=\"onClear()\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n        pInputText\n        type=\"text\"\n    />\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onClear()\"\n            [disabled]=\"disabled\" \n            icon=\"fas fa-times\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            icon=\"fas fa-search\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [".height-100{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchboxComponent, isStandalone: true, selector: "sdc-searchbox", inputs: { triggerMode: "triggerMode" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-searchbox\">\n  <label *ngIf=\"label\" [for]=\"identity.id\">\n    <span>{{ label }}</span>\n    <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n  </label>\n  <p-inputgroup [ngStyle]=\"getStyles()\">\n    <p-inputgroup-addon *ngIf=\"triggerMode === 'submit'\">\n      <s-button priority=\"link\" class=\"height-100\" [disabled]=\"disabled\" (click)=\"onSearch()\">\n        <i class=\"fas fa-search\"></i>\n      </s-button>\n    </p-inputgroup-addon>\n    \n    <input [ngClass]=\"getInvalidClass()\" pInputText type=\"text\" [(ngModel)]=\"value\" [disabled]=\"disabled\"\n      [placeholder]=\"placeholder || ('platform.datacore.search' | translate)\" (input)=\"onInput($event)\"\n      (keyup.enter)=\"onSearch()\" (keyup.esc)=\"onClear()\" />\n\n    <p-inputgroup-addon>\n      <s-button priority=\"link\" class=\"height-100\" [disabled]=\"disabled\" (click)=\"onClear()\">\n        <i class=\"fas fa-times\"></i>\n      </s-button>\n    </p-inputgroup-addon>\n\n\n  </p-inputgroup>\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>", styles: [".sdc-searchbox ::ng-deep .p-inputgroupaddon{min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important;padding:0rem!important}.sdc-searchbox ::ng-deep .p-inputtext:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-searchbox ::ng-deep .p-inputtext{border:1px solid var(--sdc-formfield-default-border)!important}.sdc-searchbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-searchbox .required-field{margin-left:.25rem}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button{background-color:var(--sdc-button-bg)!important;color:var(--sdc-button-icon-default)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button i{color:var(--sdc-button-icon-default)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:hover:has(s-button button:not(:disabled)){transition:var(--sdc-button-bg-hover-transition)!important;background-color:var(--sdc-button-bg-hover)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button:focus{border-color:var(--sdc-formfield-default-border)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button:first-child{border-color:var(--sdc-formfield-default-border)!important;border-width:1px 0px 1px 0px!important;border-radius:0 0 0 6px}.sdc-searchbox ::ng-deep .p-inputgroupaddon:last-child s-button button{border-color:var(--sdc-formfield-default-border)!important;border-width:1px 0px 1px 0!important;border-radius:0 6px 6px 0}.sdc-searchbox ::ng-deep .p-inputgroupaddon:first-child s-button button{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
             type: Component,
@@ -45,13 +55,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         InputGroupModule,
                         InputTextModule,
                         ReactiveFormsModule,
-                        TranslateModule
-                    ], standalone: true, selector: 'sdc-searchbox', template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        (keyup.enter)=\"onSearch()\"\n        (keyup.esc)=\"onClear()\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n        pInputText\n        type=\"text\"\n    />\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onClear()\"\n            [disabled]=\"disabled\" \n            icon=\"fas fa-times\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            icon=\"fas fa-search\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [".height-100{height:100%}\n"] }]
-        }], propDecorators: { width: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholder: [{
+                        TranslateModule,
+                    ], standalone: true, selector: 'sdc-searchbox', template: "<div class=\"sdc-searchbox\">\n  <label *ngIf=\"label\" [for]=\"identity.id\">\n    <span>{{ label }}</span>\n    <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n  </label>\n  <p-inputgroup [ngStyle]=\"getStyles()\">\n    <p-inputgroup-addon *ngIf=\"triggerMode === 'submit'\">\n      <s-button priority=\"link\" class=\"height-100\" [disabled]=\"disabled\" (click)=\"onSearch()\">\n        <i class=\"fas fa-search\"></i>\n      </s-button>\n    </p-inputgroup-addon>\n    \n    <input [ngClass]=\"getInvalidClass()\" pInputText type=\"text\" [(ngModel)]=\"value\" [disabled]=\"disabled\"\n      [placeholder]=\"placeholder || ('platform.datacore.search' | translate)\" (input)=\"onInput($event)\"\n      (keyup.enter)=\"onSearch()\" (keyup.esc)=\"onClear()\" />\n\n    <p-inputgroup-addon>\n      <s-button priority=\"link\" class=\"height-100\" [disabled]=\"disabled\" (click)=\"onClear()\">\n        <i class=\"fas fa-times\"></i>\n      </s-button>\n    </p-inputgroup-addon>\n\n\n  </p-inputgroup>\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>", styles: [".sdc-searchbox ::ng-deep .p-inputgroupaddon{min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important;padding:0rem!important}.sdc-searchbox ::ng-deep .p-inputtext:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-searchbox ::ng-deep .p-inputtext{border:1px solid var(--sdc-formfield-default-border)!important}.sdc-searchbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-searchbox .required-field{margin-left:.25rem}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button{background-color:var(--sdc-button-bg)!important;color:var(--sdc-button-icon-default)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button i{color:var(--sdc-button-icon-default)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:hover:has(s-button button:not(:disabled)){transition:var(--sdc-button-bg-hover-transition)!important;background-color:var(--sdc-button-bg-hover)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button:focus{border-color:var(--sdc-formfield-default-border)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button:first-child{border-color:var(--sdc-formfield-default-border)!important;border-width:1px 0px 1px 0px!important;border-radius:0 0 0 6px}.sdc-searchbox ::ng-deep .p-inputgroupaddon:last-child s-button button{border-color:var(--sdc-formfield-default-border)!important;border-width:1px 0px 1px 0!important;border-radius:0 6px 6px 0}.sdc-searchbox ::ng-deep .p-inputgroupaddon:first-child s-button button{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}\n"] }]
+        }], propDecorators: { triggerMode: [{
                 type: Input
             }], searchEvent: [{
                 type: Output,
@@ -60,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output,
                 args: ['onClear']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvc2VhcmNoYm94L3NlYXJjaGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NlYXJjaGJveC9zZWFyY2hib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBYSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7Ozs7QUFrQnRELE1BQU0sT0FBTyxrQkFBa0I7SUFDdEIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUVqQixLQUFLLEdBQWMsS0FBSyxDQUFDO0lBQ3pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsV0FBVyxHQUFrQixJQUFJLENBQUM7SUFFdkIsV0FBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hFLFVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUU3RSxTQUFTO1FBQ1AsT0FBTyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3dHQXJCVSxrQkFBa0I7NEZBQWxCLGtCQUFrQixvTkMxQi9CLCsyQkErQkEsbUZEbkJJLFlBQVksaWJBQ1osWUFBWSxtSEFDWixXQUFXLDhtQkFDWCxxQkFBcUIsbUtBQ3JCLGdCQUFnQixrS0FDaEIsZUFBZSwwSUFDZixtQkFBbUIsOEJBQ25CLGVBQWU7OzRGQU9OLGtCQUFrQjtrQkFoQjlCLFNBQVM7OEJBQ0M7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gscUJBQXFCO3dCQUNyQixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixlQUFlO3FCQUNoQixjQUNXLElBQUksWUFDTixlQUFlOzhCQU9oQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVjLFdBQVc7c0JBQTlCLE1BQU07dUJBQUMsVUFBVTtnQkFDQyxVQUFVO3NCQUE1QixNQUFNO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzIH0gZnJvbSAnLi4vLi4vcHVibGljLWFwaSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0R3JvdXBBZGRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXRncm91cGFkZG9uJztcbmltcG9ydCB7IElucHV0R3JvdXBNb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0Z3JvdXAnO1xuaW1wb3J0IHsgSW5wdXRUZXh0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dHRleHQnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbXG4gICAgQnV0dG9uTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBJbnB1dEdyb3VwQWRkb25Nb2R1bGUsXG4gICAgSW5wdXRHcm91cE1vZHVsZSxcbiAgICBJbnB1dFRleHRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGVcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzZGMtc2VhcmNoYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaGJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zZWFyY2hib3guY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaGJveENvbXBvbmVudCB7XG4gIHB1YmxpYyB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgd2lkdGg6IERpbWVuc2lvbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogU3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgnb25TZWFyY2gnKSBzZWFyY2hFdmVudDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgnb25DbGVhcicpIGNsZWFyRXZlbnQ6IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcblxuICBnZXRTdHlsZXMoKTogYW55IHtcbiAgICByZXR1cm4gZ2V0RGltZW5zaW9uU3R5bGVzKCd3aWR0aCcsIHRoaXMud2lkdGgpO1xuICB9XG5cbiAgb25TZWFyY2goKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hFdmVudC5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgb25DbGVhcigpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gJyc7XG4gICAgdGhpcy5jbGVhckV2ZW50LmVtaXQoKTtcbiAgfVxufVxuIiwiPHAtaW5wdXRncm91cCBbbmdTdHlsZV09XCJnZXRTdHlsZXMoKVwiID5cbiAgICA8aW5wdXRcbiAgICAgICAgKGtleXVwLmVudGVyKT1cIm9uU2VhcmNoKClcIlxuICAgICAgICAoa2V5dXAuZXNjKT1cIm9uQ2xlYXIoKVwiXG4gICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiIHBsYWNlaG9sZGVyIHx8ICgncGxhdGZvcm0uZGF0YWNvcmUuc2VhcmNoJyB8IHRyYW5zbGF0ZSlcIlxuICAgICAgICBwSW5wdXRUZXh0XG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAvPlxuXG4gICAgPHAtaW5wdXRncm91cC1hZGRvbj5cbiAgICAgICAgPHAtYnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cImhlaWdodC0xMDBcIlxuICAgICAgICAgICAgKG9uQ2xpY2spPVwib25DbGVhcigpXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgICAgICAgaWNvbj1cImZhcyBmYS10aW1lc1wiXG4gICAgICAgICAgICBzZXZlcml0eT1cInNlY29uZGFyeVwiXG4gICAgICAgIC8+XG4gICAgPC9wLWlucHV0Z3JvdXAtYWRkb24+XG5cbiAgICA8cC1pbnB1dGdyb3VwLWFkZG9uPlxuICAgICAgICA8cC1idXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwiaGVpZ2h0LTEwMFwiXG4gICAgICAgICAgICAob25DbGljayk9XCJvblNlYXJjaCgpXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICBpY29uPVwiZmFzIGZhLXNlYXJjaFwiXG4gICAgICAgICAgICBzZXZlcml0eT1cInNlY29uZGFyeVwiXG4gICAgICAgIC8+XG4gICAgPC9wLWlucHV0Z3JvdXAtYWRkb24+XG48L3AtaW5wdXRncm91cD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvc2VhcmNoYm94L3NlYXJjaGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NlYXJjaGJveC9zZWFyY2hib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7Ozs7Ozs7OztBQWtCNUMsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGVBQXVCO0lBQzdDLEtBQUssR0FBVyxFQUFFLENBQUM7SUFFMUIsV0FBVyxHQUFzQixNQUFNLENBQUM7SUFFN0IsV0FBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hFLFVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVwRSxPQUFPLENBQUMsRUFBUztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFJLEVBQUUsQ0FBQyxNQUEyQixFQUFFLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDMUQsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsQ0FBQztJQUNILENBQUM7SUFFRCxTQUFTLENBQUMsRUFBaUI7UUFDekIsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUMxRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRO1lBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQyxDQUFDO0lBQ0gsQ0FBQzt3R0EvQlUsa0JBQWtCOzRGQUFsQixrQkFBa0IscU1DNUIvQixnbUNBeUJNLGcrRERYRixZQUFZLHNXQUNaLFlBQVkscVRBQ1osV0FBVyw4bUJBQ1gscUJBQXFCLG1LQUNyQixnQkFBZ0Isa0tBQ2hCLGVBQWUsMElBQ2YsbUJBQW1CLDhCQUNuQixlQUFlOzs0RkFPTixrQkFBa0I7a0JBaEI5QixTQUFTOzhCQUNDO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixXQUFXO3dCQUNYLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsZUFBZTtxQkFDaEIsY0FDVyxJQUFJLFlBQ04sZUFBZTs4QkFPaEIsV0FBVztzQkFBbkIsS0FBSztnQkFFYyxXQUFXO3NCQUE5QixNQUFNO3VCQUFDLFVBQVU7Z0JBQ0MsVUFBVTtzQkFBNUIsTUFBTTt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQsIERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzIH0gZnJvbSAnLi4vLi4vcHVibGljLWFwaSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0R3JvdXBBZGRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXRncm91cGFkZG9uJztcbmltcG9ydCB7IElucHV0R3JvdXBNb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0Z3JvdXAnO1xuaW1wb3J0IHsgSW5wdXRUZXh0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dHRleHQnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBTZWFyY2hUcmlnZ2VyTW9kZSB9IGZyb20gJ2xpYi9zcmMvY29yZS90eXBlcy9zZWFyY2hib3gudHlwZSc7XG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBJbnB1dHNDb21wb25lbnQgfSBmcm9tICcuLi9pbnB1dHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1xuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgSW5wdXRHcm91cEFkZG9uTW9kdWxlLFxuICAgIElucHV0R3JvdXBNb2R1bGUsXG4gICAgSW5wdXRUZXh0TW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3NkYy1zZWFyY2hib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NlYXJjaGJveC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoYm94Q29tcG9uZW50IGV4dGVuZHMgSW5wdXRzQ29tcG9uZW50PHN0cmluZz4ge1xuICBwdWJsaWMgb3ZlcnJpZGUgdmFsdWU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpIHRyaWdnZXJNb2RlOiBTZWFyY2hUcmlnZ2VyTW9kZSA9ICdhdXRvJztcblxuICBAT3V0cHV0KCdvblNlYXJjaCcpIHNlYXJjaEV2ZW50OiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCdvbkNsZWFyJykgY2xlYXJFdmVudDogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuXG4gIG92ZXJyaWRlIG9uSW5wdXQoZXY6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IChldi50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCk/LnZhbHVlID8/ICcnO1xuICAgIGlmICh0aGlzLnRyaWdnZXJNb2RlID09PSAnYXV0bycgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VhcmNoRXZlbnQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBvbktleWRvd24oZXY6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50cmlnZ2VyTW9kZSA9PT0gJ3N1Ym1pdCcgJiYgZXYua2V5ID09PSAnRW50ZXInICYmICF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnNlYXJjaEV2ZW50LmVtaXQodGhpcy52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgb25TZWFyY2goKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB0aGlzLnNlYXJjaEV2ZW50LmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cblxuICBvbkNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSAnJztcbiAgICB0aGlzLmNsZWFyRXZlbnQuZW1pdCgpO1xuICAgIGlmICh0aGlzLnRyaWdnZXJNb2RlID09PSAnYXV0bycgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VhcmNoRXZlbnQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZGMtc2VhcmNoYm94XCI+XG4gIDxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJpZGVudGl0eS5pZFwiPlxuICAgIDxzcGFuPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwicmVxdWlyZWQtZmllbGRcIiAqbmdJZj1cInJlcXVpcmVkXCI+ICZidWxsOzwvc3Bhbj5cbiAgPC9sYWJlbD5cbiAgPHAtaW5wdXRncm91cCBbbmdTdHlsZV09XCJnZXRTdHlsZXMoKVwiPlxuICAgIDxwLWlucHV0Z3JvdXAtYWRkb24gKm5nSWY9XCJ0cmlnZ2VyTW9kZSA9PT0gJ3N1Ym1pdCdcIj5cbiAgICAgIDxzLWJ1dHRvbiBwcmlvcml0eT1cImxpbmtcIiBjbGFzcz1cImhlaWdodC0xMDBcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwib25TZWFyY2goKVwiPlxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1zZWFyY2hcIj48L2k+XG4gICAgICA8L3MtYnV0dG9uPlxuICAgIDwvcC1pbnB1dGdyb3VwLWFkZG9uPlxuICAgIFxuICAgIDxpbnB1dCBbbmdDbGFzc109XCJnZXRJbnZhbGlkQ2xhc3MoKVwiIHBJbnB1dFRleHQgdHlwZT1cInRleHRcIiBbKG5nTW9kZWwpXT1cInZhbHVlXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciB8fCAoJ3BsYXRmb3JtLmRhdGFjb3JlLnNlYXJjaCcgfCB0cmFuc2xhdGUpXCIgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAoa2V5dXAuZW50ZXIpPVwib25TZWFyY2goKVwiIChrZXl1cC5lc2MpPVwib25DbGVhcigpXCIgLz5cblxuICAgIDxwLWlucHV0Z3JvdXAtYWRkb24+XG4gICAgICA8cy1idXR0b24gcHJpb3JpdHk9XCJsaW5rXCIgY2xhc3M9XCJoZWlnaHQtMTAwXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cIm9uQ2xlYXIoKVwiPlxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS10aW1lc1wiPjwvaT5cbiAgICAgIDwvcy1idXR0b24+XG4gICAgPC9wLWlucHV0Z3JvdXAtYWRkb24+XG5cblxuICA8L3AtaW5wdXRncm91cD5cbiAgPHNtYWxsICpuZ0lmPVwibWVzc2FnZVwiIFtuZ0NsYXNzXT1cImdldEludmFsaWRNZXNzYWdlQ2xhc3MoKVwiPnt7IG1lc3NhZ2UgfX08L3NtYWxsPlxuPC9kaXY+Il19

package/esm2022/features/sidebar/sidebar.component.mjs

@@ -0,0 +1,59 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ContentChild, TemplateRef } from '@angular/core';
+import { SidebarModule } from '@seniorsistemas/angular-components/sidebar';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import { StructureModule } from '@seniorsistemas/angular-components/structure';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@seniorsistemas/angular-components/sidebar";
+export class SidebarComponent {
+    visible = false;
+    header = 'Título do Sidebar';
+    largeSized = true;
+    closeOnBackdrop = true;
+    width = '70%';
+    visibleChange = new EventEmitter();
+    contentTpl;
+    footerTpl;
+    ngOnChanges(changes) {
+        if (changes['visible'] || changes['closeOnBackdrop']) {
+        }
+    }
+    onVisibleChange(next) {
+        this.visible = next;
+        this.visibleChange.emit(next);
+    }
+    close() {
+        this.visible = false;
+    }
+    get sidebarWidth() {
+        return typeof this.width === 'number' ? `${this.width}%` : this.width;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SidebarComponent, isStandalone: true, selector: "sdc-sidebar", inputs: { visible: "visible", header: "header", largeSized: "largeSized", closeOnBackdrop: "closeOnBackdrop", width: "width" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "contentTpl", first: true, predicate: ["content"], descendants: true, read: TemplateRef }, { propertyName: "footerTpl", first: true, predicate: ["footer"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<s-sidebar [visible]=\"visible\" [header]=\"header\" [largeSized]=\"largeSized\" [dismissible]=\"closeOnBackdrop\"\n    [ngClass]=\"{ 'sdc--locked': visible && !closeOnBackdrop }\" [style.--sdc-sidebar-width]=\"sidebarWidth\"\n    (visibleChange)=\"onVisibleChange($event)\" (onShow)=\"onVisibleChange(true)\" (onHide)=\"onVisibleChange(false)\">\n\n    <div class=\"sdc-sidebar-content\">\n        <ng-container *ngIf=\"contentTpl; else projected\">\n            <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n        </ng-container>\n        <ng-template #projected>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n\n    <div class=\"sdc-sidebar-footer\">\n        <hr class=\"sdc-footer-divider\" />\n        <div class=\"sdc-footer-actions\">\n            <ng-container *ngIf=\"footerTpl\">\n                <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n</s-sidebar>", styles: [".sdc-sidebar-content{flex:1 1 auto;overflow:auto}.sdc-sidebar-content{flex:1 1 auto;overflow:auto;padding:0 1rem}.sdc-sidebar-footer{position:sticky;bottom:-20px;background:#fff}.sdc-footer-divider{margin:.75rem 0 1rem;border:0;border-top:1px solid #dcdcdc}.sdc-footer-actions{display:flex;padding:0 0 15px;align-items:center;justify-content:flex-start;gap:1rem}::ng-deep s-sidebar .backdrop{transition:background-color .2s ease,opacity .2s ease}::ng-deep s-sidebar.sdc--locked .backdrop{background-color:#333!important;opacity:.8!important}::ng-deep .sidebar--open{width:var(--sdc-sidebar-width, 70%)!important;min-width:var(--sdc-sidebar-width, 70%)!important;max-width:var(--sdc-sidebar-width, 70%)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i2.SidebarComponent, selector: "s-sidebar", inputs: ["visible", "closable", "dismissible", "closeOnEscape", "header", "largeSized", "cache", "registerConfirmClose"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: StructureModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-sidebar', standalone: true, imports: [CommonModule, SidebarModule, ButtonModule, StructureModule], template: "<s-sidebar [visible]=\"visible\" [header]=\"header\" [largeSized]=\"largeSized\" [dismissible]=\"closeOnBackdrop\"\n    [ngClass]=\"{ 'sdc--locked': visible && !closeOnBackdrop }\" [style.--sdc-sidebar-width]=\"sidebarWidth\"\n    (visibleChange)=\"onVisibleChange($event)\" (onShow)=\"onVisibleChange(true)\" (onHide)=\"onVisibleChange(false)\">\n\n    <div class=\"sdc-sidebar-content\">\n        <ng-container *ngIf=\"contentTpl; else projected\">\n            <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n        </ng-container>\n        <ng-template #projected>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n\n    <div class=\"sdc-sidebar-footer\">\n        <hr class=\"sdc-footer-divider\" />\n        <div class=\"sdc-footer-actions\">\n            <ng-container *ngIf=\"footerTpl\">\n                <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n</s-sidebar>", styles: [".sdc-sidebar-content{flex:1 1 auto;overflow:auto}.sdc-sidebar-content{flex:1 1 auto;overflow:auto;padding:0 1rem}.sdc-sidebar-footer{position:sticky;bottom:-20px;background:#fff}.sdc-footer-divider{margin:.75rem 0 1rem;border:0;border-top:1px solid #dcdcdc}.sdc-footer-actions{display:flex;padding:0 0 15px;align-items:center;justify-content:flex-start;gap:1rem}::ng-deep s-sidebar .backdrop{transition:background-color .2s ease,opacity .2s ease}::ng-deep s-sidebar.sdc--locked .backdrop{background-color:#333!important;opacity:.8!important}::ng-deep .sidebar--open{width:var(--sdc-sidebar-width, 70%)!important;min-width:var(--sdc-sidebar-width, 70%)!important;max-width:var(--sdc-sidebar-width, 70%)!important}\n"] }]
+        }], propDecorators: { visible: [{
+                type: Input,
+                args: [{ required: true }]
+            }], header: [{
+                type: Input,
+                args: [{ required: true }]
+            }], largeSized: [{
+                type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], contentTpl: [{
+                type: ContentChild,
+                args: ['content', { read: TemplateRef }]
+            }], footerTpl: [{
+                type: ContentChild,
+                args: ['footer', { read: TemplateRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUF1QyxNQUFNLGVBQWUsQ0FBQztBQUN2SSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8sZ0JBQWdCO0lBQ0EsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixNQUFNLEdBQVcsbUJBQW1CLENBQUM7SUFDdkQsVUFBVSxHQUFZLElBQUksQ0FBQztJQUMzQixlQUFlLEdBQVksSUFBSSxDQUFDO0lBQ2hDLEtBQUssR0FBb0IsS0FBSyxDQUFDO0lBQzlCLGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRU4sVUFBVSxDQUFvQjtJQUMvQixTQUFTLENBQW9CO0lBRTVFLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsaUJBQWlCLENBQUMsRUFBRSxDQUFDO1FBQ3ZELENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZSxDQUFDLElBQWE7UUFDM0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVTLEtBQUs7UUFDYixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN4RSxDQUFDO3dHQTNCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQixrVUFRTSxXQUFXLDhGQUNaLFdBQVcsa0RDdEI3QywrOUJBcUJZLG13QkRaQSxZQUFZLHVZQUFFLGFBQWEsNlBBQUUsWUFBWSw4QkFBRSxlQUFlOzs0RkFJekQsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBSzFDLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNoQixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU07Z0JBRXlDLFVBQVU7c0JBQXpELFlBQVk7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFDQyxTQUFTO3NCQUF2RCxZQUFZO3VCQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIENvbnRlbnRDaGlsZCwgVGVtcGxhdGVSZWYsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlYmFyTW9kdWxlIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy9zaWRlYmFyJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IFN0cnVjdHVyZU1vZHVsZSB9IGZyb20gJ0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvc3RydWN0dXJlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2RjLXNpZGViYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTaWRlYmFyTW9kdWxlLCBCdXR0b25Nb2R1bGUsIFN0cnVjdHVyZU1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NpZGViYXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlYmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBoZWFkZXI6IHN0cmluZyA9ICdUw610dWxvIGRvIFNpZGViYXInO1xuICBASW5wdXQoKSBsYXJnZVNpemVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgY2xvc2VPbkJhY2tkcm9wOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyB8IG51bWJlciA9ICc3MCUnO1xuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBAQ29udGVudENoaWxkKCdjb250ZW50JywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBjb250ZW50VHBsPzogVGVtcGxhdGVSZWY8YW55PjtcbiAgQENvbnRlbnRDaGlsZCgnZm9vdGVyJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBmb290ZXJUcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1sndmlzaWJsZSddIHx8IGNoYW5nZXNbJ2Nsb3NlT25CYWNrZHJvcCddKSB7XG4gICAgfVxuICB9XG5cbiAgb25WaXNpYmxlQ2hhbmdlKG5leHQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnZpc2libGUgPSBuZXh0O1xuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KG5leHQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xuICB9XG5cbiAgZ2V0IHNpZGViYXJXaWR0aCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0eXBlb2YgdGhpcy53aWR0aCA9PT0gJ251bWJlcicgPyBgJHt0aGlzLndpZHRofSVgIDogdGhpcy53aWR0aDtcbiAgfVxufVxuIiwiPHMtc2lkZWJhciBbdmlzaWJsZV09XCJ2aXNpYmxlXCIgW2hlYWRlcl09XCJoZWFkZXJcIiBbbGFyZ2VTaXplZF09XCJsYXJnZVNpemVkXCIgW2Rpc21pc3NpYmxlXT1cImNsb3NlT25CYWNrZHJvcFwiXG4gICAgW25nQ2xhc3NdPVwieyAnc2RjLS1sb2NrZWQnOiB2aXNpYmxlICYmICFjbG9zZU9uQmFja2Ryb3AgfVwiIFtzdHlsZS4tLXNkYy1zaWRlYmFyLXdpZHRoXT1cInNpZGViYXJXaWR0aFwiXG4gICAgKHZpc2libGVDaGFuZ2UpPVwib25WaXNpYmxlQ2hhbmdlKCRldmVudClcIiAob25TaG93KT1cIm9uVmlzaWJsZUNoYW5nZSh0cnVlKVwiIChvbkhpZGUpPVwib25WaXNpYmxlQ2hhbmdlKGZhbHNlKVwiPlxuXG4gICAgPGRpdiBjbGFzcz1cInNkYy1zaWRlYmFyLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRlbnRUcGw7IGVsc2UgcHJvamVjdGVkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRwbFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNwcm9qZWN0ZWQ+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwic2RjLXNpZGViYXItZm9vdGVyXCI+XG4gICAgICAgIDxociBjbGFzcz1cInNkYy1mb290ZXItZGl2aWRlclwiIC8+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZGMtZm9vdGVyLWFjdGlvbnNcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmb290ZXJUcGxcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyVHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3Mtc2lkZWJhcj4iXX0=

package/esm2022/features/spinner/spinner.component.mjs

@@ -1,14 +1,15 @@
 import { BlockUIModule } from 'primeng/blockui';
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
 import * as i0 from "@angular/core";
 import * as i1 from "./spinner.service";
-import * as i2 from "primeng/progressspinner";
-import * as i3 from "primeng/blockui";
+import * as i2 from "@seniorsistemas/angular-components/loading-state";
 export class SpinnerComponent {
     $service;
-    subscription = null;
     loading = false;
+    blockWindow = false;
+    subscription = null;
     constructor($service) {
         this.$service = $service;
     }
@@ -30,10 +31,16 @@ export class SpinnerComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: i1.SpinnerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "sdc-spinner", ngImport: i0, template: "<p-blockUI baseZIndex=\"9999999999\" [blocked]=\"loading\">\n  <div class=\"spinner-container\">\n    <p-progress-spinner\n      [style]=\"getStyle()\"\n      animationDuration=\".5s\"\n      fill=\"transparent\"\n      strokeWidth=\"8\"\n    />\n  </div>\n</p-blockUI>\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: BlockUIModule }, { kind: "component", type: i3.BlockUI, selector: "p-blockUI, p-blockui, p-block-ui", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "sdc-spinner", inputs: { loading: "loading", blockWindow: "blockWindow" }, ngImport: i0, template: "  <div class=\"spinner-container\">\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"blockWindow\">\n\n    </s-loading-state>\n  </div>\n\n\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "ngmodule", type: BlockUIModule }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "component", type: i2.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ProgressSpinnerModule, BlockUIModule], standalone: true, selector: 'sdc-spinner', template: "<p-blockUI baseZIndex=\"9999999999\" [blocked]=\"loading\">\n  <div class=\"spinner-container\">\n    <p-progress-spinner\n      [style]=\"getStyle()\"\n      animationDuration=\".5s\"\n      fill=\"transparent\"\n      strokeWidth=\"8\"\n    />\n  </div>\n</p-blockUI>\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
-        }], ctorParameters: () => [{ type: i1.SpinnerService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBVWhFLE1BQU0sT0FBTyxnQkFBZ0I7SUFLRTtJQUpyQixZQUFZLEdBQVEsSUFBSSxDQUFDO0lBRTFCLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFFaEMsWUFBNkIsUUFBd0I7UUFBeEIsYUFBUSxHQUFSLFFBQVEsQ0FBZ0I7SUFBRyxDQUFDO0lBRXpELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQWUsRUFBRSxFQUFFO1lBQ3RFLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU87WUFDTCxLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1NBQ2YsQ0FBQztJQUNKLENBQUM7d0dBekJVLGdCQUFnQjs0RkFBaEIsZ0JBQWdCLHVFQ1o3QixpUkFVQSw0SkRKWSxxQkFBcUIsK09BQUUsYUFBYTs7NEZBTW5DLGdCQUFnQjtrQkFQNUIsU0FBUzs4QkFDQyxDQUFDLHFCQUFxQixFQUFFLGFBQWEsQ0FBQyxjQUNuQyxJQUFJLFlBQ04sYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJsb2NrVUlNb2R1bGUgfSBmcm9tICdwcmltZW5nL2Jsb2NrdWknO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wcm9ncmVzc3NwaW5uZXInO1xuaW1wb3J0IHsgU3Bpbm5lclNlcnZpY2UgfSBmcm9tICcuL3NwaW5uZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbUHJvZ3Jlc3NTcGlubmVyTW9kdWxlLCBCbG9ja1VJTW9kdWxlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzZGMtc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uOiBhbnkgPSBudWxsO1xuXG4gIHB1YmxpYyBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSAkc2VydmljZTogU3Bpbm5lclNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLiRzZXJ2aWNlLnNwaW5uZXIuc3Vic2NyaWJlKChzdGF0dXM6IGJvb2xlYW4pID0+IHtcbiAgICAgIHRoaXMubG9hZGluZyA9IHN0YXR1cztcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN1YnNjcmlwdGlvbikge1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gbnVsbDtcbiAgICB9XG4gIH1cblxuICBnZXRTdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICB3aWR0aDogJzUwcHgnLFxuICAgICAgaGVpZ2h0OiAnNTBweCdcbiAgICB9O1xuICB9XG59XG4iLCI8cC1ibG9ja1VJIGJhc2VaSW5kZXg9XCI5OTk5OTk5OTk5XCIgW2Jsb2NrZWRdPVwibG9hZGluZ1wiPlxuICA8ZGl2IGNsYXNzPVwic3Bpbm5lci1jb250YWluZXJcIj5cbiAgICA8cC1wcm9ncmVzcy1zcGlubmVyXG4gICAgICBbc3R5bGVdPVwiZ2V0U3R5bGUoKVwiXG4gICAgICBhbmltYXRpb25EdXJhdGlvbj1cIi41c1wiXG4gICAgICBmaWxsPVwidHJhbnNwYXJlbnRcIlxuICAgICAgc3Ryb2tlV2lkdGg9XCI4XCJcbiAgICAvPlxuICA8L2Rpdj5cbjwvcC1ibG9ja1VJPlxuIl19
+            args: [{ imports: [ProgressSpinnerModule, BlockUIModule, LoadingStateModule], standalone: true, selector: 'sdc-spinner', template: "  <div class=\"spinner-container\">\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"blockWindow\">\n\n    </s-loading-state>\n  </div>\n\n\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.SpinnerService }], propDecorators: { loading: [{
+                type: Input,
+                args: [{ required: true }]
+            }], blockWindow: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7O0FBU3RGLE1BQU0sT0FBTyxnQkFBZ0I7SUFLRTtJQUpGLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFDeEIsV0FBVyxHQUFZLEtBQUssQ0FBQztJQUNqRCxZQUFZLEdBQVEsSUFBSSxDQUFDO0lBRWpDLFlBQTZCLFFBQXdCO1FBQXhCLGFBQVEsR0FBUixRQUFRLENBQWdCO0lBQUksQ0FBQztJQUUxRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFlLEVBQUUsRUFBRTtZQUN0RSxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUN4QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNoQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUMzQixDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPO1lBQ0wsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtTQUNmLENBQUM7SUFDSixDQUFDO3dHQXpCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQixtSUNiN0IsMEpBT0EsNEpEQVkscUJBQXFCLDhCQUFFLGFBQWEsOEJBQUUsa0JBQWtCOzs0RkFNdkQsZ0JBQWdCO2tCQVA1QixTQUFTOzhCQUNDLENBQUMscUJBQXFCLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixDQUFDLGNBQ3ZELElBQUksWUFDTixhQUFhO21GQUtJLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNHLFdBQVc7c0JBQXRDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmxvY2tVSU1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYmxvY2t1aSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wcm9ncmVzc3NwaW5uZXInO1xuaW1wb3J0IHsgU3Bpbm5lclNlcnZpY2UgfSBmcm9tICcuL3NwaW5uZXIuc2VydmljZSc7XG5pbXBvcnQgeyBMb2FkaW5nU3RhdGVNb2R1bGUgfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL2xvYWRpbmctc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1Byb2dyZXNzU3Bpbm5lck1vZHVsZSwgQmxvY2tVSU1vZHVsZSwgTG9hZGluZ1N0YXRlTW9kdWxlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzZGMtc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIGJsb2NrV2luZG93OiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uOiBhbnkgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgJHNlcnZpY2U6IFNwaW5uZXJTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IHRoaXMuJHNlcnZpY2Uuc3Bpbm5lci5zdWJzY3JpYmUoKHN0YXR1czogYm9vbGVhbikgPT4ge1xuICAgICAgdGhpcy5sb2FkaW5nID0gc3RhdHVzO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3Vic2NyaXB0aW9uKSB7XG4gICAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb24gPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIGdldFN0eWxlKCk6IGFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHdpZHRoOiAnNTBweCcsXG4gICAgICBoZWlnaHQ6ICc1MHB4J1xuICAgIH07XG4gIH1cbn1cbiIsIiAgPGRpdiBjbGFzcz1cInNwaW5uZXItY29udGFpbmVyXCI+XG4gICAgPHMtbG9hZGluZy1zdGF0ZSBbbG9hZGluZ109XCJsb2FkaW5nXCIgW2Jsb2NrV2luZG93XT1cImJsb2NrV2luZG93XCI+XG5cbiAgICA8L3MtbG9hZGluZy1zdGF0ZT5cbiAgPC9kaXY+XG5cblxuIl19

package/esm2022/features/tab/tab-item.component.mjs

@@ -0,0 +1,29 @@
+import { Component, Input, booleanAttribute } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TabItemComponent {
+    label = '';
+    disabled = false;
+    lazy = true;
+    id;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: TabItemComponent, isStandalone: true, selector: "sdc-tab-item", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute], lazy: ["lazy", "lazy", booleanAttribute], id: "id" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sdc-tab-item',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], lazy: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy90YWIvdGFiLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9uRSxNQUFNLE9BQU8sZ0JBQWdCO0lBQ2xCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDb0IsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixJQUFJLEdBQUcsSUFBSSxDQUFDO0lBQzNDLEVBQUUsQ0FBVTt3R0FKVixnQkFBZ0I7NEZBQWhCLGdCQUFnQiw2R0FFUCxnQkFBZ0IsMEJBQ2hCLGdCQUFnQix1Q0FMMUIsMkJBQTJCOzs0RkFFMUIsZ0JBQWdCO2tCQUw1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLDJCQUEyQjtpQkFDdEM7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLElBQUk7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQzdCLEVBQUU7c0JBQVYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGJvb2xlYW5BdHRyaWJ1dGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2RjLXRhYi1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YFxufSlcbmV4cG9ydCBjbGFzcyBUYWJJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBsYXp5ID0gdHJ1ZTsgXG4gIEBJbnB1dCgpIGlkPzogc3RyaW5nO1xufVxuIl19

package/esm2022/features/tab/tab.component.mjs

@@ -0,0 +1,159 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgZone, Output, ViewChild, numberAttribute, signal, computed, effect, inject, DestroyRef, } from '@angular/core';
+import { isMobile } from 'lib/src/core/utils/layout.util';
+import * as i0 from "@angular/core";
+export class TabComponent {
+    host = inject(ElementRef);
+    zone = inject(NgZone);
+    destroyRef = inject(DestroyRef);
+    cdr = inject(ChangeDetectorRef);
+    headersRef;
+    _activeIndex = signal(0);
+    set activeIndex(v) {
+        this.zone.run(() => {
+            const idx = this.normalizeIndex(v);
+            if (idx === this._activeIndex())
+                return;
+            this._activeIndex.set(idx);
+            this.syncHiddenAndAria();
+            this.activeIndexChange.emit(this._activeIndex());
+            this.cdr.detectChanges();
+        });
+    }
+    get activeIndex() { return this._activeIndex(); }
+    activeIndexChange = new EventEmitter();
+    isMobile = isMobile();
+    wcEls = signal([]);
+    headers = computed(() => this.wcEls().map((el, i) => ({
+        label: el.getAttribute('label') ?? `Tab ${i}`,
+        disabled: this.parseBool(el.getAttribute('disabled')),
+        id: el.getAttribute('id') ?? `tab-${i}`
+    })));
+    mo;
+    _headersEffect = effect(() => {
+        this.headers();
+        this.syncHiddenAndAria();
+        this.cdr.markForCheck();
+    });
+    ngAfterViewInit() {
+        this.refreshChildren();
+        this.zone.runOutsideAngular(() => {
+            this.mo = new MutationObserver(() => this.refreshChildren());
+            this.mo.observe(this.host.nativeElement, { childList: true, subtree: false });
+        });
+    }
+    ngOnDestroy() {
+        this.mo?.disconnect();
+    }
+    select(i) {
+        const hs = this.headers();
+        if (!hs[i] || hs[i].disabled)
+            return;
+        if (i !== this._activeIndex()) {
+            this._activeIndex.set(i);
+            this.syncHiddenAndAria();
+            this.activeIndexChange.emit(i);
+            this.cdr.detectChanges();
+        }
+    }
+    onHeaderKeydown(e, i) {
+        if (e.key === 'ArrowRight') {
+            e.preventDefault();
+            this.focusNext(i);
+        }
+        else if (e.key === 'ArrowLeft') {
+            e.preventDefault();
+            this.focusPrev(i);
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            this.focusIndex(0);
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            this.focusIndex(this.headers().length - 1);
+        }
+        else if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.select(i);
+        }
+    }
+    focusNext(i) {
+        const hs = this.headers();
+        const len = hs.length;
+        for (let step = 1; step <= len; step++) {
+            const idx = (i + step) % len;
+            if (!hs[idx].disabled) {
+                this.focusIndex(idx);
+                break;
+            }
+        }
+    }
+    focusPrev(i) {
+        const hs = this.headers();
+        const len = hs.length;
+        for (let step = 1; step <= len; step++) {
+            const idx = (i - step + len) % len;
+            if (!hs[idx].disabled) {
+                this.focusIndex(idx);
+                break;
+            }
+        }
+    }
+    focusIndex(i) {
+        const list = this.headersRef?.nativeElement.querySelectorAll('[role="tab"]');
+        list?.[i]?.focus();
+    }
+    refreshChildren() {
+        const els = Array.from(this.host.nativeElement.querySelectorAll('sdc-tab-item'));
+        this.wcEls.set(els);
+        this._activeIndex.set(this.normalizeIndex(this._activeIndex()));
+        this.syncHiddenAndAria();
+        this.cdr.markForCheck();
+    }
+    syncHiddenAndAria() {
+        const idx = this._activeIndex();
+        const els = this.wcEls();
+        const hs = this.headers();
+        els.forEach((el, i) => {
+            const hdr = hs[i];
+            const panelId = ((hdr?.id ?? `tab-${i}`) + '-panel');
+            el.setAttribute('role', 'tabpanel');
+            el.setAttribute('id', panelId);
+            if (hdr)
+                el.setAttribute('aria-labelledby', hdr.id);
+            if (i === idx)
+                el.removeAttribute('hidden');
+            else
+                el.setAttribute('hidden', '');
+        });
+    }
+    normalizeIndex(v) {
+        const len = this.wcEls().length;
+        if (len === 0)
+            return 0;
+        const n = Number.isFinite(v) ? Math.trunc(v) : 0;
+        return Math.min(Math.max(0, n), len - 1);
+    }
+    parseBool(v) {
+        if (v == null)
+            return false;
+        const s = v.trim().toLowerCase();
+        return s === '' || s === 'true' || s === '1';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TabComponent, isStandalone: true, selector: "sdc-tab", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, viewQueries: [{ propertyName: "headersRef", first: true, predicate: ["headersRef"], descendants: true }], ngImport: i0, template: "<div class=\"sdc-tab\" [class.sdc-tab-stack]=\"isMobile\">\n  <div #headersRef class=\"sdc-tab-headers\" role=\"tablist\" aria-label=\"Tabs\">\n    @for (h of headers(); let i = $index; track i) {\n      <button\n        class=\"sdc-tab-header\"\n        [class.sdc-tab-header-active]=\"i === activeIndex\"\n        [class.sdc-tab-header-disabled]=\"h.disabled\"\n        role=\"tab\"\n        type=\"button\"\n        [disabled]=\"h.disabled\"\n        [attr.aria-selected]=\"i === activeIndex\"\n        [attr.aria-controls]=\"h.id + '-panel'\"\n        [attr.aria-disabled]=\"h.disabled\"\n        [id]=\"h.id\"\n        [tabindex]=\"h.disabled ? -1 : (i === activeIndex ? 0 : -1)\"\n        (click)=\"select(i)\"\n        (keydown)=\"onHeaderKeydown($event, i)\">\n        <span class=\"sdc-tab-label\">{{ h.label }}</span>\n      </button>\n    }\n  </div>\n\n  <div class=\"sdc-tab-panels\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sdc-tab{border:0;border-radius:0;background:none;display:flex;flex-direction:column}.sdc-tab .sdc-tab-label{font-size:15px}.sdc-tab-headers{display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;border-bottom:1px solid var(--sdc-tab-border);position:relative}.sdc-tab-header{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:10px 15px;color:var(--sdc-tab-primary);cursor:pointer;border-bottom:5px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;border-radius:0;flex:0 0 auto}.sdc-tab-header:hover{color:var(--sdc-tab-primary-hover)}.sdc-tab-header:focus{outline:none;background-color:var(--sdc-tab-focus)}.sdc-tab-header[disabled],.sdc-tab-header-disabled{cursor:not-allowed;opacity:.6}.sdc-tab-header-active{color:var(--sdc-tab-text);font-weight:600;border-bottom-color:var(--sdc-tab-primary)}.sdc-tab-header-active:hover{color:#4d4d4d;border-bottom-color:var(--sdc-tab-primary-hover)}.sdc-tab-header>.sds-badge-error{position:absolute;top:16px;left:1px}.sdc-tab-panels{padding:10px 0 0;width:100%;min-width:0}.sdc-tab-panel{outline:0;list-style:none;margin:0}[hidden]{display:none!important}@media (max-width: 750px){.sdc-tab,.sdc-tab *{box-sizing:border-box}.sdc-tab.sdc-tab-stack{display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-headers{flex-direction:row;border-right:0;border-bottom:1px solid var(--sdc-tab-border);width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;gap:.25rem;padding:0;margin:0}.sdc-tab.sdc-tab-stack .sdc-tab-header{flex:0 0 auto;white-space:nowrap;border-right:0;border-bottom:5px solid transparent;width:auto;text-align:left}.sdc-tab.sdc-tab-stack .sdc-tab-panels{padding:10px;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sdc-tab\" [class.sdc-tab-stack]=\"isMobile\">\n  <div #headersRef class=\"sdc-tab-headers\" role=\"tablist\" aria-label=\"Tabs\">\n    @for (h of headers(); let i = $index; track i) {\n      <button\n        class=\"sdc-tab-header\"\n        [class.sdc-tab-header-active]=\"i === activeIndex\"\n        [class.sdc-tab-header-disabled]=\"h.disabled\"\n        role=\"tab\"\n        type=\"button\"\n        [disabled]=\"h.disabled\"\n        [attr.aria-selected]=\"i === activeIndex\"\n        [attr.aria-controls]=\"h.id + '-panel'\"\n        [attr.aria-disabled]=\"h.disabled\"\n        [id]=\"h.id\"\n        [tabindex]=\"h.disabled ? -1 : (i === activeIndex ? 0 : -1)\"\n        (click)=\"select(i)\"\n        (keydown)=\"onHeaderKeydown($event, i)\">\n        <span class=\"sdc-tab-label\">{{ h.label }}</span>\n      </button>\n    }\n  </div>\n\n  <div class=\"sdc-tab-panels\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sdc-tab{border:0;border-radius:0;background:none;display:flex;flex-direction:column}.sdc-tab .sdc-tab-label{font-size:15px}.sdc-tab-headers{display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;border-bottom:1px solid var(--sdc-tab-border);position:relative}.sdc-tab-header{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:10px 15px;color:var(--sdc-tab-primary);cursor:pointer;border-bottom:5px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;border-radius:0;flex:0 0 auto}.sdc-tab-header:hover{color:var(--sdc-tab-primary-hover)}.sdc-tab-header:focus{outline:none;background-color:var(--sdc-tab-focus)}.sdc-tab-header[disabled],.sdc-tab-header-disabled{cursor:not-allowed;opacity:.6}.sdc-tab-header-active{color:var(--sdc-tab-text);font-weight:600;border-bottom-color:var(--sdc-tab-primary)}.sdc-tab-header-active:hover{color:#4d4d4d;border-bottom-color:var(--sdc-tab-primary-hover)}.sdc-tab-header>.sds-badge-error{position:absolute;top:16px;left:1px}.sdc-tab-panels{padding:10px 0 0;width:100%;min-width:0}.sdc-tab-panel{outline:0;list-style:none;margin:0}[hidden]{display:none!important}@media (max-width: 750px){.sdc-tab,.sdc-tab *{box-sizing:border-box}.sdc-tab.sdc-tab-stack{display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-headers{flex-direction:row;border-right:0;border-bottom:1px solid var(--sdc-tab-border);width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;gap:.25rem;padding:0;margin:0}.sdc-tab.sdc-tab-stack .sdc-tab-header{flex:0 0 auto;white-space:nowrap;border-right:0;border-bottom:5px solid transparent;width:auto;text-align:left}.sdc-tab.sdc-tab-stack .sdc-tab-panels{padding:10px;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}}\n"] }]
+        }], propDecorators: { headersRef: [{
+                type: ViewChild,
+                args: ['headersRef']
+            }], activeIndex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], activeIndexChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvdGFiL3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RhYi90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sTUFBTSxFQUNOLFNBQVMsRUFDVCxlQUFlLEVBQ2YsTUFBTSxFQUNOLFFBQVEsRUFDUixNQUFNLEVBQ04sTUFBTSxFQUNOLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBWTFELE1BQU0sT0FBTyxZQUFZO0lBQ2YsSUFBSSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQTRCLENBQUM7SUFDckQsSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QixVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hDLEdBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUVmLFVBQVUsQ0FBOEI7SUFFekQsWUFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNqQyxJQUNJLFdBQVcsQ0FBQyxDQUFTO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNqQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ25DLElBQUksR0FBRyxLQUFLLElBQUksQ0FBQyxZQUFZLEVBQUU7Z0JBQUUsT0FBTztZ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TyxDQUFDLENBQUM7UUFDeEIsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pELE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVPLFNBQVMsQ0FBQyxDQUFnQjtRQUNoQyxJQUFJLENBQUMsSUFBSSxJQUFJO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFDNUIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2pDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssTUFBTSxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUM7SUFDL0MsQ0FBQzt3R0FsSVUsWUFBWTs0RkFBWixZQUFZLGlHQVNILGVBQWUsNExDekNyQyxzN0JBMEJBLDZoRURDWSxZQUFZOzs0RkFLWCxZQUFZO2tCQVJ4QixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsbUJBR04sdUJBQXVCLENBQUMsTUFBTTs4QkFRdEIsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUluQixXQUFXO3NCQURkLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2dCQWEzQixpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgbnVtYmVyQXR0cmlidXRlLFxuICBzaWduYWwsXG4gIGNvbXB1dGVkLFxuICBlZmZlY3QsXG4gIGluamVjdCxcbiAgRGVzdHJveVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ2xpYi9zcmMvY29yZS91dGlscy9sYXlvdXQudXRpbCc7XG5cbnR5cGUgVGFiSGVhZGVyID0geyBsYWJlbDogc3RyaW5nOyBkaXNhYmxlZDogYm9vbGVhbjsgaWQ6IHN0cmluZyB9O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZGMtdGFiJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi90YWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVGFiQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBob3N0ID0gaW5qZWN0KEVsZW1lbnRSZWYpIGFzIEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICBwcml2YXRlIHpvbmUgPSBpbmplY3QoTmdab25lKTtcbiAgcHJpdmF0ZSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuICBwcml2YXRlIGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgQFZpZXdDaGlsZCgnaGVhZGVyc1JlZicpIGhlYWRlcnNSZWYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBwcml2YXRlIF9hY3RpdmVJbmRleCA9IHNpZ25hbCgwKTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSlcbiAgc2V0IGFjdGl2ZUluZGV4KHY6IG51bWJlcikge1xuICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgY29uc3QgaWR4ID0gdGhpcy5ub3JtYWxpemVJbmRleCh2KTtcbiAgICAgIGlmIChpZHggPT09IHRoaXMuX2FjdGl2ZUluZGV4KCkpIHJldHVybjtcbiAgICAgIHRoaXMuX2FjdGl2ZUluZGV4LnNldChpZHgpO1xuICAgICAgdGhpcy5zeW5jSGlkZGVuQW5kQXJpYSgpO1xuICAgICAgdGhpcy5hY3RpdmVJbmRleENoYW5nZS5lbWl0KHRoaXMuX2FjdGl2ZUluZGV4KCkpO1xuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0pO1xuICB9XG4gIGdldCBhY3RpdmVJbmRleCgpOiBudW1iZXIgeyByZXR1cm4gdGhpcy5fYWN0aXZlSW5kZXgoKTsgfVxuXG4gIEBPdXRwdXQoKSBhY3RpdmVJbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyByZWFkb25seSBpc01vYmlsZSA9IGlzTW9iaWxlKCk7XG5cbiAgcHJpdmF0ZSB3Y0VscyA9IHNpZ25hbDxIVE1MRWxlbWVudFtdPihbXSk7XG4gIHB1YmxpYyByZWFkb25seSBoZWFkZXJzID0gY29tcHV0ZWQ8VGFiSGVhZGVyW10+KCgpID0+XG4gICAgdGhpcy53Y0VscygpLm1hcCgoZWwsIGkpID0+ICh7XG4gICAgICBsYWJlbDogZWwuZ2V0QXR0cmlidXRlKCdsYWJlbCcpID8/IGBUYWIgJHtpfWAsXG4gICAgICBkaXNhYmxlZDogdGhpcy5wYXJzZUJvb2woZWwuZ2V0QXR0cmlidXRlKCdkaXNhYmxlZCcpKSxcbiAgICAgIGlkOiBlbC5nZXRBdHRyaWJ1dGUoJ2lkJykgPz8gYHRhYi0ke2l9YFxuICAgIH0pKVxuICApO1xuXG4gIHByaXZhdGUgbW8/OiBNdXRhdGlvbk9ic2VydmVyO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2hlYWRlcnNFZmZlY3QgPSBlZmZlY3QoKCkgPT4ge1xuICAgIHRoaXMuaGVhZGVycygpO1xuICAgIHRoaXMuc3luY0hpZGRlbkFuZEFyaWEoKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfSk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMucmVmcmVzaENoaWxkcmVuKCk7XG5cbiAgICB0aGlzLnpvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgdGhpcy5tbyA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCgpID0+IHRoaXMucmVmcmVzaENoaWxkcmVuKCkpO1xuICAgICAgdGhpcy5tby5vYnNlcnZlKHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LCB7IGNoaWxkTGlzdDogdHJ1ZSwgc3VidHJlZTogZmFsc2UgfSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm1vPy5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0KGk6IG51bWJlcikge1xuICAgIGNvbnN0IGhzID0gdGhpcy5oZWFkZXJzKCk7XG4gICAgaWYgKCFoc1tpXSB8fCBoc1tpXS5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIGlmIChpICE9PSB0aGlzLl9hY3RpdmVJbmRleCgpKSB7XG4gICAgICB0aGlzLl9hY3RpdmVJbmRleC5zZXQoaSk7XG4gICAgICB0aGlzLnN5bmNIaWRkZW5BbmRBcmlhKCk7XG4gICAgICB0aGlzLmFjdGl2ZUluZGV4Q2hhbmdlLmVtaXQoaSk7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG9uSGVhZGVyS2V5ZG93bihlOiBLZXlib2FyZEV2ZW50LCBpOiBudW1iZXIpIHtcbiAgICBpZiAoZS5rZXkgPT09ICdBcnJvd1JpZ2h0JykgeyBlLnByZXZlbnREZWZhdWx0KCk7IHRoaXMuZm9jdXNOZXh0KGkpOyB9XG4gICAgZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd0xlZnQnKSB7IGUucHJldmVudERlZmF1bHQoKTsgdGhpcy5mb2N1c1ByZXYoaSk7IH1cbiAgICBlbHNlIGlmIChlLmtleSA9PT0gJ0hvbWUnKSB7IGUucHJldmVudERlZmF1bHQoKTsgdGhpcy5mb2N1c0luZGV4KDApOyB9XG4gICAgZWxzZSBpZiAoZS5rZXkgPT09ICdFbmQnKSB7IGUucHJldmVudERlZmF1bHQoKTsgdGhpcy5mb2N1c0luZGV4KHRoaXMuaGVhZGVycygpLmxlbmd0aCAtIDEpOyB9XG4gICAgZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICcgJykgeyBlLnByZXZlbnREZWZhdWx0KCk7IHRoaXMuc2VsZWN0KGkpOyB9XG4gIH1cblxuICBwcml2YXRlIGZvY3VzTmV4dChpOiBudW1iZXIpIHtcbiAgICBjb25zdCBocyA9IHRoaXMuaGVhZGVycygpOyBjb25zdCBsZW4gPSBocy5sZW5ndGg7XG4gICAgZm9yIChsZXQgc3RlcCA9IDE7IHN0ZXAgPD0gbGVuOyBzdGVwKyspIHtcbiAgICAgIGNvbnN0IGlkeCA9IChpICsgc3RlcCkgJSBsZW47XG4gICAgICBpZiAoIWhzW2lkeF0uZGlzYWJsZWQpIHsgdGhpcy5mb2N1c0luZGV4KGlkeCk7IGJyZWFrOyB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBmb2N1c1ByZXYoaTogbnVtYmVyKSB7XG4gICAgY29uc3QgaHMgPSB0aGlzLmhlYWRlcnMoKTsgY29uc3QgbGVuID0gaHMubGVuZ3RoO1xuICAgIGZvciAobGV0IHN0ZXAgPSAxOyBzdGVwIDw9IGxlbjsgc3RlcCsrKSB7XG4gICAgICBjb25zdCBpZHggPSAoaSAtIHN0ZXAgKyBsZW4pICUgbGVuO1xuICAgICAgaWYgKCFoc1tpZHhdLmRpc2FibGVkKSB7IHRoaXMuZm9jdXNJbmRleChpZHgpOyBicmVhazsgfVxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZm9jdXNJbmRleChpOiBudW1iZXIpIHtcbiAgICBjb25zdCBsaXN0ID0gdGhpcy5oZWFkZXJzUmVmPy5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ1tyb2xlPVwidGFiXCJdJykgYXMgTm9kZUxpc3RPZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gICAgbGlzdD8uW2ldPy5mb2N1cygpO1xuICB9XG5cbiAgcHJpdmF0ZSByZWZyZXNoQ2hpbGRyZW4oKSB7XG4gICAgY29uc3QgZWxzID0gQXJyYXkuZnJvbSh0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKCdzZGMtdGFiLWl0ZW0nKSkgYXMgSFRNTEVsZW1lbnRbXTtcbiAgICB0aGlzLndjRWxzLnNldChlbHMpO1xuICAgIHRoaXMuX2FjdGl2ZUluZGV4LnNldCh0aGlzLm5vcm1hbGl6ZUluZGV4KHRoaXMuX2FjdGl2ZUluZGV4KCkpKTtcbiAgICB0aGlzLnN5bmNIaWRkZW5BbmRBcmlhKCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIHN5bmNIaWRkZW5BbmRBcmlhKCkge1xuICAgIGNvbnN0IGlkeCA9IHRoaXMuX2FjdGl2ZUluZGV4KCk7XG4gICAgY29uc3QgZWxzID0gdGhpcy53Y0VscygpO1xuICAgIGNvbnN0IGhzID0gdGhpcy5oZWFkZXJzKCk7XG4gICAgZWxzLmZvckVhY2goKGVsLCBpKSA9PiB7XG4gICAgICBjb25zdCBoZHIgPSBoc1tpXTtcbiAgICAgIGNvbnN0IHBhbmVsSWQgPSAoKGhkcj8uaWQgPz8gYHRhYi0ke2l9YCkgKyAnLXBhbmVsJyk7XG4gICAgICBlbC5zZXRBdHRyaWJ1dGUoJ3JvbGUnLCAndGFicGFuZWwnKTtcbiAgICAgIGVsLnNldEF0dHJpYnV0ZSgnaWQnLCBwYW5lbElkKTtcbiAgICAgIGlmIChoZHIpIGVsLnNldEF0dHJpYnV0ZSgnYXJpYS1sYWJlbGxlZGJ5JywgaGRyLmlkKTtcbiAgICAgIGlmIChpID09PSBpZHgpIGVsLnJlbW92ZUF0dHJpYnV0ZSgnaGlkZGVuJyk7XG4gICAgICBlbHNlIGVsLnNldEF0dHJpYnV0ZSgnaGlkZGVuJywgJycpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBub3JtYWxpemVJbmRleCh2OiBudW1iZXIpIHtcbiAgICBjb25zdCBsZW4gPSB0aGlzLndjRWxzKCkubGVuZ3RoO1xuICAgIGlmIChsZW4gPT09IDApIHJldHVybiAwO1xuICAgIGNvbnN0IG4gPSBOdW1iZXIuaXNGaW5pdGUodikgPyBNYXRoLnRydW5jKHYpIDogMDtcbiAgICByZXR1cm4gTWF0aC5taW4oTWF0aC5tYXgoMCwgbiksIGxlbiAtIDEpO1xuICB9XG5cbiAgcHJpdmF0ZSBwYXJzZUJvb2wodjogc3RyaW5nIHwgbnVsbCk6IGJvb2xlYW4ge1xuICAgIGlmICh2ID09IG51bGwpIHJldHVybiBmYWxzZTtcbiAgICBjb25zdCBzID0gdi50cmltKCkudG9Mb3dlckNhc2UoKTtcbiAgICByZXR1cm4gcyA9PT0gJycgfHwgcyA9PT0gJ3RydWUnIHx8IHMgPT09ICcxJztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNkYy10YWJcIiBbY2xhc3Muc2RjLXRhYi1zdGFja109XCJpc01vYmlsZVwiPlxuICA8ZGl2ICNoZWFkZXJzUmVmIGNsYXNzPVwic2RjLXRhYi1oZWFkZXJzXCIgcm9sZT1cInRhYmxpc3RcIiBhcmlhLWxhYmVsPVwiVGFic1wiPlxuICAgIEBmb3IgKGggb2YgaGVhZGVycygpOyBsZXQgaSA9ICRpbmRleDsgdHJhY2sgaSkge1xuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cInNkYy10YWItaGVhZGVyXCJcbiAgICAgICAgW2NsYXNzLnNkYy10YWItaGVhZGVyLWFjdGl2ZV09XCJpID09PSBhY3RpdmVJbmRleFwiXG4gICAgICAgIFtjbGFzcy5zZGMtdGFiLWhlYWRlci1kaXNhYmxlZF09XCJoLmRpc2FibGVkXCJcbiAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaC5kaXNhYmxlZFwiXG4gICAgICAgIFthdHRyLmFyaWEtc2VsZWN0ZWRdPVwiaSA9PT0gYWN0aXZlSW5kZXhcIlxuICAgICAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImguaWQgKyAnLXBhbmVsJ1wiXG4gICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiaC5kaXNhYmxlZFwiXG4gICAgICAgIFtpZF09XCJoLmlkXCJcbiAgICAgICAgW3RhYmluZGV4XT1cImguZGlzYWJsZWQgPyAtMSA6IChpID09PSBhY3RpdmVJbmRleCA/IDAgOiAtMSlcIlxuICAgICAgICAoY2xpY2spPVwic2VsZWN0KGkpXCJcbiAgICAgICAgKGtleWRvd24pPVwib25IZWFkZXJLZXlkb3duKCRldmVudCwgaSlcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGFiLWxhYmVsXCI+e3sgaC5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIH1cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNkYy10YWItcGFuZWxzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19