@seniorsistemas/data-seniorx-core 1.5.0 → 1.6.0

package/fesm2022/seniorsistemas-data-seniorx-core.mjs

@@ -1,52 +1,65 @@
-import * as i1$2 from 'primeng/api';
+import * as i2$1 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 export { MessageService } from 'primeng/api';
 import { definePreset } from '@primeng/themes';
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, APP_INITIALIZER, EventEmitter, Component, Input, Output, Directive, forwardRef, ViewChild, Injectable } from '@angular/core';
+import { makeEnvironmentProviders, APP_INITIALIZER, EventEmitter, Component, Input, Output, TemplateRef, ContentChild, Directive, forwardRef, ViewChild, computed, signal, inject, ElementRef, NgZone, DestroyRef, ChangeDetectorRef, effect, numberAttribute, ChangeDetectionStrategy, booleanAttribute, Injectable, HostBinding, HostListener } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { providePrimeNG } from 'primeng/config';
 import Aura from '@primeng/themes/aura';
 import * as i3$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { BehaviorSubject } from 'rxjs';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { first } from 'rxjs/operators';
 import { ViewPlugin, Decoration, keymap, EditorView } from '@codemirror/view';
 import { RangeSetBuilder, Prec, StateEffect } from '@codemirror/state';
 import { format } from 'sql-formatter';
-import * as i1 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1$1 from 'primeng/autocomplete';
+import * as i1 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import * as i2 from '@seniorsistemas/angular-components/product-header';
+import { ProductHeaderModule } from '@seniorsistemas/angular-components/product-header';
+import * as i3 from '@seniorsistemas/angular-components/breadcrumb';
+import { BreadcrumbModule } from '@seniorsistemas/angular-components/breadcrumb';
+import * as i1$2 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
-import * as i3 from '@angular/forms';
+import * as i4 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i2$1 from 'primeng/dialog';
+import * as i1$3 from 'primeng/button';
+import { ButtonModule as ButtonModule$1 } from 'primeng/button';
+import * as i2$2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i3$2 from 'primeng/progressspinner';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import * as i4 from 'primeng/table';
-import { TableModule } from 'primeng/table';
-import * as i5 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
-import * as i1$3 from 'primeng/panel';
-import { PanelModule } from 'primeng/panel';
+import * as i2$3 from '@seniorsistemas/angular-components/empty-state';
+import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
+import * as i3$2 from '@seniorsistemas/angular-components/loading-state';
+import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
+import { DEFAULT_TABLE_OPTIONS } from 'lib/src/core/types/table.types';
+import { isMobile } from 'lib/src/core/utils/layout.util';
 import * as i4$1 from 'primeng/inputgroupaddon';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import * as i5$1 from 'primeng/inputgroup';
+import * as i5 from 'primeng/inputgroup';
 import { InputGroupModule } from 'primeng/inputgroup';
 import * as i6 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
-import * as i3$3 from 'primeng/blockui';
+import * as i2$4 from 'primeng/paginator';
+import { PaginatorModule } from 'primeng/paginator';
+import * as i2$5 from '@seniorsistemas/angular-components/sidebar';
+import { SidebarModule } from '@seniorsistemas/angular-components/sidebar';
+import { StructureModule } from '@seniorsistemas/angular-components/structure';
+import { PanelModule } from 'primeng/panel';
+import * as i1$4 from '@seniorsistemas/angular-components/panel';
+import { PanelModule as PanelModule$1 } from '@seniorsistemas/angular-components/panel';
 import { BlockUIModule } from 'primeng/blockui';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import { autocompletion } from '@codemirror/autocomplete';
 import { ayuLight } from 'thememirror';
 import { basicSetup } from 'codemirror';
 import { sql, PostgreSQL } from '@codemirror/lang-sql';
-import * as i3$4 from 'primeng/keyfilter';
+import * as i3$3 from 'primeng/keyfilter';
 import { KeyFilterModule } from 'primeng/keyfilter';
-import * as i2$2 from 'primeng/toast';
-import { ToastModule } from 'primeng/toast';
+import * as i4$2 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
 
 function customButton(theme) {
     const colors = [
@@ -311,13 +324,15 @@ const SeniorTheme = definePreset(Aura, {
     },
     components: {
         progressspinner: {
-            colorScheme: {
-                light: {
-                    root: {
-                        ['color.1']: '{emerald-300}',
-                        ['color.2']: '{emerald-300}',
-                        ['color.3']: '{emerald-300}',
-                        ['color.4']: '{emerald-300}'
+            progressspinner: {
+                colorScheme: {
+                    light: {
+                        root: {
+                            color1: '{emerald-300}',
+                            color2: '{emerald-300}',
+                            color3: '{emerald-300}',
+                            color4: '{emerald-300}'
+                        }
                     }
                 }
             }
@@ -633,45 +648,50 @@ function getWordBeforeCursor(state, pos) {
 }
 
 function getDimensionStyles(type, value) {
-    if (typeof value === 'boolean' || !value) {
+    if (value === null || value === undefined || typeof value === 'boolean')
         return {};
-    }
     return { [type]: dimensionFormat(value) };
 }
 const dimensionFormat = (value) => {
-    if (value === 'w-fill') {
+    const raw = String(value).trim();
+    if (raw === '' || raw.toLowerCase() === 'auto')
+        return 'auto';
+    if (raw === 'w-fill')
         return '100%';
-    }
-    else if (typeof value === 'number') {
-        return `${value}px`;
-    }
-    return value;
+    if (/^\d+(\.\d+)?(px|%|rem|em|vh|vw|ch)$/.test(raw))
+        return raw;
+    if (/^\d+(\.\d+)?$/.test(raw))
+        return `${raw}px`;
+    return raw;
 };
 
 class ButtonComponent {
     disabled = false;
-    icon = false;
+    width = '10rem';
+    icon;
     id = 'button-id';
-    label = 'Button';
-    severity = 'primary';
+    label = '';
+    priority = 'primary';
     size = undefined;
     type = 'button';
     onClick = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { disabled: "disabled", icon: "icon", id: "id", label: "label", severity: "severity", size: "size", type: "type" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\n    (onClick)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [severity]=\"severity\"\n    [size]=\"size\"\n    [type]=\"type\"\n>\n    <i *ngIf=\"icon\" [class]=\"icon\"></i>\n    <span>{{ label }}</span>\n</p-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { disabled: "disabled", width: "width", icon: "icon", id: "id", label: "label", priority: "priority", size: "size", type: "type" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div [style.width]=\"width\">\n  <s-button\n    class=\"sdc-button-el\"\n    (clicked)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [priority]=\"priority\"\n    [iconClass]=\"icon\"\n    [label]=\"label\">\n  </s-button>\n</div>\n", styles: ["::ng-deep .s-button-priority-primary .s-button-icon{color:#fff!important}::ng-deep s-button button:disabled{pointer-events:none;cursor:not-allowed}::ng-deep s-button button{min-width:100%!important;width:100%!important;max-width:100%!important}::ng-deep s-button{min-width:100%!important;width:100%!important;max-width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, ButtonModule], standalone: true, selector: 'sdc-button', template: "<p-button\n    (onClick)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [severity]=\"severity\"\n    [size]=\"size\"\n    [type]=\"type\"\n>\n    <i *ngIf=\"icon\" [class]=\"icon\"></i>\n    <span>{{ label }}</span>\n</p-button>\n" }]
+            args: [{ imports: [CommonModule, ButtonModule], standalone: true, selector: 'sdc-button', template: "<div [style.width]=\"width\">\n  <s-button\n    class=\"sdc-button-el\"\n    (clicked)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [priority]=\"priority\"\n    [iconClass]=\"icon\"\n    [label]=\"label\">\n  </s-button>\n</div>\n", styles: ["::ng-deep .s-button-priority-primary .s-button-icon{color:#fff!important}::ng-deep s-button button:disabled{pointer-events:none;cursor:not-allowed}::ng-deep s-button button{min-width:100%!important;width:100%!important;max-width:100%!important}::ng-deep s-button{min-width:100%!important;width:100%!important;max-width:100%!important}\n"] }]
         }], propDecorators: { disabled: [{
                 type: Input
+            }], width: [{
+                type: Input
             }], icon: [{
                 type: Input
             }], id: [{
                 type: Input
             }], label: [{
                 type: Input
-            }], severity: [{
+            }], priority: [{
                 type: Input
             }], size: [{
                 type: Input
@@ -681,6 +701,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class ScaffoldComponent {
+    header = 'Scaffold Component';
+    title = 'Scaffold Component Title';
+    homeUrl = '/';
+    headerTpl;
+    footerTpl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScaffoldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScaffoldComponent, isStandalone: true, selector: "sdc-scaffold", inputs: { header: "header", title: "title", homeUrl: "homeUrl" }, queries: [{ propertyName: "headerTpl", first: true, predicate: ["scaffoldHeader"], descendants: true, read: TemplateRef }, { propertyName: "footerTpl", first: true, predicate: ["scaffoldFooter"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<s-product-header [header]=\"header\">\n  <ng-container *ngIf=\"headerTpl\" [ngTemplateOutlet]=\"headerTpl\"></ng-container>\n</s-product-header>\n\n<div class=\"sdc-scaffold\">\n  <div class=\"sdc-scaffold-title\">{{ title }}</div>\n  <s-breadcrumb [homeUrl]=\"homeUrl\"></s-breadcrumb>\n\n  <div class=\"sdc-scaffold-content\">\n    <ng-content select=\"[sdc-scaffold-content]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<footer class=\"sdc-scaffold-footer\" *ngIf=\"footerTpl\">\n  <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n</footer>\n", styles: ["::ng-deep .sds-container{padding:20px}::ng-deep .sdc-scaffold .p-breadcrumb{font-size:12px;padding:10px 0 0!important;background:transparent}::ng-deep .sdc-scaffold .sds-page-title{display:none}.sdc-scaffold-title{padding:5px 0 0;font-family:Open Sans,sans-serif;font-size:20px;font-weight:400;line-height:1em;color:#333}.sdc-scaffold{padding:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ProductHeaderModule }, { kind: "component", type: i2.ProductHeaderComponent, selector: "s-product-header", inputs: ["id", "header", "baseZIndex", "isHeaderFrame"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i3.BreadcrumbComponent, selector: "s-breadcrumb", inputs: ["homeUrl", "targetHomeUrl"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScaffoldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-scaffold', standalone: true, imports: [CommonModule, ProductHeaderModule, BreadcrumbModule], template: "<s-product-header [header]=\"header\">\n  <ng-container *ngIf=\"headerTpl\" [ngTemplateOutlet]=\"headerTpl\"></ng-container>\n</s-product-header>\n\n<div class=\"sdc-scaffold\">\n  <div class=\"sdc-scaffold-title\">{{ title }}</div>\n  <s-breadcrumb [homeUrl]=\"homeUrl\"></s-breadcrumb>\n\n  <div class=\"sdc-scaffold-content\">\n    <ng-content select=\"[sdc-scaffold-content]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<footer class=\"sdc-scaffold-footer\" *ngIf=\"footerTpl\">\n  <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n</footer>\n", styles: ["::ng-deep .sds-container{padding:20px}::ng-deep .sdc-scaffold .p-breadcrumb{font-size:12px;padding:10px 0 0!important;background:transparent}::ng-deep .sdc-scaffold .sds-page-title{display:none}.sdc-scaffold-title{padding:5px 0 0;font-family:Open Sans,sans-serif;font-size:20px;font-weight:400;line-height:1em;color:#333}.sdc-scaffold{padding:5px}\n"] }]
+        }], propDecorators: { header: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], homeUrl: [{
+                type: Input
+            }], headerTpl: [{
+                type: ContentChild,
+                args: ['scaffoldHeader', { read: TemplateRef }]
+            }], footerTpl: [{
+                type: ContentChild,
+                args: ['scaffoldFooter', { read: TemplateRef }]
+            }] } });
+
 class InputsComponent {
     disabled = false;
     identity = {};
@@ -728,20 +774,9 @@ class InputsComponent {
     getStyles() {
         return getDimensionStyles('width', this.width);
     }
-    getSizeStyle() {
-        switch (this.size) {
-            case 'small':
-                return { 'font-size': '12px', height: '28px' };
-            case 'large':
-                return { 'font-size': '16px', height: '44px' };
-            default:
-                return { 'font-size': '14px', height: '36px' };
-        }
-    }
     getInputStyle() {
         return {
             ...this.getStyles(),
-            ...this.getSizeStyle()
         };
     }
     getInvalidClass() {
@@ -796,35 +831,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ComboboxComponent extends InputsComponent {
     filteredItems = [];
     autocomplete;
+    appendTo;
     zIndex = 9999;
     options = [];
     selectedValueEvent = new EventEmitter();
     ngAfterViewInit() {
         fixComboBoxOverlay(this.autocomplete, this.zIndex);
     }
+    normalizeOptions() {
+        if (Array.isArray(this.options))
+            return this.options;
+        try {
+            const parsed = JSON.parse(this.options || '[]');
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            return [];
+        }
+    }
     onSearch(event) {
-        const query = event.query.toLowerCase();
-        let arr = Array.isArray(this.options) ? this.options : JSON.parse(this.options);
-        this.filteredItems = arr.filter(i => i.text.toLowerCase().includes(query));
-        if (this.filteredItems.length === 0) {
-            this.invalid = true;
+        const all = this.normalizeOptions();
+        const q = (event?.query ?? '').toString().trim().toLowerCase();
+        if (!q) {
+            this.filteredItems = all.slice();
+            this.invalid = this.filteredItems.length === 0;
+            return;
         }
+        this.filteredItems = all.filter(i => (i?.text ?? '').toLowerCase().includes(q));
+        this.invalid = this.filteredItems.length === 0;
     }
     onInput(event) {
         super.onInput(event);
         this.selectedValueEvent.emit(this.value);
-        if (this.filteredItems.length > 0) {
+        if (this.filteredItems?.length > 0) {
             this.invalid = false;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComboboxComponent, isStandalone: true, selector: "sdc-combobox", inputs: { zIndex: "zIndex", options: "options" }, outputs: { selectedValueEvent: "onSelectedItem" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComboboxComponent, isStandalone: true, selector: "sdc-combobox", inputs: { appendTo: "appendTo", zIndex: "zIndex", options: "options" }, outputs: { selectedValueEvent: "onSelectedItem" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ComboboxComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n    <label *ngIf=\"label\" [for]=\"identity.id\">\n        <span>{{ label }}</span>\n        <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n    </label>\n\n    <p-autocomplete\n        #autocomplete\n        (completeMethod)=\"onSearch($event)\"\n        (ngModelChange)=\"onInput($event)\"\n        [(ngModel)]=\"value\"\n        [autoHighlight]=\"true\"\n        [disabled]=\"disabled\"\n        [dropdown]=\"true\"\n        [forceSelection]=\"true\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name ?? ''\"\n        [ngClass]=\"getInvalidClass()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [showClear]=\"true\"\n        [style]=\"getInputStyle()\"\n        [suggestions]=\"filteredItems\"\n        optionLabel=\"text\"\n        optionValue=\"value\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+        ], viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-combobox\">\n  <label *ngIf=\"label\" [for]=\"identity.id\">\n    <span>{{ label }}</span>\n    <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n  </label>\n\n  <p-autocomplete\n    #autocomplete\n    dropdownIcon=\"fas fa-caret-down\"\n    (completeMethod)=\"onSearch($event)\"\n    (ngModelChange)=\"onInput($event)\"\n    [(ngModel)]=\"value\"\n    [autoHighlight]=\"true\"\n    [disabled]=\"disabled\"\n    [dropdown]=\"true\"\n    [forceSelection]=\"true\"\n    [id]=\"identity.id\"\n    [name]=\"identity.name ?? ''\"\n    [ngClass]=\"getInvalidClass()\"\n    [placeholder]=\"placeholder\"\n    [required]=\"required\"\n    [showClear]=\"true\"\n    [style]=\"getInputStyle()\"\n    [suggestions]=\"filteredItems\"\n    optionLabel=\"text\"\n    optionValue=\"value\"\n    [appendTo]=\"appendTo\">\n\n    <ng-template pTemplate=\"item\" let-opt>\n      <div class=\"flex align-items-center gap-2\">\n        <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n        <span>{{ opt?.text }}</span>\n      </div>\n    </ng-template>\n\n    <ng-template pTemplate=\"selectedItem\" let-opt>\n      <div class=\"flex align-items-center gap-2\">\n        <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n        <span>{{ opt?.text }}</span>\n      </div>\n    </ng-template>\n  </p-autocomplete>\n\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>\n", styles: [".sdc-combobox ::ng-deep .p-inputtext{border:1px solid var(--sdc-formfield-default-border)!important;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}.sdc-combobox ::ng-deep .p-inputtext:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown{border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;background-color:var(--sdc-button-bg)!important;border:1px solid var(--sdc-formfield-default-border)!important;border-left:0!important;color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown .p-button-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:hover{transition:var(--sdc-button-bg-hover-transition)!important;background-color:var(--sdc-button-bg-hover)!important}.sdc-combobox ::ng-deep .p-autocomplete input{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: AutoCompleteModule }, { kind: "component", type: i1$2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
@@ -834,10 +884,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => ComboboxComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"field-box\">\n    <label *ngIf=\"label\" [for]=\"identity.id\">\n        <span>{{ label }}</span>\n        <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n    </label>\n\n    <p-autocomplete\n        #autocomplete\n        (completeMethod)=\"onSearch($event)\"\n        (ngModelChange)=\"onInput($event)\"\n        [(ngModel)]=\"value\"\n        [autoHighlight]=\"true\"\n        [disabled]=\"disabled\"\n        [dropdown]=\"true\"\n        [forceSelection]=\"true\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name ?? ''\"\n        [ngClass]=\"getInvalidClass()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [showClear]=\"true\"\n        [style]=\"getInputStyle()\"\n        [suggestions]=\"filteredItems\"\n        optionLabel=\"text\"\n        optionValue=\"value\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n\n\n" }]
+                    ], template: "<div class=\"sdc-combobox\">\n  <label *ngIf=\"label\" [for]=\"identity.id\">\n    <span>{{ label }}</span>\n    <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n  </label>\n\n  <p-autocomplete\n    #autocomplete\n    dropdownIcon=\"fas fa-caret-down\"\n    (completeMethod)=\"onSearch($event)\"\n    (ngModelChange)=\"onInput($event)\"\n    [(ngModel)]=\"value\"\n    [autoHighlight]=\"true\"\n    [disabled]=\"disabled\"\n    [dropdown]=\"true\"\n    [forceSelection]=\"true\"\n    [id]=\"identity.id\"\n    [name]=\"identity.name ?? ''\"\n    [ngClass]=\"getInvalidClass()\"\n    [placeholder]=\"placeholder\"\n    [required]=\"required\"\n    [showClear]=\"true\"\n    [style]=\"getInputStyle()\"\n    [suggestions]=\"filteredItems\"\n    optionLabel=\"text\"\n    optionValue=\"value\"\n    [appendTo]=\"appendTo\">\n\n    <ng-template pTemplate=\"item\" let-opt>\n      <div class=\"flex align-items-center gap-2\">\n        <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n        <span>{{ opt?.text }}</span>\n      </div>\n    </ng-template>\n\n    <ng-template pTemplate=\"selectedItem\" let-opt>\n      <div class=\"flex align-items-center gap-2\">\n        <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n        <span>{{ opt?.text }}</span>\n      </div>\n    </ng-template>\n  </p-autocomplete>\n\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>\n", styles: [".sdc-combobox ::ng-deep .p-inputtext{border:1px solid var(--sdc-formfield-default-border)!important;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}.sdc-combobox ::ng-deep .p-inputtext:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown{border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;background-color:var(--sdc-button-bg)!important;border:1px solid var(--sdc-formfield-default-border)!important;border-left:0!important;color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown .p-button-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:hover{transition:var(--sdc-button-bg-hover-transition)!important;background-color:var(--sdc-button-bg-hover)!important}.sdc-combobox ::ng-deep .p-autocomplete input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}\n"] }]
         }], propDecorators: { autocomplete: [{
                 type: ViewChild,
                 args: ['autocomplete']
+            }], appendTo: [{
+                type: Input
             }], zIndex: [{
                 type: Input
             }], options: [{
@@ -892,11 +944,11 @@ class ConfirmComponent {
         this.visible = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ConfirmComponent, isStandalone: true, selector: "sdc-confirm", inputs: { zIndex: "zIndex", visible: "visible", confirm: "confirm" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n  #modal\n  [(visible)]=\"visible\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [header]=\"config.title | translate\"\n  [modal]=\"true\"\n  [responsive]=\"true\"\n  [showHeader]=\"true\"\n  position=\"top\"\n>\n  <div class=\"content-sizing\">{{ config.message | translate }}</div>\n  <ng-template #footer>\n    <p-button [label]=\"getLabel('deny') | translate\" severity=\"secondary\" (onClick)=\"onDeny()\" />\n    <p-button [label]=\"getLabel('confirm') | translate\" [severity]=\"getSeverity()\" (onClick)=\"onConfirm()\" />\n  </ng-template>\n</p-dialog>\n", styles: [".content-sizing{max-width:480px}\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: DialogModule }, { kind: "component", type: i2$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ConfirmComponent, isStandalone: true, selector: "sdc-confirm", inputs: { zIndex: "zIndex", visible: "visible", confirm: "confirm" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n  #modal\n  [(visible)]=\"visible\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [header]=\"config.title | translate\"\n  [modal]=\"true\"\n  [responsive]=\"true\"\n  [showHeader]=\"true\"\n  position=\"top\"\n>\n  <div class=\"content-sizing\">{{ config.message | translate }}</div>\n  <ng-template #footer>\n    <p-button [label]=\"getLabel('deny') | translate\" severity=\"secondary\" (onClick)=\"onDeny()\" />\n    <p-button [label]=\"getLabel('confirm') | translate\" [severity]=\"getSeverity()\" (onClick)=\"onConfirm()\" />\n  </ng-template>\n</p-dialog>\n", styles: [".content-sizing{max-width:480px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule$1 }, { kind: "component", type: i1$3.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: DialogModule }, { kind: "component", type: i2$2.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ButtonModule, DialogModule, TranslateModule], standalone: true, selector: 'sdc-confirm', template: "<p-dialog\n  #modal\n  [(visible)]=\"visible\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [header]=\"config.title | translate\"\n  [modal]=\"true\"\n  [responsive]=\"true\"\n  [showHeader]=\"true\"\n  position=\"top\"\n>\n  <div class=\"content-sizing\">{{ config.message | translate }}</div>\n  <ng-template #footer>\n    <p-button [label]=\"getLabel('deny') | translate\" severity=\"secondary\" (onClick)=\"onDeny()\" />\n    <p-button [label]=\"getLabel('confirm') | translate\" [severity]=\"getSeverity()\" (onClick)=\"onConfirm()\" />\n  </ng-template>\n</p-dialog>\n", styles: [".content-sizing{max-width:480px}\n"] }]
+            args: [{ imports: [ButtonModule$1, DialogModule, TranslateModule], standalone: true, selector: 'sdc-confirm', template: "<p-dialog\n  #modal\n  [(visible)]=\"visible\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [header]=\"config.title | translate\"\n  [modal]=\"true\"\n  [responsive]=\"true\"\n  [showHeader]=\"true\"\n  position=\"top\"\n>\n  <div class=\"content-sizing\">{{ config.message | translate }}</div>\n  <ng-template #footer>\n    <p-button [label]=\"getLabel('deny') | translate\" severity=\"secondary\" (onClick)=\"onDeny()\" />\n    <p-button [label]=\"getLabel('confirm') | translate\" [severity]=\"getSeverity()\" (onClick)=\"onConfirm()\" />\n  </ng-template>\n</p-dialog>\n", styles: [".content-sizing{max-width:480px}\n"] }]
         }], propDecorators: { modal: [{
                 type: ViewChild,
                 args: ['modal']
@@ -934,7 +986,7 @@ class HyperlinkComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HyperlinkComponent, isStandalone: true, selector: "sdc-hyperlink", inputs: { href: "href", text: "text", domainFilterToken: "domainFilterToken" }, outputs: { clickEvent: "onClick", domainFilterClickEvent: "onDomainFilter" }, ngImport: i0, template: "<span *ngIf=\"!href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</span>\n\n<a *ngIf=\"href\" [href]=\"href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HyperlinkComponent, isStandalone: true, selector: "sdc-hyperlink", inputs: { href: "href", text: "text", domainFilterToken: "domainFilterToken" }, outputs: { clickEvent: "onClick", domainFilterClickEvent: "onDomainFilter" }, ngImport: i0, template: "<span *ngIf=\"!href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</span>\n\n<a *ngIf=\"href\" [href]=\"href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, decorators: [{
             type: Component,
@@ -957,50 +1009,611 @@ class ListComponent {
     dataItems = [];
     dataActions = [];
     loading = false;
+    action = new EventEmitter();
     set items(value) {
         this.dataItems = this.parseArray(value ?? []);
     }
     set actions(value) {
-        this.dataActions = this.parseArray(value ?? []);
-    }
-    getTableStyle() {
-        return { width: '100%' };
-    }
-    isEmpty() {
-        return this.dataItems?.length === 0 && this.loading === false;
+        const arr = this.parseArray(value ?? []);
+        this.dataActions = arr.map(this.normalizeAction);
+    }
+    onActionClick(a, item) {
+        const name = a.name ?? '';
+        const id = item?.id ?? '';
+        this.action.emit({ name, id, item });
+        const fn = a.action;
+        if (typeof fn === 'function') {
+            try {
+                fn(name, id);
+            }
+            catch { }
+        }
     }
-    getStyle() {
+    normalizeAction(a) {
+        const icon = a?.icon ?? a?.iconClass ?? a?.leftIcon ?? null;
+        const label = a?.label ?? a?.text ?? '';
         return {
-            width: '30px',
-            height: '30px'
+            ...a,
+            icon,
+            label,
+            iconClass: icon,
+            leftIcon: icon,
+            text: label,
+            priority: a?.priority ?? 'default',
+            disabled: !!a?.disabled,
         };
     }
     parseArray(value) {
-        if (Array.isArray(value)) {
+        if (Array.isArray(value))
             return value;
+        if (typeof value === 'string') {
+            try {
+                const safe = value.trim().replace(/\\n/g, '').replace(/'/g, '"');
+                return JSON.parse(safe);
+            }
+            catch (e) {
+                console.warn('Error converting value to array:', value, e);
+            }
         }
-        try {
-            return JSON.parse(value);
-        }
-        catch (e) {
-            console.warn('Error converting value to array:', value, e);
-            return [];
-        }
+        return [];
+    }
+    actionKey(a) {
+        return [
+            String(a?.label ?? a?.text ?? ''),
+            String(a?.icon ?? a?.iconClass ?? a?.leftIcon ?? ''),
+            String(a?.priority ?? 'default'),
+            String(!!a?.disabled)
+        ].join('|');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, isStandalone: true, selector: "sdc-list", inputs: { loading: "loading", items: "items", actions: "actions" }, ngImport: i0, template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"loading\">\n            <td colspan=\"2\" class=\"center-items\">\n                <p-progress-spinner\n                    [style]=\"getStyle()\"\n                    animationDuration=\".5s\"\n                    fill=\"transparent\"\n                    strokeWidth=\"8\"\n                    />\n            </td>\n        </tr>\n        <tr *ngIf=\"isEmpty()\">\n            <td colspan=\"2\" class=\"center-items\">\n                {{ 'platform.datacore.empty_list' | translate }}\n            </td>\n        </tr>\n        <tr *ngFor=\"let item of dataItems\">\n            <td class=\"row\">\n                <div class=\"content\">\n                    {{ item.content }} \n                </div>\n                <div class=\"actions\">\n                    <p-button\n                        *ngFor=\"let action of dataActions\"\n                        (onClick)=\"action.action && action.action(action.name, item.id)\"\n                        [disabled]=\"action.disabled\"\n                        [icon]=\"action.icon\"\n                        [label]=\"action.label\"\n                        [severity]=\"action.severity\"\n                        pTooltip=\"{{ action.tooltip ?? ''}}\"\n                        tooltipZIndex=\"9999999\"\n                        size=\"small\"\n                    />\n                </div>\n            </td>\n        </tr>\n    </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width: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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, isStandalone: true, selector: "sdc-list", inputs: { loading: "loading", items: "items", actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"sdc-list\">\n  <div *ngIf=\"!loading && !(!dataItems || dataItems.length === 0)\">\n    <div class=\"sdc-list-item\" *ngFor=\"let item of dataItems\">\n      <div class=\"sdc-list-content\">\n        <div class=\"sdc-list-title\">{{ item.title }}</div>\n        <div class=\"sdc-list-subtitle\">{{ item.subtitle }}</div>\n      </div>\n      <div class=\"sdc-list-actions\" *ngIf=\"dataActions && dataActions.length > 0\">\n        <ng-container *ngFor=\"let action of dataActions\">\n          <ng-container *ngFor=\"let __k of [actionKey(action)]\">\n            <sdc-button (onClick)=\"onActionClick(action, item)\" [disabled]=\"!!action.disabled\"\n              [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [label]=\"action.label ?? $any(action).text\" [priority]=\"action.priority || 'default'\"\n              [attr.disabled]=\"action.disabled ? '' : null\"\n              [attr.icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [attr.label]=\"action.label ?? $any(action).text\" [attr.priority]=\"action.priority || 'default'\"\n              [attr.severity]=\"action.priority || 'default'\" [attr.data-key]=\"__k\">\n            </sdc-button>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <div *ngIf=\"!loading && (!dataItems || dataItems.length === 0)\" class=\"sdc-list-hidden\" aria-live=\"polite\">\n    <s-empty-state id=\"my-empty-state\" iconClass=\"fa fa-inbox\" title=\"Nenhum registro encontrado\"\n      primaryActionLabel=\"Recarregar\" description=\"Nenhum cadastro foi encontrado.\">\n    </s-empty-state>\n  </div>\n\n  <div *ngIf=\"loading\" class=\"sdc-list-hidden\">\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\"></s-loading-state>\n  </div>\n</div>", styles: [":host{display:block}.sdc-list{background:#fff;border:1px solid var(--sdc-formfield-default-border);overflow:hidden}.sdc-list-hidden{min-height:21rem;padding-top:6rem;padding-bottom:6rem}.sdc-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--sdc-formfield-default-border)}.sdc-list-item:last-child{border-bottom:0}.sdc-list-content{flex:1 1 auto;min-width:0}.sdc-list-title{font-weight:600;font-size:16px;line-height:1.25;color:#1f2937;margin:0 0 4px}.sdc-list-subtitle{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-list-actions{display:flex;align-items:center;gap:8px;margin-left:24px;flex-shrink:0}ul.sdc-list,.sdc-list ul,.sdc-list li{list-style:none;margin:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i2$3.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "component", type: i3$2.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ButtonModule, CommonModule, ProgressSpinnerModule, TableModule, TooltipModule, TranslateModule], standalone: true, selector: 'sdc-list', template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"loading\">\n            <td colspan=\"2\" class=\"center-items\">\n                <p-progress-spinner\n                    [style]=\"getStyle()\"\n                    animationDuration=\".5s\"\n                    fill=\"transparent\"\n                    strokeWidth=\"8\"\n                    />\n            </td>\n        </tr>\n        <tr *ngIf=\"isEmpty()\">\n            <td colspan=\"2\" class=\"center-items\">\n                {{ 'platform.datacore.empty_list' | translate }}\n            </td>\n        </tr>\n        <tr *ngFor=\"let item of dataItems\">\n            <td class=\"row\">\n                <div class=\"content\">\n                    {{ item.content }} \n                </div>\n                <div class=\"actions\">\n                    <p-button\n                        *ngFor=\"let action of dataActions\"\n                        (onClick)=\"action.action && action.action(action.name, item.id)\"\n                        [disabled]=\"action.disabled\"\n                        [icon]=\"action.icon\"\n                        [label]=\"action.label\"\n                        [severity]=\"action.severity\"\n                        pTooltip=\"{{ action.tooltip ?? ''}}\"\n                        tooltipZIndex=\"9999999\"\n                        size=\"small\"\n                    />\n                </div>\n            </td>\n        </tr>\n    </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"] }]
+            args: [{ standalone: true, selector: 'sdc-list', imports: [CommonModule, ButtonComponent, EmptyStateModule, LoadingStateModule], template: "<div class=\"sdc-list\">\n  <div *ngIf=\"!loading && !(!dataItems || dataItems.length === 0)\">\n    <div class=\"sdc-list-item\" *ngFor=\"let item of dataItems\">\n      <div class=\"sdc-list-content\">\n        <div class=\"sdc-list-title\">{{ item.title }}</div>\n        <div class=\"sdc-list-subtitle\">{{ item.subtitle }}</div>\n      </div>\n      <div class=\"sdc-list-actions\" *ngIf=\"dataActions && dataActions.length > 0\">\n        <ng-container *ngFor=\"let action of dataActions\">\n          <ng-container *ngFor=\"let __k of [actionKey(action)]\">\n            <sdc-button (onClick)=\"onActionClick(action, item)\" [disabled]=\"!!action.disabled\"\n              [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [label]=\"action.label ?? $any(action).text\" [priority]=\"action.priority || 'default'\"\n              [attr.disabled]=\"action.disabled ? '' : null\"\n              [attr.icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [attr.label]=\"action.label ?? $any(action).text\" [attr.priority]=\"action.priority || 'default'\"\n              [attr.severity]=\"action.priority || 'default'\" [attr.data-key]=\"__k\">\n            </sdc-button>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <div *ngIf=\"!loading && (!dataItems || dataItems.length === 0)\" class=\"sdc-list-hidden\" aria-live=\"polite\">\n    <s-empty-state id=\"my-empty-state\" iconClass=\"fa fa-inbox\" title=\"Nenhum registro encontrado\"\n      primaryActionLabel=\"Recarregar\" description=\"Nenhum cadastro foi encontrado.\">\n    </s-empty-state>\n  </div>\n\n  <div *ngIf=\"loading\" class=\"sdc-list-hidden\">\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\"></s-loading-state>\n  </div>\n</div>", styles: [":host{display:block}.sdc-list{background:#fff;border:1px solid var(--sdc-formfield-default-border);overflow:hidden}.sdc-list-hidden{min-height:21rem;padding-top:6rem;padding-bottom:6rem}.sdc-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--sdc-formfield-default-border)}.sdc-list-item:last-child{border-bottom:0}.sdc-list-content{flex:1 1 auto;min-width:0}.sdc-list-title{font-weight:600;font-size:16px;line-height:1.25;color:#1f2937;margin:0 0 4px}.sdc-list-subtitle{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-list-actions{display:flex;align-items:center;gap:8px;margin-left:24px;flex-shrink:0}ul.sdc-list,.sdc-list ul,.sdc-list li{list-style:none;margin:0;padding:0}\n"] }]
         }], propDecorators: { loading: [{
                 type: Input
+            }], action: [{
+                type: Output
             }], items: [{
                 type: Input
             }], actions: [{
                 type: Input
             }] } });
 
+class SearchboxComponent extends InputsComponent {
+    value = '';
+    triggerMode = 'auto';
+    searchEvent = new EventEmitter();
+    clearEvent = new EventEmitter();
+    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() {
+        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: 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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: 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"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4$1.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: i3$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ButtonModule,
+                        CommonModule,
+                        FormsModule,
+                        InputGroupAddonModule,
+                        InputGroupModule,
+                        InputTextModule,
+                        ReactiveFormsModule,
+                        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,
+                args: ['onSearch']
+            }], clearEvent: [{
+                type: Output,
+                args: ['onClear']
+            }] } });
+
+class TableComponent {
+    cols = [];
+    data = [];
+    loading = false;
+    config = DEFAULT_TABLE_OPTIONS;
+    action = new EventEmitter();
+    isMobile = isMobile();
+    showSearch = computed(() => this.options().search?.show ?? false);
+    showPaginator = computed(() => this.options().pagination?.show ?? false);
+    rowsPerPageOptions = computed(() => this.options().pagination?.rowsPerPageOptions ?? []);
+    searchPlaceholder = computed(() => this.options().search?.placeholder ?? '');
+    triggerMode = computed(() => this.options().search?.type ?? 'auto');
+    totalRecordsLabel = computed(() => this.options().table?.totalRecordsLabel ?? '');
+    emptyTitle = computed(() => this.options().empty?.title ?? '');
+    emptyText = computed(() => this.options().empty?.text ?? '');
+    options = signal(DEFAULT_TABLE_OPTIONS);
+    globalFilter = signal('');
+    sortField = signal(null);
+    sortOrder = signal(0);
+    selection = signal([]);
+    first = signal(0);
+    rows = signal(DEFAULT_TABLE_OPTIONS.pagination?.rowsPerPage ?? 10);
+    cellCfg(kind) {
+        return (this.options().cells?.[kind] ?? {});
+    }
+    tagsOf(row, col) {
+        const raw = this._(row, col.field);
+        const arr = Array.isArray(raw) ? raw : [];
+        const max = this.options().cells?.tag?.maxItems;
+        return typeof max === 'number' ? arr.slice(0, max) : arr;
+    }
+    filteredData = computed(() => {
+        const q = this.globalFilter().trim().toLowerCase();
+        if (!q)
+            return this.data;
+        const fields = this.cols.filter(c => c.searchable ?? true).filter(c => !!c.field).map(c => c.field);
+        if (fields.length === 0)
+            return this.data;
+        return this.data.filter(row => fields.some(f => {
+            const v = this._(row, f);
+            if (Array.isArray(v))
+                return v.join(' ').toLowerCase().includes(q);
+            return String(v ?? '').toLowerCase().includes(q);
+        }));
+    });
+    sortedData = computed(() => {
+        const field = this.sortField();
+        const order = this.sortOrder();
+        const arr = [...this.filteredData()];
+        if (!field || order === 0)
+            return arr;
+        return arr.sort((a, b) => {
+            const va = this._(a, field);
+            const vb = this._(b, field);
+            if (va == null && vb == null)
+                return 0;
+            if (va == null)
+                return -order;
+            if (vb == null)
+                return order;
+            if (typeof va === 'number' && typeof vb === 'number')
+                return (va - vb) * order;
+            return String(va).localeCompare(String(vb)) * order;
+        });
+    });
+    totalRecords = computed(() => this.sortedData().length);
+    pageData = computed(() => {
+        const start = this.first();
+        const end = start + this.rows();
+        return this.sortedData().slice(start, end);
+    });
+    configHash = '';
+    constructor() { }
+    ngOnChanges(changes) {
+        if (changes['config']) {
+            this.applyConfigOptions();
+            this.rows.set(this.options().pagination?.rowsPerPage ?? 10);
+            this.first.set(0);
+            this.configHash = this.stableStringify(this.config);
+        }
+    }
+    ngDoCheck() {
+        const nextHash = this.stableStringify(this.config);
+        if (nextHash !== this.configHash) {
+            this.configHash = nextHash;
+            this.applyConfigOptions();
+            this.rows.set(this.options().pagination?.rowsPerPage ?? 10);
+            this.first.set(0);
+        }
+    }
+    onSearchTerm(evOrVal) {
+        const term = typeof evOrVal === 'string'
+            ? evOrVal
+            : evOrVal?.detail ?? '';
+        this.globalFilter.set(String(term));
+        this.first.set(0);
+    }
+    onClearSearch(_ev) {
+        this.globalFilter.set('');
+        this.first.set(0);
+    }
+    toggleSort(field, enabled = true) {
+        if (!enabled)
+            return;
+        if (this.sortField() !== field) {
+            this.sortField.set(field);
+            this.sortOrder.set(1);
+        }
+        else {
+            const order = this.sortOrder();
+            if (order === 1)
+                this.sortOrder.set(-1);
+            else if (order === -1) {
+                this.sortOrder.set(0);
+                this.sortField.set(null);
+            }
+            else {
+                this.sortOrder.set(1);
+                this.sortField.set(field);
+            }
+        }
+        this.first.set(0);
+    }
+    onPageChange(e) {
+        this.first.set(e.first ?? 0);
+        this.rows.set(e.rows ?? this.options().pagination?.rowsPerPage ?? 10);
+    }
+    getCheckedValue(event) {
+        return event.target.checked;
+    }
+    onToggleRow(row, checked) {
+        const sel = new Set(this.selection());
+        checked ? sel.add(row) : sel.delete(row);
+        this.selection.set([...sel]);
+    }
+    isRowSelected(row) {
+        return this.selection().includes(row);
+    }
+    toggleSelectPage(checked) {
+        const sel = new Set(this.selection());
+        this.pageData().forEach(r => (checked ? sel.add(r) : sel.delete(r)));
+        this.selection.set([...sel]);
+    }
+    isPageFullySelected() {
+        const visible = this.pageData();
+        return visible.length > 0 && visible.every(r => this.selection().includes(r));
+    }
+    _ = (obj, path) => path.split('.').reduce((acc, part) => {
+        if (acc !== null && typeof acc === 'object')
+            return acc[part];
+        return undefined;
+    }, obj);
+    formatDate(value, _format = 'shortDate') {
+        try {
+            return new Intl.DateTimeFormat(undefined).format(new Date(value));
+        }
+        catch {
+            return String(value ?? '');
+        }
+    }
+    formatCurrency(value, currency = 'BRL') {
+        const n = Number(value);
+        if (Number.isNaN(n))
+            return String(value ?? '');
+        return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(n);
+    }
+    applyConfigOptions() {
+        const cfg = this.config || DEFAULT_TABLE_OPTIONS;
+        this.options.set({
+            ...DEFAULT_TABLE_OPTIONS,
+            ...cfg,
+            search: { ...DEFAULT_TABLE_OPTIONS.search, ...cfg.search },
+            table: { ...DEFAULT_TABLE_OPTIONS.table, ...cfg.table },
+            empty: { ...DEFAULT_TABLE_OPTIONS.empty, ...cfg.empty },
+            pagination: { ...DEFAULT_TABLE_OPTIONS.pagination, ...cfg.pagination },
+            cells: {
+                checkbox: { ...(DEFAULT_TABLE_OPTIONS.cells?.checkbox ?? {}), ...(cfg.cells?.checkbox ?? {}) },
+                button: { ...(DEFAULT_TABLE_OPTIONS.cells?.button ?? {}), ...(cfg.cells?.button ?? {}) },
+                tag: { ...(DEFAULT_TABLE_OPTIONS.cells?.tag ?? {}), ...(cfg.cells?.tag ?? {}) },
+            },
+        });
+    }
+    stableStringify(obj) {
+        const seen = new WeakSet();
+        const replacer = (_k, v) => {
+            if (v && typeof v === 'object') {
+                const asObj = v;
+                if (seen.has(asObj))
+                    return;
+                seen.add(asObj);
+                if (Array.isArray(v))
+                    return v;
+                const o = v;
+                return Object.keys(o).sort().reduce((acc, key) => {
+                    acc[key] = o[key];
+                    return acc;
+                }, {});
+            }
+            if (typeof v === 'function' || typeof v === 'undefined')
+                return undefined;
+            return v;
+        };
+        try {
+            return JSON.stringify(obj ?? {}, replacer);
+        }
+        catch {
+            return JSON.stringify(obj ?? {});
+        }
+    }
+    onButtonClick(row, col) {
+        const key = (col.actionField ?? col.field);
+        const value = key ? this._(row, key) : undefined;
+        this.action.emit({ column: col, row, value });
+    }
+    buttonKey(row, col, opt) {
+        const actKey = (col.actionField ?? col.field ?? '');
+        const actVal = actKey ? String(this._(row, actKey) ?? '') : '';
+        return [
+            String(opt?.label ?? ''),
+            String(opt?.icon ?? ''),
+            String(opt?.priority ?? ''),
+            String(opt?.size ?? ''),
+            String(opt?.tooltip ?? ''),
+            actVal
+        ].join('|');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TableComponent, isStandalone: true, selector: "sdc-table", inputs: { cols: "cols", data: "data", loading: "loading", config: "config" }, outputs: { action: "action" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-table\" [class.sdc-table-stack]=\"isMobile ? 'stack' : 'grid'\"\n  [class.sdc-table-filtered]=\"!!globalFilter().trim()\">\n\n  <div class=\"sdc-table-caption\" *ngIf=\"showSearch()\">\n    <div [style.width]=\"isMobile ? '100%' : '20%'\">\n      <sdc-searchbox [disabled]=\"loading\" [placeholder]=\"searchPlaceholder()\" [triggerMode]=\"triggerMode()\"\n        (onSearch)=\"onSearchTerm($event)\" (onClear)=\"onClearSearch()\" />\n    </div>\n  </div>\n\n  <table class=\"sdc-table-grid\">\n    <thead>\n      <tr>\n        @for (col of cols; let i = $index; track i) {\n        <th [class.sdc-table-th-checkbox]=\"col.type === 'checkbox-selection'\"\n          (click)=\"toggleSort(col.field!, col.sortable !== false)\" [class.sdc-table-sortable]=\"col.sortable !== false\"\n          [class.sdc-table-is-selected]=\"sortField() === col.field\">\n\n          <div class=\"sdc-table-th-inner\" [class.sdc-table-sortable]=\"col.sortable !== false\">\n            @switch (col.type) {\n            @case ('checkbox-selection') {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\n            }\n            @default {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\n            <span class=\"sdc-table-sort-icons sdc-table-sort-overlay\" *ngIf=\"col.sortable !== false\">\n              <ng-container [ngTemplateOutlet]=\"sortIconsTpl\" [ngTemplateOutletContext]=\"{ col: col }\"></ng-container>\n            </span>\n            }\n            }\n          </div>\n\n          <span class=\"sdc-table-th-center\"\n            *ngIf=\"col.type === 'checkbox-selection' && (cellCfg('checkbox').selectAll ?? true)\">\n            <input type=\"checkbox\" [checked]=\"isPageFullySelected()\" (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleSelectPage(getCheckedValue($event))\" />\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (loading) { } @else {\n      @for (row of pageData(); let r = $index; track r) {\n      <tr>\n        @for (col of cols; let c = $index; track c) {\n        <ng-container *ngIf=\"isMobile; else desktopContent\">\n          <div class=\"sdc-table-td-mobile\">\n            <ng-container [ngTemplateOutlet]=\"sortIconsTpl\" [ngTemplateOutletContext]=\"{ col: col }\"></ng-container>\n\n            <td class=\"sdc-table-td sdc-table-tdc sdc-table-mobile-td\"\n              [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n              [class.sdc-table-is-selected]=\"sortField() === col.field\" [attr.data-title]=\"col.header\"\n              (click)=\"toggleSort(col.field!, col.sortable !== false)\">\n              <div class=\"sdc-table-td-val\">\n                <ng-container [ngTemplateOutlet]=\"cellTpl\"\n                  [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"></ng-container>\n              </div>\n            </td>\n          </div>\n        </ng-container>\n\n        <ng-template #desktopContent>\n          <td class=\"sdc-table-td sdc-table-tdc\" [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n            [class.sdc-table-is-selected]=\"sortField() === col.field\" [attr.data-title]=\"col.header\">\n            <div class=\"sdc-table-td-val\">\n              <ng-container [ngTemplateOutlet]=\"cellTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"></ng-container>\n            </div>\n          </td>\n        </ng-template>\n        }\n      </tr>\n      }\n      }\n    </tbody>\n  </table>\n\n  <s-empty-state *ngIf=\"!loading && options().empty?.show !== false && totalRecords() === 0\" id=\"my-empty-state\"\n    iconClass=\"fa fa-inbox\" [title]=\"emptyTitle()\" [description]=\"emptyText()\" class=\"sdc-table-empty-state\">\n  </s-empty-state>\n\n  <s-loading-state *ngIf=\"loading\" [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-table-loading-state\">\n  </s-loading-state>\n\n  <div class=\"sdc-table-paginator\" *ngIf=\"showPaginator()\">\n    <p-paginator [dropdownAppendTo]=\"'body'\" [first]=\"first()\" [rows]=\"rows()\" [totalRecords]=\"totalRecords()\"\n      [rowsPerPageOptions]=\"isMobile ? undefined : rowsPerPageOptions()\" [showFirstLastIcon]=\"!isMobile\"\n      (onPageChange)=\"onPageChange($event)\">\n      <ng-template pTemplate=\"dropdownicon\"><i class=\"fas fa-caret-down\"></i></ng-template>\n      <ng-template pTemplate=\"firstpagelinkicon\"><i class=\"fas fa-step-forward fa-rotate-180\"></i></ng-template>\n      <ng-template pTemplate=\"previouspagelinkicon\"><i class=\"fas fa-caret-left\"></i></ng-template>\n      <ng-template pTemplate=\"nextpagelinkicon\"><i class=\"fas fa-caret-right\"></i></ng-template>\n      <ng-template pTemplate=\"lastpagelinkicon\"><i class=\"fas fa-step-forward\"></i></ng-template>\n    </p-paginator>\n\n    <span *ngIf=\"!isMobile\">\n      {{ totalRecordsLabel() }}: {{ totalRecords() }}\n    </span>\n  </div>\n\n  <ng-template #cellTpl let-row let-col=\" col\">\n    @switch (col.type) {\n    @case ('checkbox-selection') {\n    <ng-container *ngIf=\"cellCfg('checkbox') as checkboxOptions\">\n      <div class=\"sdc-table-checkbox\">\n        <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"onToggleRow(row, getCheckedValue($event))\" />\n        <label>{{ _(row, col.field) }}</label>\n      </div>\n    </ng-container>\n    }\n\n    @case ('date') { {{ formatDate(_(row, col.field), col.format || 'shortDate') }} }\n\n    @case ('currency') { {{ formatCurrency(_(row, col.field), col.format || 'BRL') }} }\n\n    @case ('tag') {\n    <ng-container *ngIf=\"cellCfg('tag') as tagOptions\">\n      <div class=\"sdc-table-tags\">\n        @for (tag of tagsOf(row, col); let t = $index; track t) {\n        <span class=\"sdc-table-tag\" [style.background]=\"tagOptions.backgroundColor || null\"\n          [style.color]=\"tagOptions.color || null\" [attr.title]=\"tagOptions.tooltip\">\n          <i *ngIf=\"tagOptions.icon\" [class]=\"tagOptions.icon\"></i>\n          {{ tag }}\n        </span>\n        }\n      </div>\n    </ng-container>\n    }\n\n   @case ('button') {\n      <ng-container *ngIf=\"cellCfg('button') as buttonOptions\">\n        <ng-container *ngFor=\"let __k of [buttonKey(row, col, buttonOptions)]\">\n          <div class=\"sdc-table-button\">\n            <sdc-button\n              style=\"max-width: 70%;\"\n\n              [size]=\"buttonOptions.size\"\n              [priority]=\"buttonOptions.priority || 'primary'\"\n              [icon]=\"buttonOptions.icon\"\n              [label]=\"buttonOptions.label\"\n              [disabled]=\"buttonOptions.disabled\"\n              [title]=\"buttonOptions.tooltip\"\n\n              [attr.size]=\"buttonOptions.size\"\n              [attr.priority]=\"buttonOptions.priority || 'primary'\"\n              [attr.severity]=\"buttonOptions.priority || 'primary'\"\n              [attr.icon]=\"buttonOptions.icon\"\n              [attr.label]=\"buttonOptions.label\"\n              [attr.disabled]=\"buttonOptions.disabled ? '' : null\"\n              [attr.title]=\"buttonOptions.tooltip || null\"\n\n              [attr.data-key]=\"__k\"\n              (click)=\"buttonOptions.disabled ? null : onButtonClick(row, col)\">\n            </sdc-button>\n          </div>\n        </ng-container>\n      </ng-container>\n    }\n    @default { {{ _(row, col.field) }} }\n    }\n  </ng-template>\n</div>\n\n<ng-template #sortIconsTpl let-col=\"col\">\n  <span *ngIf=\"col.sortable !== false && col.type !== 'checkbox-selection'\" class=\"sdc-table-sort-indicator\">\n    <i *ngIf=\"sortField() !== col.field\" class=\"fas fa-sort-alt sdc-table-sort-neutral\"></i>\n    <i *ngIf=\"sortField() === col.field && sortOrder() === 1\"\n      class=\"fas fa-sort-amount-up-alt sdc-table-sort-active\"></i>\n    <i *ngIf=\"sortField() === col.field && sortOrder() === -1\"\n      class=\"fas fa-sort-amount-down sdc-table-sort-active\"></i>\n  </span>\n  <span *ngIf=\"col.sortable === false || col.type === 'checkbox-selection'\"\n    class=\"sdc-table-sort-indicator sdc-table-sort-indicator-placeholder\"></span>\n</ng-template>", styles: [":host{display:block;width:100%;box-sizing:border-box}@media (max-width: 750px){.sdc-table-tag{font-size:.7rem;padding:.6rem .8rem}.sdc-table-paginator{justify-content:center!important}.sdc-table-sort-indicator{gap:.15rem;min-width:1.2rem}.sdc-table-sort-indicator i{font-size:.75rem;width:.65rem}.sdc-table-td-val{background:none!important;height:100%;padding:1rem;justify-content:end;border-left:1px solid var(--sdc-formfield-default-border);display:flex}.sdc-table-td-mobile{border-top:1px solid var(--sdc-formfield-default-border);display:flex;align-items:center;padding-left:10px}.sdc-table.sdc-table-stack thead{display:none}.sdc-table.sdc-table-stack .sdc-table-grid,.sdc-table.sdc-table-stack .sdc-table-grid tbody,.sdc-table.sdc-table-stack .sdc-table-grid tr,.sdc-table.sdc-table-stack .sdc-table-grid td{display:block;width:100%;box-sizing:border-box}.sdc-table.sdc-table-stack .sdc-table-grid tr{border-top:1px solid var(--sdc-formfield-default-border);background:var(--sdc-table-bg-card)}.sdc-table.sdc-table-stack .sdc-table-td{position:relative;padding:0;border-bottom:1px solid var(--sdc-table-border-gray);display:grid!important;grid-template-columns:45% 55%;align-items:center;gap:var(--sdc-table-gap-th-inner)}.sdc-table.sdc-table-stack .sdc-table-td:before{content:attr(data-title);font-weight:600;padding:var(--sdc-table-padding-cell) .5rem var(--sdc-table-padding-cell) var(--sdc-table-padding-cell);border-right:0px solid var(--sdc-formfield-default-border);word-break:break-word}.sdc-table.sdc-table-stack .sdc-table-td>*{grid-column:2;min-width:0}.sdc-table.sdc-table-stack .sdc-table-grid tr .sdc-table-td:last-child{border-bottom:0}.sdc-table.sdc-table-stack .sdc-table-sort-icons{flex-direction:column;line-height:.8}.sdc-table-paginator{border-top:1px solid var(--sdc-table-border-gray)}::ng-deep .p-paginator .p-paginator-next{border-width:1px 1px 1px 1px!important}}@media (min-width: 750px){.sdc-table-tag{font-size:.8rem;padding:.6rem 1.7rem}.sdc-table-grid thead th+th{border-left:1px solid var(--sdc-formfield-default-border)}}.sdc-table{width:100%;box-sizing:border-box;overflow:hidden;background:var(--sdc-table-bg-card)}.sdc-table-caption{width:100%;justify-content:end;display:flex;padding:.75rem 0}.sdc-table-grid{width:100%;border-collapse:collapse;table-layout:fixed}thead th{padding:var(--sdc-table-padding-cell);background:var(--sdc-table-bg-card);border-bottom:1px solid var(--sdc-formfield-default-border);-webkit-user-select:none;user-select:none;transition:background var(--sdc-table-transition-fast),border var(--sdc-table-transition-fast)}thead th.sdc-table-sortable{cursor:pointer}thead th.sdc-table-sortable:hover{background:var(--sdc-table-th-hover-bg)}thead th.sdc-table-is-selected{background:var(--sdc-table-th-selected-bg)!important}.sdc-table-sort-neutral{color:var(--sdc-table-sort-neutral)}.sdc-table-sort-active{color:var(--sdc-table-sort-active)}.sdc-table-th-inner{display:flex;align-items:center;gap:var(--sdc-table-gap-th-inner)}.sdc-table-sort-icons i{font-size:inherit;transition:color var(--sdc-table-transition-fast),transform var(--sdc-table-transition-fast),opacity var(--sdc-table-transition-fast)}tbody td{padding:var(--sdc-table-padding-cell);border-bottom:1px solid var(--sdc-table-border-gray);vertical-align:middle}.sdc-table-tags{display:flex;flex-wrap:wrap;gap:var(--sdc-table-gap-tags)}.sdc-table-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:6px;background:var(--sdc-table-tag-bg)}.sdc-table-sort-indicator{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:1.7rem}.sdc-table-sort-indicator i{width:.75rem;text-align:center}.sdc-table-sort-indicator-placeholder{width:1.4rem;height:1rem;display:inline-block}.sdc-table-sort-overlay{position:relative}.sdc-table-paginator{padding:.5rem 0}.sdc-table-button,.sdc-table-checkbox{display:flex;align-items:center;justify-content:center}.sdc-table-empty-state{display:block;padding:12rem}.sdc-table-loading-state{background:var(--sdc-table-bg-loading);display:block;border-bottom:1px solid var(--sdc-formfield-default-border);min-width:10rem;padding:18.8rem 0rem}thead th.sdc-table-th-checkbox{position:relative}thead th.sdc-table-th-checkbox .sdc-table-th-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}thead th.sdc-table-th-checkbox .sdc-table-th-center input{pointer-events:auto}thead th.sdc-table-th-checkbox .sdc-table-th-inner{padding-right:.5rem}thead th.sdc-table-th-checkbox .sdc-table-th-label,thead .sdc-table-th-label{color:#333!important;white-space:nowrap}.sdc-table-paginator{display:flex;width:100%;justify-content:space-between;align-items:center;padding:.75em;box-sizing:border-box}.sdc-table-paginator ::ng-deep .p-paginator{text-align:left;background:var(--sdc-table-bg-card);border-color:transparent;gap:0;display:flex}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-element{font-weight:400}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-right-content{margin-left:auto;height:100%;padding-top:5px;padding-left:20px}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon{font-size:12px}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages{padding:0;margin:0;white-space:nowrap;gap:0}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected{color:#fff!important;border:1px solid #428bca;background:#428bca}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected:hover{background-color:#6aa3d5!important;border-color:#6aa3d5!important}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-prev,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-next,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{padding:.4em .25em;color:#428bca;transition:background-color .2s ease-out;border-radius:0;border:1px solid #cccccc;border-width:1px 0 1px 1px;text-align:center;min-width:var(--sdc-table-paginator-size);height:var(--sdc-table-paginator-size);margin:0}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-prev:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-next:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:hover{background-color:#f7f7f7}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-prev.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-next.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background-color:#6aa3d5;border-color:#6aa3d5}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first{border-radius:4px 0 0 4px}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-table-paginator ::ng-deep .p-select{margin-left:34px}.sdc-table-paginator ::ng-deep .p-select-label{height:34px;padding:6px 17px}.sdc-table-paginator ::ng-deep .p-select-dropdown{border-left:1px solid #cccccc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchboxComponent, selector: "sdc-searchbox", inputs: ["triggerMode"], outputs: ["onSearch", "onClear"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i2$4.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "component", type: i3$2.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i2$3.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-table', standalone: true, imports: [CommonModule, SearchboxComponent, PaginatorModule, ButtonComponent, LoadingStateModule, EmptyStateModule], template: "<div class=\"sdc-table\" [class.sdc-table-stack]=\"isMobile ? 'stack' : 'grid'\"\n  [class.sdc-table-filtered]=\"!!globalFilter().trim()\">\n\n  <div class=\"sdc-table-caption\" *ngIf=\"showSearch()\">\n    <div [style.width]=\"isMobile ? '100%' : '20%'\">\n      <sdc-searchbox [disabled]=\"loading\" [placeholder]=\"searchPlaceholder()\" [triggerMode]=\"triggerMode()\"\n        (onSearch)=\"onSearchTerm($event)\" (onClear)=\"onClearSearch()\" />\n    </div>\n  </div>\n\n  <table class=\"sdc-table-grid\">\n    <thead>\n      <tr>\n        @for (col of cols; let i = $index; track i) {\n        <th [class.sdc-table-th-checkbox]=\"col.type === 'checkbox-selection'\"\n          (click)=\"toggleSort(col.field!, col.sortable !== false)\" [class.sdc-table-sortable]=\"col.sortable !== false\"\n          [class.sdc-table-is-selected]=\"sortField() === col.field\">\n\n          <div class=\"sdc-table-th-inner\" [class.sdc-table-sortable]=\"col.sortable !== false\">\n            @switch (col.type) {\n            @case ('checkbox-selection') {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\n            }\n            @default {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\n            <span class=\"sdc-table-sort-icons sdc-table-sort-overlay\" *ngIf=\"col.sortable !== false\">\n              <ng-container [ngTemplateOutlet]=\"sortIconsTpl\" [ngTemplateOutletContext]=\"{ col: col }\"></ng-container>\n            </span>\n            }\n            }\n          </div>\n\n          <span class=\"sdc-table-th-center\"\n            *ngIf=\"col.type === 'checkbox-selection' && (cellCfg('checkbox').selectAll ?? true)\">\n            <input type=\"checkbox\" [checked]=\"isPageFullySelected()\" (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleSelectPage(getCheckedValue($event))\" />\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (loading) { } @else {\n      @for (row of pageData(); let r = $index; track r) {\n      <tr>\n        @for (col of cols; let c = $index; track c) {\n        <ng-container *ngIf=\"isMobile; else desktopContent\">\n          <div class=\"sdc-table-td-mobile\">\n            <ng-container [ngTemplateOutlet]=\"sortIconsTpl\" [ngTemplateOutletContext]=\"{ col: col }\"></ng-container>\n\n            <td class=\"sdc-table-td sdc-table-tdc sdc-table-mobile-td\"\n              [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n              [class.sdc-table-is-selected]=\"sortField() === col.field\" [attr.data-title]=\"col.header\"\n              (click)=\"toggleSort(col.field!, col.sortable !== false)\">\n              <div class=\"sdc-table-td-val\">\n                <ng-container [ngTemplateOutlet]=\"cellTpl\"\n                  [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"></ng-container>\n              </div>\n            </td>\n          </div>\n        </ng-container>\n\n        <ng-template #desktopContent>\n          <td class=\"sdc-table-td sdc-table-tdc\" [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n            [class.sdc-table-is-selected]=\"sortField() === col.field\" [attr.data-title]=\"col.header\">\n            <div class=\"sdc-table-td-val\">\n              <ng-container [ngTemplateOutlet]=\"cellTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"></ng-container>\n            </div>\n          </td>\n        </ng-template>\n        }\n      </tr>\n      }\n      }\n    </tbody>\n  </table>\n\n  <s-empty-state *ngIf=\"!loading && options().empty?.show !== false && totalRecords() === 0\" id=\"my-empty-state\"\n    iconClass=\"fa fa-inbox\" [title]=\"emptyTitle()\" [description]=\"emptyText()\" class=\"sdc-table-empty-state\">\n  </s-empty-state>\n\n  <s-loading-state *ngIf=\"loading\" [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-table-loading-state\">\n  </s-loading-state>\n\n  <div class=\"sdc-table-paginator\" *ngIf=\"showPaginator()\">\n    <p-paginator [dropdownAppendTo]=\"'body'\" [first]=\"first()\" [rows]=\"rows()\" [totalRecords]=\"totalRecords()\"\n      [rowsPerPageOptions]=\"isMobile ? undefined : rowsPerPageOptions()\" [showFirstLastIcon]=\"!isMobile\"\n      (onPageChange)=\"onPageChange($event)\">\n      <ng-template pTemplate=\"dropdownicon\"><i class=\"fas fa-caret-down\"></i></ng-template>\n      <ng-template pTemplate=\"firstpagelinkicon\"><i class=\"fas fa-step-forward fa-rotate-180\"></i></ng-template>\n      <ng-template pTemplate=\"previouspagelinkicon\"><i class=\"fas fa-caret-left\"></i></ng-template>\n      <ng-template pTemplate=\"nextpagelinkicon\"><i class=\"fas fa-caret-right\"></i></ng-template>\n      <ng-template pTemplate=\"lastpagelinkicon\"><i class=\"fas fa-step-forward\"></i></ng-template>\n    </p-paginator>\n\n    <span *ngIf=\"!isMobile\">\n      {{ totalRecordsLabel() }}: {{ totalRecords() }}\n    </span>\n  </div>\n\n  <ng-template #cellTpl let-row let-col=\" col\">\n    @switch (col.type) {\n    @case ('checkbox-selection') {\n    <ng-container *ngIf=\"cellCfg('checkbox') as checkboxOptions\">\n      <div class=\"sdc-table-checkbox\">\n        <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"onToggleRow(row, getCheckedValue($event))\" />\n        <label>{{ _(row, col.field) }}</label>\n      </div>\n    </ng-container>\n    }\n\n    @case ('date') { {{ formatDate(_(row, col.field), col.format || 'shortDate') }} }\n\n    @case ('currency') { {{ formatCurrency(_(row, col.field), col.format || 'BRL') }} }\n\n    @case ('tag') {\n    <ng-container *ngIf=\"cellCfg('tag') as tagOptions\">\n      <div class=\"sdc-table-tags\">\n        @for (tag of tagsOf(row, col); let t = $index; track t) {\n        <span class=\"sdc-table-tag\" [style.background]=\"tagOptions.backgroundColor || null\"\n          [style.color]=\"tagOptions.color || null\" [attr.title]=\"tagOptions.tooltip\">\n          <i *ngIf=\"tagOptions.icon\" [class]=\"tagOptions.icon\"></i>\n          {{ tag }}\n        </span>\n        }\n      </div>\n    </ng-container>\n    }\n\n   @case ('button') {\n      <ng-container *ngIf=\"cellCfg('button') as buttonOptions\">\n        <ng-container *ngFor=\"let __k of [buttonKey(row, col, buttonOptions)]\">\n          <div class=\"sdc-table-button\">\n            <sdc-button\n              style=\"max-width: 70%;\"\n\n              [size]=\"buttonOptions.size\"\n              [priority]=\"buttonOptions.priority || 'primary'\"\n              [icon]=\"buttonOptions.icon\"\n              [label]=\"buttonOptions.label\"\n              [disabled]=\"buttonOptions.disabled\"\n              [title]=\"buttonOptions.tooltip\"\n\n              [attr.size]=\"buttonOptions.size\"\n              [attr.priority]=\"buttonOptions.priority || 'primary'\"\n              [attr.severity]=\"buttonOptions.priority || 'primary'\"\n              [attr.icon]=\"buttonOptions.icon\"\n              [attr.label]=\"buttonOptions.label\"\n              [attr.disabled]=\"buttonOptions.disabled ? '' : null\"\n              [attr.title]=\"buttonOptions.tooltip || null\"\n\n              [attr.data-key]=\"__k\"\n              (click)=\"buttonOptions.disabled ? null : onButtonClick(row, col)\">\n            </sdc-button>\n          </div>\n        </ng-container>\n      </ng-container>\n    }\n    @default { {{ _(row, col.field) }} }\n    }\n  </ng-template>\n</div>\n\n<ng-template #sortIconsTpl let-col=\"col\">\n  <span *ngIf=\"col.sortable !== false && col.type !== 'checkbox-selection'\" class=\"sdc-table-sort-indicator\">\n    <i *ngIf=\"sortField() !== col.field\" class=\"fas fa-sort-alt sdc-table-sort-neutral\"></i>\n    <i *ngIf=\"sortField() === col.field && sortOrder() === 1\"\n      class=\"fas fa-sort-amount-up-alt sdc-table-sort-active\"></i>\n    <i *ngIf=\"sortField() === col.field && sortOrder() === -1\"\n      class=\"fas fa-sort-amount-down sdc-table-sort-active\"></i>\n  </span>\n  <span *ngIf=\"col.sortable === false || col.type === 'checkbox-selection'\"\n    class=\"sdc-table-sort-indicator sdc-table-sort-indicator-placeholder\"></span>\n</ng-template>", styles: [":host{display:block;width:100%;box-sizing:border-box}@media (max-width: 750px){.sdc-table-tag{font-size:.7rem;padding:.6rem .8rem}.sdc-table-paginator{justify-content:center!important}.sdc-table-sort-indicator{gap:.15rem;min-width:1.2rem}.sdc-table-sort-indicator i{font-size:.75rem;width:.65rem}.sdc-table-td-val{background:none!important;height:100%;padding:1rem;justify-content:end;border-left:1px solid var(--sdc-formfield-default-border);display:flex}.sdc-table-td-mobile{border-top:1px solid var(--sdc-formfield-default-border);display:flex;align-items:center;padding-left:10px}.sdc-table.sdc-table-stack thead{display:none}.sdc-table.sdc-table-stack .sdc-table-grid,.sdc-table.sdc-table-stack .sdc-table-grid tbody,.sdc-table.sdc-table-stack .sdc-table-grid tr,.sdc-table.sdc-table-stack .sdc-table-grid td{display:block;width:100%;box-sizing:border-box}.sdc-table.sdc-table-stack .sdc-table-grid tr{border-top:1px solid var(--sdc-formfield-default-border);background:var(--sdc-table-bg-card)}.sdc-table.sdc-table-stack .sdc-table-td{position:relative;padding:0;border-bottom:1px solid var(--sdc-table-border-gray);display:grid!important;grid-template-columns:45% 55%;align-items:center;gap:var(--sdc-table-gap-th-inner)}.sdc-table.sdc-table-stack .sdc-table-td:before{content:attr(data-title);font-weight:600;padding:var(--sdc-table-padding-cell) .5rem var(--sdc-table-padding-cell) var(--sdc-table-padding-cell);border-right:0px solid var(--sdc-formfield-default-border);word-break:break-word}.sdc-table.sdc-table-stack .sdc-table-td>*{grid-column:2;min-width:0}.sdc-table.sdc-table-stack .sdc-table-grid tr .sdc-table-td:last-child{border-bottom:0}.sdc-table.sdc-table-stack .sdc-table-sort-icons{flex-direction:column;line-height:.8}.sdc-table-paginator{border-top:1px solid var(--sdc-table-border-gray)}::ng-deep .p-paginator .p-paginator-next{border-width:1px 1px 1px 1px!important}}@media (min-width: 750px){.sdc-table-tag{font-size:.8rem;padding:.6rem 1.7rem}.sdc-table-grid thead th+th{border-left:1px solid var(--sdc-formfield-default-border)}}.sdc-table{width:100%;box-sizing:border-box;overflow:hidden;background:var(--sdc-table-bg-card)}.sdc-table-caption{width:100%;justify-content:end;display:flex;padding:.75rem 0}.sdc-table-grid{width:100%;border-collapse:collapse;table-layout:fixed}thead th{padding:var(--sdc-table-padding-cell);background:var(--sdc-table-bg-card);border-bottom:1px solid var(--sdc-formfield-default-border);-webkit-user-select:none;user-select:none;transition:background var(--sdc-table-transition-fast),border var(--sdc-table-transition-fast)}thead th.sdc-table-sortable{cursor:pointer}thead th.sdc-table-sortable:hover{background:var(--sdc-table-th-hover-bg)}thead th.sdc-table-is-selected{background:var(--sdc-table-th-selected-bg)!important}.sdc-table-sort-neutral{color:var(--sdc-table-sort-neutral)}.sdc-table-sort-active{color:var(--sdc-table-sort-active)}.sdc-table-th-inner{display:flex;align-items:center;gap:var(--sdc-table-gap-th-inner)}.sdc-table-sort-icons i{font-size:inherit;transition:color var(--sdc-table-transition-fast),transform var(--sdc-table-transition-fast),opacity var(--sdc-table-transition-fast)}tbody td{padding:var(--sdc-table-padding-cell);border-bottom:1px solid var(--sdc-table-border-gray);vertical-align:middle}.sdc-table-tags{display:flex;flex-wrap:wrap;gap:var(--sdc-table-gap-tags)}.sdc-table-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:6px;background:var(--sdc-table-tag-bg)}.sdc-table-sort-indicator{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:1.7rem}.sdc-table-sort-indicator i{width:.75rem;text-align:center}.sdc-table-sort-indicator-placeholder{width:1.4rem;height:1rem;display:inline-block}.sdc-table-sort-overlay{position:relative}.sdc-table-paginator{padding:.5rem 0}.sdc-table-button,.sdc-table-checkbox{display:flex;align-items:center;justify-content:center}.sdc-table-empty-state{display:block;padding:12rem}.sdc-table-loading-state{background:var(--sdc-table-bg-loading);display:block;border-bottom:1px solid var(--sdc-formfield-default-border);min-width:10rem;padding:18.8rem 0rem}thead th.sdc-table-th-checkbox{position:relative}thead th.sdc-table-th-checkbox .sdc-table-th-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}thead th.sdc-table-th-checkbox .sdc-table-th-center input{pointer-events:auto}thead th.sdc-table-th-checkbox .sdc-table-th-inner{padding-right:.5rem}thead th.sdc-table-th-checkbox .sdc-table-th-label,thead .sdc-table-th-label{color:#333!important;white-space:nowrap}.sdc-table-paginator{display:flex;width:100%;justify-content:space-between;align-items:center;padding:.75em;box-sizing:border-box}.sdc-table-paginator ::ng-deep .p-paginator{text-align:left;background:var(--sdc-table-bg-card);border-color:transparent;gap:0;display:flex}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-element{font-weight:400}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-right-content{margin-left:auto;height:100%;padding-top:5px;padding-left:20px}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon{font-size:12px}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages{padding:0;margin:0;white-space:nowrap;gap:0}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected{color:#fff!important;border:1px solid #428bca;background:#428bca}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected:hover{background-color:#6aa3d5!important;border-color:#6aa3d5!important}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-prev,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-next,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{padding:.4em .25em;color:#428bca;transition:background-color .2s ease-out;border-radius:0;border:1px solid #cccccc;border-width:1px 0 1px 1px;text-align:center;min-width:var(--sdc-table-paginator-size);height:var(--sdc-table-paginator-size);margin:0}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-prev:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-next:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:hover{background-color:#f7f7f7}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-prev.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-next.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last.p-highlight:hover,.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background-color:#6aa3d5;border-color:#6aa3d5}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-first{border-radius:4px 0 0 4px}.sdc-table-paginator ::ng-deep .p-paginator .p-paginator-last{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-table-paginator ::ng-deep .p-select{margin-left:34px}.sdc-table-paginator ::ng-deep .p-select-label{height:34px;padding:6px 17px}.sdc-table-paginator ::ng-deep .p-select-dropdown{border-left:1px solid #cccccc}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { cols: [{
+                type: Input,
+                args: [{ required: true }]
+            }], data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], loading: [{
+                type: Input,
+                args: [{ required: false }]
+            }], config: [{
+                type: Input,
+                args: [{ required: false }]
+            }], action: [{
+                type: Output
+            }] } });
+
+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
+            }] } });
+
+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
+            }] } });
+
+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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i2$5.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 }]
+            }] } });
+
 class ModalComponent {
     $visible = false;
     modal;
@@ -1041,11 +1654,11 @@ class ModalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "sdc-modal", inputs: { footerButtons: "footerButtons", header: "header", height: "height", maximizable: "maximizable", maximize: "maximize", resizable: "resizable", responsive: "responsive", width: "width", zIndex: "zIndex", visible: "visible" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    (onHide)=\"onHideHandler()\"\n    appendTo=\"body\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\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: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "sdc-modal", inputs: { footerButtons: "footerButtons", header: "header", height: "height", maximizable: "maximizable", maximize: "maximize", resizable: "resizable", responsive: "responsive", width: "width", zIndex: "zIndex", visible: "visible" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    (onHide)=\"onHideHandler()\"\n    appendTo=\"body\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule$1 }, { kind: "component", type: i1$3.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: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$2.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ButtonModule, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    (onHide)=\"onHideHandler()\"\n    appendTo=\"body\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"] }]
+            args: [{ imports: [ButtonModule$1, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    (onHide)=\"onHideHandler()\"\n    appendTo=\"body\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"] }]
         }], propDecorators: { modal: [{
                 type: ViewChild,
                 args: ['modal']
@@ -1087,11 +1700,11 @@ class PanelComponent {
     showHeader = false;
     toggleable = false;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { collapsed: "collapsed", header: "header", showHeader: "showHeader", toggleable: "toggleable" }, ngImport: i0, template: "<p-panel [(collapsed)]=\"collapsed\" [header]=\"header\" [showHeader]=\"showHeader\" [toggleable]=\"toggleable\">\n  <p>\n    <ng-content></ng-content>\n  </p>\n</p-panel>\n", styles: ["p{padding-bottom:0;margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1$3.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { collapsed: "collapsed", header: "header", showHeader: "showHeader", toggleable: "toggleable" }, ngImport: i0, template: "<s-panel [(collapsed)]=\"collapsed\" [header]=\"header\" [toggleable]=\"toggleable\">\n  <p>\n    <ng-content></ng-content>\n  </p>\n</s-panel>", styles: ["p{padding-bottom:0;margin-bottom:0}::ng-deep .panel{border:1px solid var(--sdc-formfield-default-border)!important}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "ngmodule", type: PanelModule$1 }, { kind: "component", type: i1$4.PanelComponent, selector: "s-panel", inputs: ["header", "toggleable", "collapsed", "severity", "borderButtonOptions", "class"], outputs: ["collapsedChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
-            args: [{ imports: [PanelModule], standalone: true, selector: 'sdc-panel', template: "<p-panel [(collapsed)]=\"collapsed\" [header]=\"header\" [showHeader]=\"showHeader\" [toggleable]=\"toggleable\">\n  <p>\n    <ng-content></ng-content>\n  </p>\n</p-panel>\n", styles: ["p{padding-bottom:0;margin-bottom:0}\n"] }]
+            args: [{ imports: [PanelModule, PanelModule$1], standalone: true, selector: 'sdc-panel', template: "<s-panel [(collapsed)]=\"collapsed\" [header]=\"header\" [toggleable]=\"toggleable\">\n  <p>\n    <ng-content></ng-content>\n  </p>\n</s-panel>", styles: ["p{padding-bottom:0;margin-bottom:0}::ng-deep .panel{border:1px solid var(--sdc-formfield-default-border)!important}\n"] }]
         }], propDecorators: { collapsed: [{
                 type: Input
             }], header: [{
@@ -1102,52 +1715,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class SearchboxComponent {
-    value = '';
-    width = false;
-    disabled = false;
-    placeholder = null;
-    searchEvent = new EventEmitter();
-    clearEvent = new EventEmitter();
-    getStyles() {
-        return getDimensionStyles('width', this.width);
-    }
-    onSearch() {
-        this.searchEvent.emit(this.value);
-    }
-    onClear() {
-        this.value = '';
-        this.clearEvent.emit();
-    }
-    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$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5$1.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: i3$1.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [
-                        ButtonModule,
-                        CommonModule,
-                        FormsModule,
-                        InputGroupAddonModule,
-                        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: [{
-                type: Input
-            }], searchEvent: [{
-                type: Output,
-                args: ['onSearch']
-            }], clearEvent: [{
-                type: Output,
-                args: ['onClear']
-            }] } });
-
 class SpinnerService {
     spinner = new BehaviorSubject(false);
     start() {
@@ -1170,8 +1737,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class SpinnerComponent {
     $service;
-    subscription = null;
     loading = false;
+    blockWindow = false;
+    subscription = null;
     constructor($service) {
         this.$service = $service;
     }
@@ -1193,12 +1761,18 @@ class SpinnerComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: 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: i3$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: BlockUIModule }, { kind: "component", type: i3$3.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: i3$2.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: SpinnerService }] });
+            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: SpinnerService }], propDecorators: { loading: [{
+                type: Input,
+                args: [{ required: true }]
+            }], blockWindow: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
 
 class SqlEditorComponent {
     height = null;
@@ -1321,7 +1895,7 @@ class TextboxComponent extends InputsComponent {
                 useExisting: forwardRef(() => TextboxComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".ml-3{margin-left:.5rem}.flex{display:flex;align-items:center}\n"], dependencies: [{ 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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$4.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;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}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
             type: Component,
@@ -1331,133 +1905,266 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => TextboxComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"field-box\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".ml-3{margin-left:.5rem}.flex{display:flex;align-items:center}\n"] }]
+                    ], template: "<div class=\"sdc-textbox\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;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}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"] }]
         }] });
 
 class ToastComponent {
-    $service;
-    $subscriptions = [];
-    key = CONSTANTS.TOAST_DEFAULT_KEY;
-    zIndex = 999999;
     toast;
-    constructor($service) {
-        this.$service = $service;
+    dismiss = new EventEmitter();
+    isLeaving = false;
+    timer = null;
+    startDismissAnimation() {
+        this.isLeaving = true;
+        setTimeout(() => {
+            this.dismiss.emit();
+        }, 300);
+    }
+    dismissToast() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
+        this.startDismissAnimation();
     }
     ngOnInit() {
-        this.$subscriptions = [
-            this.$service.messageObserver.subscribe(() => {
-                this.toast.el.nativeElement.children[0].style.zIndex = this.zIndex.toString();
-            })
-        ];
+        if (!this.toast.sticky && this.toast.duration) {
+            this.timer = setTimeout(() => {
+                this.startDismissAnimation();
+            }, this.toast.duration);
+        }
     }
     ngOnDestroy() {
-        this.$subscriptions.forEach(subscription => subscription?.unsubscribe());
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [{ token: MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastComponent, isStandalone: true, selector: "sdc-toast", inputs: { key: "key", zIndex: "zIndex" }, viewQueries: [{ propertyName: "toast", first: true, predicate: ["toast"], descendants: true, static: true }], ngImport: i0, template: "<p-toast #toast [key]=\"key\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastComponent, isStandalone: true, selector: "s-toast", inputs: { toast: "toast" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class.toast--leaving": "this.isLeaving" } }, ngImport: i0, template: "<div\n    class=\"toast\"\n    [class.toast--info]=\"toast.severity === 'info'\"\n    [class.toast--success]=\"toast.severity === 'success'\"\n    [class.toast--warning]=\"toast.severity === 'warning'\"\n    [class.toast--error]=\"toast.severity === 'error'\"\n>\n    <div class=\"toast-content\">\n        <i\n            class=\"toast-icon fas fa-info\"\n            [class.fa-info]=\"toast.severity === 'info'\"\n            [class.fa-check]=\"toast.severity === 'success'\"\n            [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n            [class.fa-times]=\"toast.severity === 'error'\"\n        ></i>\n        <div class=\"text-container\">\n            <span *ngIf=\"toast.title\" class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n            <span *ngIf=\"toast.text\" [innerHTML]=\"toast.text\"></span>\n        </div>\n    </div>\n    <button *ngIf=\"toast.closable\" class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ToastModule], standalone: true, selector: 'sdc-toast', template: "<p-toast #toast [key]=\"key\" />\n" }]
-        }], ctorParameters: () => [{ type: MessageService }], propDecorators: { key: [{
-                type: Input
-            }], zIndex: [{
+            args: [{ selector: "s-toast", standalone: true, imports: [CommonModule], template: "<div\n    class=\"toast\"\n    [class.toast--info]=\"toast.severity === 'info'\"\n    [class.toast--success]=\"toast.severity === 'success'\"\n    [class.toast--warning]=\"toast.severity === 'warning'\"\n    [class.toast--error]=\"toast.severity === 'error'\"\n>\n    <div class=\"toast-content\">\n        <i\n            class=\"toast-icon fas fa-info\"\n            [class.fa-info]=\"toast.severity === 'info'\"\n            [class.fa-check]=\"toast.severity === 'success'\"\n            [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n            [class.fa-times]=\"toast.severity === 'error'\"\n        ></i>\n        <div class=\"text-container\">\n            <span *ngIf=\"toast.title\" class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n            <span *ngIf=\"toast.text\" [innerHTML]=\"toast.text\"></span>\n        </div>\n    </div>\n    <button *ngIf=\"toast.closable\" class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"] }]
+        }], propDecorators: { toast: [{
                 type: Input
-            }], toast: [{
-                type: ViewChild,
-                args: ['toast', { static: true }]
+            }], dismiss: [{
+                type: Output
+            }], isLeaving: [{
+                type: HostBinding,
+                args: ["class.toast--leaving"]
             }] } });
 
 class ToastService {
-    $service;
-    constructor($service) {
-        this.$service = $service;
-    }
-    showInfo(toast) {
-        this.showGlobal(toast, 'info');
-    }
-    showSuccess(toast) {
-        this.showGlobal(toast, 'success');
-    }
-    showWarning(toast) {
-        this.showGlobal(toast, 'warn');
-    }
-    showError(toast) {
-        this.showGlobal(toast, 'error');
-    }
-    clear() {
-        this.$service.clear();
+    appRef;
+    injector;
+    componentFactoryResolver;
+    activeToasts = [];
+    globalToastHostElement = null;
+    constructor(appRef, injector, componentFactoryResolver) {
+        this.appRef = appRef;
+        this.injector = injector;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    ensureGlobalToastHost() {
+        if (!this.globalToastHostElement) {
+            this.globalToastHostElement = document.createElement("div");
+            document.body.appendChild(this.globalToastHostElement);
+            this.globalToastHostElement.style.display = "flex";
+            this.globalToastHostElement.style.flexDirection = "column";
+            this.globalToastHostElement.style.position = "fixed";
+            this.globalToastHostElement.style.right = "20px";
+            this.globalToastHostElement.style.top = "20px";
+            this.globalToastHostElement.style.zIndex = "99999";
+            this.globalToastHostElement.style.gap = "10px";
+        }
     }
-    showGlobal(toast, severity) {
-        this.$service.clear(toast.key ?? CONSTANTS.TOAST_DEFAULT_KEY);
-        this.$service.add({
-            closable: toast.closable ?? true,
-            detail: toast.detail instanceof Error ? toast.detail.message : toast.detail,
-            key: toast.key ?? CONSTANTS.TOAST_DEFAULT_KEY,
-            life: toast.life ?? CONSTANTS.THREE_K,
-            severity: severity,
-            sticky: toast.sticky ?? false,
-            summary: toast.summary
+    show(toast) {
+        this.ensureGlobalToastHost();
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(ToastComponent);
+        const componentRef = componentFactory.create(this.injector);
+        this.appRef.attachView(componentRef.hostView);
+        if (!toast.sticky) {
+            toast.duration = toast.duration ?? 10000;
+        }
+        componentRef.instance.toast = {
+            closable: true,
+            ...toast,
+        };
+        const domElem = componentRef.hostView.rootNodes[0];
+        this.globalToastHostElement.appendChild(domElem);
+        domElem.style.display = "flex";
+        domElem.style.justifyContent = "center";
+        componentRef.instance.dismiss.pipe(first()).subscribe(() => {
+            const index = this.activeToasts.indexOf(componentRef);
+            if (index !== -1) {
+                this.appRef.detachView(componentRef.hostView);
+                componentRef.destroy();
+                this.activeToasts.splice(index, 1);
+            }
+            if (this.activeToasts.length === 0 && this.globalToastHostElement) {
+                this.globalToastHostElement.remove();
+                this.globalToastHostElement = null;
+            }
         });
+        this.activeToasts.push(componentRef);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, deps: [{ token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, providedIn: "root" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.MessageService }] });
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
 
 class ModalcComponent {
-    visible = false;
+    cdr;
     title = 'Modal Title';
     footerButtons = [];
     maximizable = false;
+    closeOnBackdrop = true;
+    set visible(v) { this.setVisible(!!v, false); }
+    get visible() { return this._visible; }
     visibleChange = new EventEmitter();
-    $fullscreen = true;
-    set fullscreen(value) {
-        this.$fullscreen = value;
-    }
-    get fullscreen() {
-        return this.$fullscreen;
+    _visible = false;
+    _fullscreen = false;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() { }
+    ngOnDestroy() { this.unlockBodyScroll(); }
+    open() { this.setVisible(true, true); }
+    close() { this.setVisible(false, true); }
+    toggleFullscreen() {
+        this._fullscreen = !this._fullscreen;
+        this.cdr.markForCheck();
     }
-    escListener = (event) => {
-        if (event.key === 'Escape' && this.visible) {
+    onBackdropClick() {
+        if (this.closeOnBackdrop)
             this.close();
-        }
-    };
-    ngOnInit() {
-        window.addEventListener('keydown', this.escListener);
-    }
-    ngOnDestroy() {
-        window.removeEventListener('keydown', this.escListener);
-    }
-    toggleFullscreen() {
-        this.$fullscreen = !this.$fullscreen;
     }
-    close() {
-        this.visibleChange.emit(false);
+    onEsc(ev) {
+        if (this._visible)
+            this.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalcComponent, isStandalone: true, selector: "sdc-modalc", inputs: { visible: "visible", title: "title", footerButtons: "footerButtons", maximizable: "maximizable" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<section *ngIf=\"visible\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n  <div class=\"modal-container\" [ngClass]=\"{ 'fullscreen': fullscreen }\">\n    <header class=\"modal-header\">\n      <h2 id=\"modal-title\">{{ title }}</h2>\n      <div class=\"modal-actions\">\n        <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n          <i class=\"fal fa-expand-arrows\"></i>\n        </button>\n        <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n          <i class=\"fal fa-times\"></i>\n        </button>\n      </div>\n    </header>\n    <main class=\"modal-body\">\n      <ng-content></ng-content>\n    </main>\n    <footer class=\"modal-footer\">\n      <div class=\"footer-actions\">\n        <ng-content select=\"[footer]\"></ng-content>\n        <p-button\n          *ngFor=\"let btn of footerButtons\"\n          (onClick)=\"btn.action()\"\n          [icon]=\"btn.icon\"\n          [id]=\"btn.id\"\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity ?? 'primary'\"\n        ></p-button>\n      </div>\n    </footer>\n  </div>\n</section>", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    setVisible(next, emit) {
+        if (this._visible === next)
+            return;
+        this._visible = next;
+        if (this._visible)
+            this.lockBodyScroll();
+        else
+            this.unlockBodyScroll();
+        if (emit)
+            this.visibleChange.emit(this._visible);
+        this.cdr.markForCheck();
+    }
+    lockBodyScroll() {
+        document.body.style.overflow = 'hidden';
+    }
+    unlockBodyScroll() {
+        document.body.style.overflow = '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalcComponent, isStandalone: true, selector: "sdc-modalc", inputs: { title: "title", footerButtons: "footerButtons", maximizable: "maximizable", closeOnBackdrop: "closeOnBackdrop", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, ngImport: i0, template: "<section\n  *ngIf=\"_visible\"\n  class=\"modal\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"modal-title\"\n  (click)=\"onBackdropClick()\"\n>\n  <div class=\"modal-container\" [class.fullscreen]=\"_fullscreen\" (click)=\"$event.stopPropagation()\">\n    <header class=\"modal-header\">\n      <h2 id=\"modal-title\">{{ title }}</h2>\n      <div class=\"modal-actions\">\n        <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n          <i class=\"fal fa-expand-arrows\"></i>\n        </button>\n        <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n          <i class=\"fal fa-times\"></i>\n        </button>\n      </div>\n    </header>\n\n    <main class=\"modal-body\">\n      <ng-content></ng-content>\n    </main>\n\n    <footer class=\"modal-footer\">\n      <div class=\"footer-actions\">\n        <ng-content select=\"[footer]\"></ng-content>\n        <p-button *ngFor=\"let btn of footerButtons\"\n          (onClick)=\"btn?.action?.()\"\n          [icon]=\"btn.icon\"\n          [id]=\"btn.id\"\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity ?? 'primary'\">\n        </p-button>\n      </div>\n    </footer>\n  </div>\n</section>\n", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule$1 }, { kind: "component", type: i1$3.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: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule, CommonModule], template: "<section *ngIf=\"visible\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n  <div class=\"modal-container\" [ngClass]=\"{ 'fullscreen': fullscreen }\">\n    <header class=\"modal-header\">\n      <h2 id=\"modal-title\">{{ title }}</h2>\n      <div class=\"modal-actions\">\n        <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n          <i class=\"fal fa-expand-arrows\"></i>\n        </button>\n        <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n          <i class=\"fal fa-times\"></i>\n        </button>\n      </div>\n    </header>\n    <main class=\"modal-body\">\n      <ng-content></ng-content>\n    </main>\n    <footer class=\"modal-footer\">\n      <div class=\"footer-actions\">\n        <ng-content select=\"[footer]\"></ng-content>\n        <p-button\n          *ngFor=\"let btn of footerButtons\"\n          (onClick)=\"btn.action()\"\n          [icon]=\"btn.icon\"\n          [id]=\"btn.id\"\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity ?? 'primary'\"\n        ></p-button>\n      </div>\n    </footer>\n  </div>\n</section>", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"] }]
-        }], propDecorators: { visible: [{
-                type: Input
-            }], title: [{
+            args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule$1, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  *ngIf=\"_visible\"\n  class=\"modal\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"modal-title\"\n  (click)=\"onBackdropClick()\"\n>\n  <div class=\"modal-container\" [class.fullscreen]=\"_fullscreen\" (click)=\"$event.stopPropagation()\">\n    <header class=\"modal-header\">\n      <h2 id=\"modal-title\">{{ title }}</h2>\n      <div class=\"modal-actions\">\n        <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n          <i class=\"fal fa-expand-arrows\"></i>\n        </button>\n        <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n          <i class=\"fal fa-times\"></i>\n        </button>\n      </div>\n    </header>\n\n    <main class=\"modal-body\">\n      <ng-content></ng-content>\n    </main>\n\n    <footer class=\"modal-footer\">\n      <div class=\"footer-actions\">\n        <ng-content select=\"[footer]\"></ng-content>\n        <p-button *ngFor=\"let btn of footerButtons\"\n          (onClick)=\"btn?.action?.()\"\n          [icon]=\"btn.icon\"\n          [id]=\"btn.id\"\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity ?? 'primary'\">\n        </p-button>\n      </div>\n    </footer>\n  </div>\n</section>\n", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
                 type: Input
             }], footerButtons: [{
                 type: Input
             }], maximizable: [{
                 type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }], visible: [{
+                type: Input
             }], visibleChange: [{
                 type: Output
+            }], onEsc: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
+
+let nextId = 0;
+class CheckboxComponent {
+    label = "";
+    disabled = false;
+    commonCheckbox = false;
+    labelPosition = 'right';
+    size = 'medium';
+    checked = false;
+    checkedChange = new EventEmitter();
+    inputId = `sdc-checkbox-${++nextId}`;
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    toggleChecked() {
+        if (this.disabled)
+            return;
+        this.checked = !this.checked;
+        this.onChange(this.checked);
+        this.checkedChange.emit(this.checked);
+        this.onTouched();
+    }
+    onInputChange(ev) {
+        if (this.disabled)
+            return;
+        const el = ev.target;
+        this.checked = !!el.checked;
+        this.onChange(this.checked);
+        this.checkedChange.emit(this.checked);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckboxComponent, isStandalone: true, selector: "sdc-checkbox", inputs: { label: "label", disabled: "disabled", commonCheckbox: "commonCheckbox", labelPosition: "labelPosition", size: "size", checked: "checked" }, outputs: { checkedChange: "checkedChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<!-- Nativo -->\n<label\n  *ngIf=\"commonCheckbox\"\n  class=\"sdc-checkbox sdc-checkbox--native\"\n  [class.sdc-checkbox--disabled]=\"disabled\"\n  [class.sdc-checkbox--label-left]=\"labelPosition === 'left'\"\n  [class.sdc-checkbox--small]=\"size === 'small'\"\n  [class.sdc-checkbox--medium]=\"size === 'medium'\"\n  [class.sdc-checkbox--large]=\"size === 'large'\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <input\n    class=\"sdc-checkbox__input-native\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onInputChange($event)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.role]=\"'checkbox'\"\n  />\n  <span *ngIf=\"label\" class=\"sdc-checkbox__label\">{{ label }}</span>\n</label>\n\n<!-- Custom -->\n<label\n  *ngIf=\"!commonCheckbox\"\n  class=\"sdc-checkbox\"\n  [class.sdc-checkbox--disabled]=\"disabled\"\n  [class.sdc-checkbox--label-left]=\"labelPosition === 'left'\"\n  [class.sdc-checkbox--small]=\"size === 'small'\"\n  [class.sdc-checkbox--medium]=\"size === 'medium'\"\n  [class.sdc-checkbox--large]=\"size === 'large'\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <input\n    class=\"sdc-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onInputChange($event)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.role]=\"'checkbox'\"\n  />\n  <span class=\"sdc-checkbox__box\" aria-hidden=\"true\"></span>\n  <span *ngIf=\"label\" class=\"sdc-checkbox__label\">{{ label }}</span>\n</label>\n", styles: [":host{display:inline-flex}.sdc-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sdc-checkbox--disabled{cursor:not-allowed;opacity:.6}.sdc-checkbox--label-left{flex-direction:row-reverse}.sdc-checkbox--native .sdc-checkbox__input-native{width:var(--sdc-chk-size);height:var(--sdc-chk-size)}.sdc-checkbox--small{--sdc-chk-size: 14px}.sdc-checkbox--medium{--sdc-chk-size: 18px}.sdc-checkbox--large{--sdc-chk-size: 24px}.sdc-checkbox__input{position:absolute;opacity:0;width:0;height:0}.sdc-checkbox__box{width:var(--sdc-chk-size);height:var(--sdc-chk-size);border:2px solid var(--sdc-chk-border);border-radius:var(--sdc-chk-radius);display:inline-block;position:relative;transition:all .15s ease-in-out;flex:0 0 auto}.sdc-checkbox__input:focus-visible+.sdc-checkbox__box{outline:2px solid var(--sdc-chk-focus);outline-offset:2px}.sdc-checkbox__input:checked+.sdc-checkbox__box{background-color:var(--sdc-chk-color);border-color:var(--sdc-chk-color)}.sdc-checkbox__input:checked+.sdc-checkbox__box:after{content:\"\";position:absolute;left:calc(var(--sdc-chk-size) * .22);top:calc(var(--sdc-chk-size) * .02);width:calc(var(--sdc-chk-size) * .3);height:calc(var(--sdc-chk-size) * .6);border:solid #fff;border-width:0 max(2px,var(--sdc-chk-size) * .1) max(2px,var(--sdc-chk-size) * .1) 0;transform:rotate(45deg);box-sizing:border-box}.sdc-checkbox__label{font-size:14px;line-height:1;align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "sdc-checkbox", imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CheckboxComponent),
+                            multi: true
+                        }
+                    ], template: "<!-- Nativo -->\n<label\n  *ngIf=\"commonCheckbox\"\n  class=\"sdc-checkbox sdc-checkbox--native\"\n  [class.sdc-checkbox--disabled]=\"disabled\"\n  [class.sdc-checkbox--label-left]=\"labelPosition === 'left'\"\n  [class.sdc-checkbox--small]=\"size === 'small'\"\n  [class.sdc-checkbox--medium]=\"size === 'medium'\"\n  [class.sdc-checkbox--large]=\"size === 'large'\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <input\n    class=\"sdc-checkbox__input-native\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onInputChange($event)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.role]=\"'checkbox'\"\n  />\n  <span *ngIf=\"label\" class=\"sdc-checkbox__label\">{{ label }}</span>\n</label>\n\n<!-- Custom -->\n<label\n  *ngIf=\"!commonCheckbox\"\n  class=\"sdc-checkbox\"\n  [class.sdc-checkbox--disabled]=\"disabled\"\n  [class.sdc-checkbox--label-left]=\"labelPosition === 'left'\"\n  [class.sdc-checkbox--small]=\"size === 'small'\"\n  [class.sdc-checkbox--medium]=\"size === 'medium'\"\n  [class.sdc-checkbox--large]=\"size === 'large'\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <input\n    class=\"sdc-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onInputChange($event)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.role]=\"'checkbox'\"\n  />\n  <span class=\"sdc-checkbox__box\" aria-hidden=\"true\"></span>\n  <span *ngIf=\"label\" class=\"sdc-checkbox__label\">{{ label }}</span>\n</label>\n", styles: [":host{display:inline-flex}.sdc-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sdc-checkbox--disabled{cursor:not-allowed;opacity:.6}.sdc-checkbox--label-left{flex-direction:row-reverse}.sdc-checkbox--native .sdc-checkbox__input-native{width:var(--sdc-chk-size);height:var(--sdc-chk-size)}.sdc-checkbox--small{--sdc-chk-size: 14px}.sdc-checkbox--medium{--sdc-chk-size: 18px}.sdc-checkbox--large{--sdc-chk-size: 24px}.sdc-checkbox__input{position:absolute;opacity:0;width:0;height:0}.sdc-checkbox__box{width:var(--sdc-chk-size);height:var(--sdc-chk-size);border:2px solid var(--sdc-chk-border);border-radius:var(--sdc-chk-radius);display:inline-block;position:relative;transition:all .15s ease-in-out;flex:0 0 auto}.sdc-checkbox__input:focus-visible+.sdc-checkbox__box{outline:2px solid var(--sdc-chk-focus);outline-offset:2px}.sdc-checkbox__input:checked+.sdc-checkbox__box{background-color:var(--sdc-chk-color);border-color:var(--sdc-chk-color)}.sdc-checkbox__input:checked+.sdc-checkbox__box:after{content:\"\";position:absolute;left:calc(var(--sdc-chk-size) * .22);top:calc(var(--sdc-chk-size) * .02);width:calc(var(--sdc-chk-size) * .3);height:calc(var(--sdc-chk-size) * .6);border:solid #fff;border-width:0 max(2px,var(--sdc-chk-size) * .1) max(2px,var(--sdc-chk-size) * .1) 0;transform:rotate(45deg);box-sizing:border-box}.sdc-checkbox__label{font-size:14px;line-height:1;align-self:center}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], commonCheckbox: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
             }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CONSTANTS, ComboboxComponent, ConfirmComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PanelComponent, SQL_HELPER, SearchboxComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, provideDataCoreLib, provideTranslations, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
+export { ButtonComponent, CONSTANTS, CheckboxComponent, ComboboxComponent, ConfirmComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PanelComponent, SQL_HELPER, ScaffoldComponent, SearchboxComponent, SidebarComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TabComponent, TabItemComponent, TableComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, provideDataCoreLib, provideTranslations, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
 //# sourceMappingURL=seniorsistemas-data-seniorx-core.mjs.map