@seniorsistemas/data-seniorx-core 1.7.0 → 1.9.0

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

@@ -1,76 +1,74 @@
-import * as i2$1 from 'primeng/api';
+import * as i2 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 export { MessageService } from 'primeng/api';
+import * as i1$5 from '@ngx-translate/core';
+import { TranslateModule, TranslateStore, TranslateLoader, TranslateService } from '@ngx-translate/core';
+export { TranslateDirective, TranslateModule, TranslatePipe } from '@ngx-translate/core';
 import { definePreset } from '@primeng/themes';
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, APP_INITIALIZER, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, TemplateRef, ContentChild, Directive, forwardRef, ViewChild, computed, signal, inject, ElementRef, NgZone, ChangeDetectorRef, effect, numberAttribute, booleanAttribute, Injectable, HostBinding, HostListener } from '@angular/core';
+import { makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, inject, APP_INITIALIZER, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, TemplateRef, ContentChild, Directive, forwardRef, ViewChild, input, signal, effect, computed, ElementRef, NgZone, ChangeDetectorRef, numberAttribute, 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 i1$4 from '@ngx-translate/core';
-import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { BehaviorSubject } from 'rxjs';
-import * as i1$1 from '@angular/common';
+import { of, Subject, BehaviorSubject } from 'rxjs';
+import * as i1$2 from '@angular/common';
 import { CommonModule, NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
-import { first } from 'rxjs/operators';
+import { takeUntil, filter, 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 '@seniorsistemas/angular-components/button';
 import { ButtonModule } from '@seniorsistemas/angular-components/button';
-import * as i2 from '@seniorsistemas/angular-components/product-header';
+import * as i1$1 from '@angular/router';
+import { NavigationEnd, RouterOutlet } from '@angular/router';
+import * as i3 from '@seniorsistemas/angular-components/product-header';
 import { ProductHeaderModule } from '@seniorsistemas/angular-components/product-header';
-import * as i3 from '@seniorsistemas/angular-components/breadcrumb';
+import * as i4 from '@seniorsistemas/angular-components/breadcrumb';
 import { BreadcrumbModule } from '@seniorsistemas/angular-components/breadcrumb';
-import * as i1$2 from 'primeng/autocomplete';
+import * as i1$3 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import * as i3$1 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
 import * as i5 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { fixComboBoxOverlay as fixComboBoxOverlay$1 } from 'lib/src/core/fixes/fix-zindex';
-import * as i1$3 from 'primeng/button';
+import * as i1$4 from 'primeng/button';
 import { ButtonModule as ButtonModule$1 } from 'primeng/button';
-import * as i2$2 from 'primeng/dialog';
+import * as i2$1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import * as i3$2 from '@seniorsistemas/angular-components/empty-state';
 import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
-import * as i2$3 from '@seniorsistemas/angular-components/loading-state';
+import * as i2$2 from '@seniorsistemas/angular-components/loading-state';
 import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
-import { isMobile as isMobile$1, isTablet as isTablet$1 } from 'lib/src/core/utils/layout.util';
-import * as i4 from 'primeng/inputgroupaddon';
+import * as i4$1 from 'primeng/inputgroupaddon';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import * as i5$1 from 'primeng/inputgroup';
 import { InputGroupModule } from 'primeng/inputgroup';
 import * as i6 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
-import * as i2$4 from 'primeng/paginator';
-import { PaginatorModule } from 'primeng/paginator';
-import { DEFAULT_TABLE_OPTIONS } from 'lib/src/core/types/table.types';
-import * as i2$5 from '@seniorsistemas/angular-components/sidebar';
+import * as i2$3 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$5 from '@seniorsistemas/angular-components/panel';
-import { PanelModule as PanelModule$1 } from '@seniorsistemas/angular-components/panel';
+import * as i1$6 from '@seniorsistemas/angular-components/panel';
+import { PanelModule } from '@seniorsistemas/angular-components/panel';
+import { EnumSeverity } from '@seniorsistemas/angular-components/shared';
 import { BlockUIModule } from 'primeng/blockui';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import { basicSetup } from 'codemirror';
 import { autocompletion } from '@codemirror/autocomplete';
 import { ayuLight } from 'thememirror';
-import { basicSetup } from 'codemirror';
 import { sql, PostgreSQL } from '@codemirror/lang-sql';
+import { javascript } from '@codemirror/lang-javascript';
+import { json } from '@codemirror/lang-json';
+import { html } from '@codemirror/lang-html';
 import * as i3$3 from 'primeng/keyfilter';
 import { KeyFilterModule } from 'primeng/keyfilter';
-import * as i4$1 from 'primeng/tooltip';
+import * as i4$2 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import { CardModule } from 'primeng/card';
 import { TagModule } from 'primeng/tag';
 import { AvatarModule } from 'primeng/avatar';
 import { AvatarGroupModule } from 'primeng/avatargroup';
 import { CheckboxModule } from 'primeng/checkbox';
-import { DEFAULT_CARD_LIST_OPTIONS } from 'lib/src/core/config/card.type.config';
-import { ButtonComponent as ButtonComponent$1 } from 'lib/src/public-api';
-import { DEFAULT_ROW_CARD_LIST_OPTIONS } from 'lib/src/core/config/row-card.type.config';
 import { FloatLabelModule } from 'primeng/floatlabel';
 
 function customButton(theme) {
@@ -368,7 +366,7 @@ function provideDataCoreLib() {
 }
 
 function serviceProviders() {
-    return [MessageService, SpinnerService, ToastService, TranslateService];
+    return [MessageService, SpinnerService, ToastService, TranslateModule];
 }
 
 var en = {
@@ -419,33 +417,85 @@ var pt = {
 	"platform.datacore.empty_message": "Tente ajustar os filtros ou refine sua busca para encontrar os dados desejados."
 };
 
-const defaultLocale = 'pt';
+const DEFAULT_LOCALE = 'pt';
+class InlineTranslateLoader {
+    getTranslation(lang) {
+        switch (lang) {
+            case 'en':
+            case 'en-US':
+                return of(en);
+            case 'es':
+            case 'es-CO':
+                return of(es);
+            default:
+                return of(pt);
+        }
+    }
+}
 function provideTranslations() {
+    return makeEnvironmentProviders([
+        TranslateStore,
+        { provide: TranslateLoader, useClass: InlineTranslateLoader },
+        TranslateService,
+        {
+            provide: ENVIRONMENT_INITIALIZER,
+            multi: true,
+            useValue: () => {
+                const translate = inject(TranslateService);
+                translate.addLangs(['en', 'es', 'pt']);
+                translate.setDefaultLang(DEFAULT_LOCALE);
+                const seniorLocale = safeGetSeniorLocale('com.senior.token') ?? DEFAULT_LOCALE;
+                translate.use(seniorLocale);
+            },
+        },
+    ]);
+}
+function safeGetSeniorLocale(name) {
+    try {
+        if (typeof document === 'undefined')
+            return null;
+        const cookies = document.cookie?.split('; ') ?? [];
+        const raw = cookies.find(c => c.startsWith(name + '='))?.split('=')[1];
+        if (!raw)
+            return null;
+        const json = JSON.parse(decodeURIComponent(raw));
+        return json?.locale ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+
+function resolveStylesHref() {
+    try {
+        return new URL('../styles.css', import.meta.url).toString();
+    }
+    catch {
+        return undefined;
+    }
+}
+function injectGlobalStyles() {
+    return () => {
+        const id = 'sds-global-styles';
+        if (document.getElementById(id))
+            return;
+        const href = resolveStylesHref();
+        if (!href)
+            return;
+        const link = document.createElement('link');
+        link.id = id;
+        link.rel = 'stylesheet';
+        link.href = href;
+        document.head.appendChild(link);
+    };
+}
+function provideGlobalStyles() {
     return {
         provide: APP_INITIALIZER,
         multi: true,
-        deps: [TranslateService],
-        useFactory: (translate) => {
-            return () => {
-                translate.addLangs(['en', 'es', 'pt']);
-                translate.setTranslation('en-US', en);
-                translate.setTranslation('en', en);
-                translate.setTranslation('es-CO', es);
-                translate.setTranslation('es', es);
-                translate.setTranslation('pt-BR', pt);
-                translate.setTranslation('pt', pt);
-                translate.setDefaultLang(defaultLocale);
-                translate.use(getSeniorLocale('com.senior.token'));
-            };
-        }
+        useFactory: injectGlobalStyles,
     };
 }
-function getSeniorLocale(name) {
-    const cookies = document.cookie.split('; ');
-    const cookie = cookies.find(c => c.startsWith(name + '='));
-    const json = JSON.parse(cookie ? decodeURIComponent(cookie.split('=')[1]) : '{}');
-    return json.locale ?? defaultLocale;
-}
 
 const CONSTANTS = {
     EMPTY: '',
@@ -627,7 +677,7 @@ function sqlFormatterHandler() {
                     formatted = SQL_HELPER.format(maskedText);
                     dfTokens.forEach((original, i) => {
                         const placeholder = SQL_HELPER.formatPlaceholder(i);
-                        formatted = formatted.replaceAll(placeholder, original);
+                        formatted = formatted.split(placeholder).join(original);
                     });
                     view.dispatch({
                         changes: {
@@ -674,6 +724,45 @@ function getWordBeforeCursor(state, pos) {
     return words.length ? words[words.length - 1] : CONSTANTS.EMPTY;
 }
 
+const DEFAULT_CARD_LIST_OPTIONS = {
+    enablePagination: true,
+    enableSideButtons: false,
+    totalRecordsLabel: "platform.datacore.total_records",
+    customCard: {
+        buttonLabel: "platform.datacore.see",
+        buttonPriority: "primary",
+        descriptionMaxLength: 100,
+        icon: "fas fa-trophy",
+        backgroundIcon: "#428bca",
+        iconColor: "#ffffff",
+    },
+    empty: {
+        title: "platform.datacore.empty_title",
+        message: "platform.datacore.empty_message"
+    }
+};
+
+const DEFAULT_ROW_CARD_LIST_OPTIONS = {
+    enablePagination: true,
+    totalRecordsLabel: "platform.datacore.total_records",
+    initialRows: 5,
+    rowsPerPageOptions: [5, 10, 15],
+    customCard: {
+        expandable: false,
+        buttonLabel: "platform.datacore.open",
+        buttonPriority: "primary",
+        buttonIcon: "fas fa-rocket",
+        leftTitleColor: "text-900",
+        leftSubtitleColor: "text-color-secondary",
+        rightTitleColor: "text-primary",
+        rightSubtitleColor: "text-color-secondary"
+    },
+    empty: {
+        title: "platform.datacore.empty_title",
+        message: "platform.datacore.empty_message"
+    }
+};
+
 function getDimensionStyles(type, value) {
     if (value === null || value === undefined || typeof value === 'boolean')
         return {};
@@ -692,6 +781,107 @@ const dimensionFormat = (value) => {
     return raw;
 };
 
+const mockRowCardList = [
+    {
+        id: '1',
+        left_title: 'TITULO 1',
+        left_subtitle: 'Descrição 1',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+    {
+        id: '2',
+        left_title: 'TITULO 2',
+        left_subtitle: 'Descrição 2',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+    {
+        id: '3',
+        left_title: 'TITULO 3',
+        left_subtitle: 'Descrição 3',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title',
+    },
+    {
+        id: '4',
+        left_title: 'TITULO 4',
+        left_subtitle: 'Descrição 4',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+    {
+        id: '5',
+        left_title: 'TITULO 5',
+        left_subtitle: 'Descrição 5',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+    {
+        id: '6',
+        left_title: 'TITULO 6',
+        left_subtitle: 'Descrição 6',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+    {
+        id: '7',
+        left_title: 'TITULO 7',
+        left_subtitle: 'Descrição 7',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+    {
+        id: '8',
+        left_title: 'TITULO 8',
+        left_subtitle: 'Descrição 8',
+        right_subtitle: 'right_subtitle',
+        right_title: 'right_title'
+    },
+];
+
+const DEFAULT_TABLE_OPTIONS = {
+    search: { type: 'auto', show: true, placeholder: 'Buscar...' },
+    table: {
+        totalRecordsLabel: 'Total de Registros',
+    },
+    empty: { show: true, title: 'Sem dados', text: 'Nada por aqui.' },
+    pagination: { show: true, rowsPerPage: 10, rowsPerPageOptions: [5, 10, 25] },
+    cells: {
+        tag: {
+            color: '#fff',
+            backgroundColor: 'rgb(155 213 255);',
+            maxItems: 3,
+            tooltip: 'Teste Tooltip',
+            icon: 'fas fa-eye'
+        },
+        button: {
+            priority: 'primary',
+            tooltip: 'Teste Tooltip',
+            icon: 'fas fa-eye',
+            label: 'TESTE LABEL',
+            disabled: true,
+        },
+        checkbox: {
+            selectAll: true,
+        }
+    }
+};
+
+function range(n) {
+    return Array.from({ length: n }, (_, i) => i);
+}
+
+function isMobile() {
+    return window.innerWidth <= 768;
+}
+function isTablet() {
+    return window.innerWidth > 768 && window.innerWidth <= 1024;
+}
+function isDesktop() {
+    return window.innerWidth > 1024;
+}
+
 class ButtonComponent {
     disabled = false;
     width = '10rem';
@@ -702,12 +892,12 @@ class ButtonComponent {
     size = 'default';
     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", 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, ButtonModule], standalone: true, selector: 'sdc-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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"] }]
+            args: [{ imports: [CommonModule, ButtonModule], standalone: true, selector: 'sdc-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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}\n"] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], width: [{
@@ -729,20 +919,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class ScaffoldComponent {
-    header = 'Scaffold Component';
-    title = 'Scaffold Component Title';
-    homeUrl = '/';
+    route;
+    router;
+    header = 'Data Platform';
+    homeUrl = '/data-platform/catalog/masterdatas';
+    currentTitle = '';
     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}@media (min-width: 750px){.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    destroyed$ = new Subject();
+    constructor(route, router) {
+        this.route = route;
+        this.router = router;
+    }
+    ngOnInit() {
+        // lê header/homeUrl do PRÓPRIO shell (opcional)
+        const d = this.route.snapshot.data ?? {};
+        this.header = d['header'] ?? this.header;
+        this.homeUrl = d['homeUrl'] ?? this.homeUrl;
+        const update = () => {
+            const deepest = this.getDeepest(this.route);
+            const data = deepest?.snapshot?.data ?? {};
+            this.currentTitle = data['pageTitle'] ?? data['routeTitle'] ?? '';
+        };
+        update();
+        this.router.events.pipe(takeUntil(this.destroyed$), filter(e => e instanceof NavigationEnd)).subscribe(update);
+    }
+    ngOnDestroy() { this.destroyed$.next(); this.destroyed$.complete(); }
+    getDeepest(r) {
+        let cur = r;
+        while (cur.firstChild)
+            cur = cur.firstChild;
+        return cur;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScaffoldComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScaffoldComponent, isStandalone: true, selector: "sdc-scaffold", inputs: { header: "header", 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\">{{ currentTitle }}</div>\n\n  <s-breadcrumb [homeUrl]=\"homeUrl\"></s-breadcrumb>\n  <br />\n  <div class=\"sdc-scaffold-content\">\n    <router-outlet></router-outlet>\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;background-color:#f1f1f1!important}::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}@media (min-width: 750px){.sdc-scaffold{padding:5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ProductHeaderModule }, { kind: "component", type: i3.ProductHeaderComponent, selector: "s-product-header", inputs: ["id", "header", "baseZIndex", "isHeaderFrame"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i4.BreadcrumbComponent, selector: "s-breadcrumb", inputs: ["homeUrl", "targetHomeUrl"] }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScaffoldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScaffoldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-scaffold', standalone: true, imports: [CommonModule, ProductHeaderModule, BreadcrumbModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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}@media (min-width: 750px){.sdc-scaffold{padding:5px}}\n"] }]
-        }], propDecorators: { header: [{
-                type: Input
-            }], title: [{
+            args: [{ selector: 'sdc-scaffold', standalone: true, imports: [CommonModule, ProductHeaderModule, BreadcrumbModule, RouterOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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\">{{ currentTitle }}</div>\n\n  <s-breadcrumb [homeUrl]=\"homeUrl\"></s-breadcrumb>\n  <br />\n  <div class=\"sdc-scaffold-content\">\n    <router-outlet></router-outlet>\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;background-color:#f1f1f1!important}::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}@media (min-width: 750px){.sdc-scaffold{padding:5px}}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }], propDecorators: { header: [{
                 type: Input
             }], homeUrl: [{
                 type: Input
@@ -818,10 +1033,10 @@ class InputsComponent {
             invalid: this.invalid
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: InputsComponent, inputs: { disabled: "disabled", identity: "identity", invalid: "invalid", label: "label", message: "message", placeholder: "placeholder", required: "required", size: "size", value: "value", width: "width", keyFilter: "keyFilter", maxlength: "maxlength", infoIcon: "infoIcon", tooltipIcon: "tooltipIcon" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: InputsComponent, inputs: { disabled: "disabled", identity: "identity", invalid: "invalid", label: "label", message: "message", placeholder: "placeholder", required: "required", size: "size", value: "value", width: "width", keyFilter: "keyFilter", maxlength: "maxlength", infoIcon: "infoIcon", tooltipIcon: "tooltipIcon" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputsComponent, decorators: [{
             type: Directive
         }], propDecorators: { disabled: [{
                 type: Input
@@ -862,6 +1077,7 @@ class ComboboxComponent extends InputsComponent {
     options = [];
     overrideChipMessage;
     maxSelectedLabels = 2;
+    showClear = true;
     selectedValueEvent = new EventEmitter();
     autocomplete;
     multiselect;
@@ -870,7 +1086,7 @@ class ComboboxComponent extends InputsComponent {
     displayMode = 'chip';
     ngAfterViewInit() {
         if (!this.multiple && this.autocomplete) {
-            fixComboBoxOverlay$1(this.autocomplete, this.zIndex);
+            fixComboBoxOverlay(this.autocomplete, this.zIndex);
         }
         this.updateDisplayMode();
     }
@@ -943,16 +1159,16 @@ class ComboboxComponent extends InputsComponent {
         super.onInput(syntheticEvt);
         this.updateDisplayMode();
     }
-    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: { multiple: "multiple", appendTo: "appendTo", zIndex: "zIndex", options: "options", overrideChipMessage: "overrideChipMessage", maxSelectedLabels: "maxSelectedLabels" }, outputs: { selectedValueEvent: "onSelectedItem" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComboboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ComboboxComponent, isStandalone: true, selector: "sdc-combobox", inputs: { multiple: "multiple", appendTo: "appendTo", zIndex: "zIndex", options: "options", overrideChipMessage: "overrideChipMessage", maxSelectedLabels: "maxSelectedLabels", showClear: "showClear" }, outputs: { selectedValueEvent: "onSelectedItem" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ComboboxComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "multiselect", first: true, predicate: ["multiselect"], 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  <!-- SINGLE: p-autocomplete -->\n  <ng-container *ngIf=\"!multiple; else multipleTpl\">\n    <p-autocomplete #autocomplete dropdownIcon=\"fas fa-caret-down\" (completeMethod)=\"onSearch($event)\"\n      (ngModelChange)=\"onInput($event)\" [(ngModel)]=\"value\" [autoHighlight]=\"true\" [disabled]=\"disabled\"\n      [dropdown]=\"true\" [forceSelection]=\"true\" [id]=\"identity.id\" [name]=\"identity.name ?? ''\"\n      [ngClass]=\"getInvalidClass()\" [placeholder]=\"placeholder\" [required]=\"required\" [showClear]=\"true\"\n      [style]=\"getInputStyle()\" [suggestions]=\"filteredItems\" optionLabel=\"text\" 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  </ng-container>\n\n  <!-- MULTIPLE: p-multiselect -->\n  <ng-template #multipleTpl>\n    <p-multiselect chipIcon=\"fas fa-times\" #multiselect (ngModelChange)=\"onMultiModelChange($event)\" [options]=\"normalizedOptions\"\n      optionLabel=\"text\" optionValue=\"value\" [filter]=\"true\" [display]=\"displayMode\" dropdownIcon=\"fas fa-caret-down\"\n      [disabled]=\"disabled\" [appendTo]=\"appendTo\" [placeholder]=\"placeholder\" [showClear]=\"true\"\n      [style]=\"getInputStyle()\" [ngClass]=\"getInvalidClass()\" [id]=\"identity.id\" [name]=\"identity.name ?? ''\"\n      [required]=\"required\" (onChange)=\"onMultiChange($event)\" [(ngModel)]=\"value\"\n      [maxSelectedLabels]=\"maxSelectedLabels\" [selectedItemsLabel]=\"selectedItemsLabel\"><ng-template pTemplate=\"item\"\n        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=\"chip\" let-opt>\n        <div class=\"flex align-items-center gap-2\">\n          <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n          <span class=\"text-sm\">{{ opt?.text }}</span>\n        </div>\n      </ng-template>\n    </p-multiselect>\n  </ng-template>\n\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>\n", styles: [".sdc-combobox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-combobox .required-field{margin-left:.25rem}.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-formfield-default-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}.sdc-combobox ::ng-deep .p-autocomplete .p-autocomplete-clear-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect{display:flex!important;align-items:center!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label-container{height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label{height:100%!important;display:flex!important;align-items:center!important;padding:0 .75rem!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect-dropdown{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-left:1px solid var(--sdc-formfield-default-border)!important;background-color:var(--sdc-formfield-default-bg)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger span,.sdc-combobox ::ng-deep .p-multiselect-dropdown span{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect-dropdown:hover{background-color:var(--sdc-button-bg-hover)!important;transition:var(--sdc-button-bg-hover-transition)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger-icon,.sdc-combobox ::ng-deep .p-multiselect-dropdown .p-button-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect-token{margin-block:0!important}.sdc-combobox ::ng-deep .p-chip{background:var(--sdc-formfield-default-bg)!important;font-weight:500;border:1px solid var(--sdc-formfield-default-border)!important}.sdc-combobox ::ng-deep .p-multiselect:not(.p-disabled):hover{border-color:var(--sdc-formfield-default-border)!important}.sdc-combobox ::ng-deep .p-multiselect-clear-icon{color:var(--sdc-button-icon-default)!important;padding:10px!important}.sdc-combobox ::ng-deep .p-multiselect input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown{background-color:var(--sdc-formfield-disabled-bg)!important;color:var(--sdc-button-icon-default)!important;opacity:.6;cursor:not-allowed!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown:hover{background-color:var(--sdc-formfield-disabled-bg)!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: MultiSelectModule }, { kind: "component", type: i3$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { 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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "multiselect", first: true, predicate: ["multiselect"], 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  <ng-container *ngIf=\"!multiple; else multipleTpl\">\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]=\"showClear\"\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      <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  </ng-container>\n\n  <ng-template #multipleTpl>\n    <p-multiselect\n      chipIcon=\"fas fa-times\"\n      #multiselect\n      (ngModelChange)=\"onMultiModelChange($event)\"\n      [options]=\"normalizedOptions\"\n      optionLabel=\"text\"\n      optionValue=\"value\"\n      [filter]=\"true\"\n      [display]=\"displayMode\"\n      dropdownIcon=\"fas fa-caret-down\"\n      [disabled]=\"disabled\"\n      [appendTo]=\"appendTo\"\n      [placeholder]=\"placeholder\"\n      [showClear]=\"showClear\"\n      [style]=\"getInputStyle()\"\n      [ngClass]=\"getInvalidClass()\"\n      [id]=\"identity.id\"\n      [name]=\"identity.name ?? ''\"\n      [required]=\"required\"\n      (onChange)=\"onMultiChange($event)\"\n      [(ngModel)]=\"value\"\n      [maxSelectedLabels]=\"maxSelectedLabels\"\n      [selectedItemsLabel]=\"selectedItemsLabel\"\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      <ng-template pTemplate=\"chip\" let-opt>\n        <div class=\"flex align-items-center gap-2\">\n          <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n          <span class=\"text-sm\">{{ opt?.text }}</span>\n        </div>\n      </ng-template>\n    </p-multiselect>\n  </ng-template>\n\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>\n", styles: [".sdc-combobox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-combobox .required-field{margin-left:.25rem}.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-formfield-default-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}.sdc-combobox ::ng-deep .p-autocomplete .p-autocomplete-clear-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect{display:flex!important;align-items:center!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label-container{height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label{height:100%!important;display:flex!important;align-items:center!important;padding:0 .75rem!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect-dropdown{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-left:1px solid var(--sdc-formfield-default-border)!important;background-color:var(--sdc-formfield-default-bg)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger span,.sdc-combobox ::ng-deep .p-multiselect-dropdown span{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect-dropdown:hover{background-color:var(--sdc-button-bg-hover)!important;transition:var(--sdc-button-bg-hover-transition)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger-icon,.sdc-combobox ::ng-deep .p-multiselect-dropdown .p-button-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect-token{margin-block:0!important}.sdc-combobox ::ng-deep .p-chip{background:#f5f5f5!important;border:1px solid var(--sdc-formfield-default-border)!important;height:22px;font-weight:500}.sdc-combobox ::ng-deep .p-multiselect:not(.p-disabled):hover{border-color:var(--sdc-formfield-default-border)!important}.sdc-combobox ::ng-deep .p-multiselect-clear-icon{color:var(--sdc-button-icon-default)!important;padding:10px!important}.sdc-combobox ::ng-deep .p-multiselect input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown{background-color:var(--sdc-formfield-disabled-bg)!important;color:var(--sdc-button-icon-default)!important;opacity:.6;cursor:not-allowed!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown:hover{background-color:var(--sdc-formfield-disabled-bg)!important}\n"], dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1$3.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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i3$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{ imports: [AutoCompleteModule, MultiSelectModule, CommonModule, FormsModule, ReactiveFormsModule], standalone: true, selector: 'sdc-combobox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
                         {
@@ -960,7 +1176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => ComboboxComponent),
                             multi: true
                         }
-                    ], 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  <!-- SINGLE: p-autocomplete -->\n  <ng-container *ngIf=\"!multiple; else multipleTpl\">\n    <p-autocomplete #autocomplete dropdownIcon=\"fas fa-caret-down\" (completeMethod)=\"onSearch($event)\"\n      (ngModelChange)=\"onInput($event)\" [(ngModel)]=\"value\" [autoHighlight]=\"true\" [disabled]=\"disabled\"\n      [dropdown]=\"true\" [forceSelection]=\"true\" [id]=\"identity.id\" [name]=\"identity.name ?? ''\"\n      [ngClass]=\"getInvalidClass()\" [placeholder]=\"placeholder\" [required]=\"required\" [showClear]=\"true\"\n      [style]=\"getInputStyle()\" [suggestions]=\"filteredItems\" optionLabel=\"text\" 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  </ng-container>\n\n  <!-- MULTIPLE: p-multiselect -->\n  <ng-template #multipleTpl>\n    <p-multiselect chipIcon=\"fas fa-times\" #multiselect (ngModelChange)=\"onMultiModelChange($event)\" [options]=\"normalizedOptions\"\n      optionLabel=\"text\" optionValue=\"value\" [filter]=\"true\" [display]=\"displayMode\" dropdownIcon=\"fas fa-caret-down\"\n      [disabled]=\"disabled\" [appendTo]=\"appendTo\" [placeholder]=\"placeholder\" [showClear]=\"true\"\n      [style]=\"getInputStyle()\" [ngClass]=\"getInvalidClass()\" [id]=\"identity.id\" [name]=\"identity.name ?? ''\"\n      [required]=\"required\" (onChange)=\"onMultiChange($event)\" [(ngModel)]=\"value\"\n      [maxSelectedLabels]=\"maxSelectedLabels\" [selectedItemsLabel]=\"selectedItemsLabel\"><ng-template pTemplate=\"item\"\n        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=\"chip\" let-opt>\n        <div class=\"flex align-items-center gap-2\">\n          <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n          <span class=\"text-sm\">{{ opt?.text }}</span>\n        </div>\n      </ng-template>\n    </p-multiselect>\n  </ng-template>\n\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>\n", styles: [".sdc-combobox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-combobox .required-field{margin-left:.25rem}.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-formfield-default-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}.sdc-combobox ::ng-deep .p-autocomplete .p-autocomplete-clear-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect{display:flex!important;align-items:center!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label-container{height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label{height:100%!important;display:flex!important;align-items:center!important;padding:0 .75rem!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect-dropdown{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-left:1px solid var(--sdc-formfield-default-border)!important;background-color:var(--sdc-formfield-default-bg)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger span,.sdc-combobox ::ng-deep .p-multiselect-dropdown span{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect-dropdown:hover{background-color:var(--sdc-button-bg-hover)!important;transition:var(--sdc-button-bg-hover-transition)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger-icon,.sdc-combobox ::ng-deep .p-multiselect-dropdown .p-button-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect-token{margin-block:0!important}.sdc-combobox ::ng-deep .p-chip{background:var(--sdc-formfield-default-bg)!important;font-weight:500;border:1px solid var(--sdc-formfield-default-border)!important}.sdc-combobox ::ng-deep .p-multiselect:not(.p-disabled):hover{border-color:var(--sdc-formfield-default-border)!important}.sdc-combobox ::ng-deep .p-multiselect-clear-icon{color:var(--sdc-button-icon-default)!important;padding:10px!important}.sdc-combobox ::ng-deep .p-multiselect input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown{background-color:var(--sdc-formfield-disabled-bg)!important;color:var(--sdc-button-icon-default)!important;opacity:.6;cursor:not-allowed!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown:hover{background-color:var(--sdc-formfield-disabled-bg)!important}\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  <ng-container *ngIf=\"!multiple; else multipleTpl\">\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]=\"showClear\"\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      <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  </ng-container>\n\n  <ng-template #multipleTpl>\n    <p-multiselect\n      chipIcon=\"fas fa-times\"\n      #multiselect\n      (ngModelChange)=\"onMultiModelChange($event)\"\n      [options]=\"normalizedOptions\"\n      optionLabel=\"text\"\n      optionValue=\"value\"\n      [filter]=\"true\"\n      [display]=\"displayMode\"\n      dropdownIcon=\"fas fa-caret-down\"\n      [disabled]=\"disabled\"\n      [appendTo]=\"appendTo\"\n      [placeholder]=\"placeholder\"\n      [showClear]=\"showClear\"\n      [style]=\"getInputStyle()\"\n      [ngClass]=\"getInvalidClass()\"\n      [id]=\"identity.id\"\n      [name]=\"identity.name ?? ''\"\n      [required]=\"required\"\n      (onChange)=\"onMultiChange($event)\"\n      [(ngModel)]=\"value\"\n      [maxSelectedLabels]=\"maxSelectedLabels\"\n      [selectedItemsLabel]=\"selectedItemsLabel\"\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      <ng-template pTemplate=\"chip\" let-opt>\n        <div class=\"flex align-items-center gap-2\">\n          <i *ngIf=\"opt?.icon\" [class]=\"opt.icon\"></i>\n          <span class=\"text-sm\">{{ opt?.text }}</span>\n        </div>\n      </ng-template>\n    </p-multiselect>\n  </ng-template>\n\n  <small *ngIf=\"message\" [ngClass]=\"getInvalidMessageClass()\">{{ message }}</small>\n</div>\n", styles: [".sdc-combobox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-combobox .required-field{margin-left:.25rem}.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-formfield-default-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}.sdc-combobox ::ng-deep .p-autocomplete .p-autocomplete-clear-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect{display:flex!important;align-items:center!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label-container{height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-label{height:100%!important;display:flex!important;align-items:center!important;padding:0 .75rem!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect-dropdown{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-left:1px solid var(--sdc-formfield-default-border)!important;background-color:var(--sdc-formfield-default-bg)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger span,.sdc-combobox ::ng-deep .p-multiselect-dropdown span{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect-dropdown:hover{background-color:var(--sdc-button-bg-hover)!important;transition:var(--sdc-button-bg-hover-transition)!important}.sdc-combobox ::ng-deep .p-multiselect .p-multiselect-trigger-icon,.sdc-combobox ::ng-deep .p-multiselect-dropdown .p-button-icon{color:var(--sdc-button-icon-default)!important}.sdc-combobox ::ng-deep .p-multiselect-token{margin-block:0!important}.sdc-combobox ::ng-deep .p-chip{background:#f5f5f5!important;border:1px solid var(--sdc-formfield-default-border)!important;height:22px;font-weight:500}.sdc-combobox ::ng-deep .p-multiselect:not(.p-disabled):hover{border-color:var(--sdc-formfield-default-border)!important}.sdc-combobox ::ng-deep .p-multiselect-clear-icon{color:var(--sdc-button-icon-default)!important;padding:10px!important}.sdc-combobox ::ng-deep .p-multiselect input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown{background-color:var(--sdc-formfield-disabled-bg)!important;color:var(--sdc-button-icon-default)!important;opacity:.6;cursor:not-allowed!important}.sdc-combobox ::ng-deep .p-autocomplete-dropdown:disabled:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-trigger:hover,.sdc-combobox ::ng-deep .p-multiselect.p-disabled .p-multiselect-dropdown:hover{background-color:var(--sdc-formfield-disabled-bg)!important}\n"] }]
         }], propDecorators: { multiple: [{
                 type: Input
             }], appendTo: [{
@@ -973,6 +1189,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], maxSelectedLabels: [{
                 type: Input
+            }], showClear: [{
+                type: Input
             }], selectedValueEvent: [{
                 type: Output,
                 args: ['onSelectedItem']
@@ -1028,10 +1246,10 @@ class ConfirmComponent {
         this.config.reject();
         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$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: i1$4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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$4.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: i1$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmComponent, decorators: [{
             type: Component,
             args: [{ imports: [ButtonModule$1, DialogModule, TranslateModule], standalone: true, selector: 'sdc-confirm', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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: { zIndex: [{
@@ -1070,10 +1288,10 @@ class HyperlinkComponent {
             this.domainFilterClickEvent.emit(this.domainFilterToken);
         }
     }
-    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: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HyperlinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HyperlinkComponent, decorators: [{
             type: Component,
             args: [{ imports: [CommonModule], standalone: true, selector: 'sdc-hyperlink', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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" }]
         }], ctorParameters: () => [], propDecorators: { href: [{
@@ -1150,10 +1368,10 @@ class ListComponent {
         }
         return [];
     }
-    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" }, 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\n              (onClick)=\"onActionClick(action, item)\"\n              [disabled]=\"!!action.disabled\"\n              [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [label]=\"action.label ?? $any(action).text\"\n              [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\"\n              [attr.priority]=\"action.priority || 'default'\"\n              [attr.severity]=\"action.priority || 'default'\"\n              [attr.data-key]=\"__k\"\n            >\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\n      id=\"my-empty-state\"\n      iconClass=\"fa fa-inbox\"\n      title=\"Nenhum registro encontrado\"\n      description=\"Nenhum cadastro foi encontrado.\"\n    >\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>\n", 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: i3$2.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: i2$3.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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\n              (onClick)=\"onActionClick(action, item)\"\n              [disabled]=\"!!action.disabled\"\n              [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [label]=\"action.label ?? $any(action).text\"\n              [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\"\n              [attr.priority]=\"action.priority || 'default'\"\n              [attr.severity]=\"action.priority || 'default'\"\n              [attr.data-key]=\"__k\"\n            >\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\n      id=\"my-empty-state\"\n      iconClass=\"fa fa-inbox\"\n      title=\"Nenhum registro encontrado\"\n      description=\"Nenhum cadastro foi encontrado.\"\n    >\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>\n", 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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: i3$2.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: i2$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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sdc-list', imports: [CommonModule, ButtonComponent, EmptyStateModule, LoadingStateModule], encapsulation: ViewEncapsulation.Emulated, 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\n              (onClick)=\"onActionClick(action, item)\"\n              [disabled]=\"!!action.disabled\"\n              [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n              [label]=\"action.label ?? $any(action).text\"\n              [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\"\n              [attr.priority]=\"action.priority || 'default'\"\n              [attr.severity]=\"action.priority || 'default'\"\n              [attr.data-key]=\"__k\"\n            >\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\n      id=\"my-empty-state\"\n      iconClass=\"fa fa-inbox\"\n      title=\"Nenhum registro encontrado\"\n      description=\"Nenhum cadastro foi encontrado.\"\n    >\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>\n", 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: [{
@@ -1194,10 +1412,10 @@ class SearchboxComponent extends InputsComponent {
             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-inputgroup{display:flex;align-items:stretch;height:var(--sdc-formfield-default-height)!important;box-sizing:border-box!important;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important;overflow:hidden;background:transparent}.sdc-searchbox ::ng-deep .p-inputgroup .p-inputtext,.sdc-searchbox ::ng-deep .p-inputgroupaddon{height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important}.sdc-searchbox ::ng-deep .p-inputtext{background:var(--sdc-formfield-default-bg)!important;border:0!important;box-shadow:none!important;outline:0!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-searchbox ::ng-deep .p-inputtext:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon{display:flex;align-items:stretch;justify-content:center;padding:0!important;border:0!important;line-height:var(--sdc-formfield-default-line-height)!important;background-color:var(--sdc-formfield-default-bg)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:hover{background-color:var(--sdc-button-bg-hover)!important;transition:var(--sdc-button-bg-hover-transition)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:has(button:disabled),.sdc-searchbox ::ng-deep .p-inputgroupaddon:has(button:disabled):hover{background-color:var(--sdc-formfield-disabled-bg)!important;cursor:not-allowed!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:first-child{border-right:1px solid var(--sdc-formfield-default-border)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:last-child{border-left:1px solid var(--sdc-formfield-default-border)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon>*{width:100%!important;height:100%!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button{display:flex!important;background:transparent!important;color:var(--sdc-button-icon-default)!important;width:100%!important;height:100%!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 .75rem!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button:disabled{background-color:var(--sdc-formfield-disabled-bg)!important;color:var(--sdc-button-icon-default)!important;opacity:.6;cursor:not-allowed!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button i{color:var(--sdc-button-icon-default)!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:last-child{border-start-end-radius:0;border-end-end-radius:0}.sdc-searchbox ::ng-deep .p-inputgroupaddon:first-child{border-start-start-radius:0;border-end-start-radius:0}\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: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5$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: i1$4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SearchboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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-inputgroup{display:flex;align-items:stretch;height:var(--sdc-formfield-default-height)!important;box-sizing:border-box!important;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important;overflow:hidden;background:transparent}.sdc-searchbox ::ng-deep .p-inputgroup .p-inputtext,.sdc-searchbox ::ng-deep .p-inputgroupaddon{height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important}.sdc-searchbox ::ng-deep .p-inputtext{background:var(--sdc-formfield-default-bg)!important;border:0!important;box-shadow:none!important;outline:0!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-searchbox ::ng-deep .p-inputtext:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon{display:flex;align-items:stretch;justify-content:center;padding:0!important;border:0!important;line-height:var(--sdc-formfield-default-line-height)!important;background-color:var(--sdc-formfield-default-bg)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:hover{background-color:var(--sdc-button-bg-hover)!important;transition:var(--sdc-button-bg-hover-transition)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:has(button:disabled),.sdc-searchbox ::ng-deep .p-inputgroupaddon:has(button:disabled):hover{background-color:var(--sdc-formfield-disabled-bg)!important;cursor:not-allowed!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:first-child{border-right:1px solid var(--sdc-formfield-default-border)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon:last-child{border-left:1px solid var(--sdc-formfield-default-border)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon>*{width:100%!important;height:100%!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button{display:flex!important;background:transparent!important;color:var(--sdc-button-icon-default)!important;width:100%!important;height:100%!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 .75rem!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button button:disabled{background-color:var(--sdc-formfield-disabled-bg)!important;color:var(--sdc-button-icon-default)!important;opacity:.6;cursor:not-allowed!important}.sdc-searchbox ::ng-deep .p-inputgroupaddon s-button i{color:var(--sdc-button-icon-default)!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:last-child{border-start-end-radius:0;border-end-end-radius:0}.sdc-searchbox ::ng-deep .p-inputgroupaddon:first-child{border-start-start-radius:0;border-end-start-radius:0}\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.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: i1$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SearchboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sdc-searchbox', standalone: true, imports: [
                         ButtonModule,
@@ -1220,38 +1438,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class PaginatorComponent {
-    first = 0;
-    rows = 10;
-    totalRecords = 0;
-    rowsPerPageOptions;
-    isMobile = false;
-    totalRecordsLabel = '';
+    first = input.required();
+    rows = input.required();
+    totalRecords = input.required();
+    rowsPerPageOptions = input(undefined);
+    isMobile = input(false);
+    totalRecordsLabel = input('');
     pageChange = new EventEmitter();
-    onPageChange(e) {
-        this.pageChange.emit(e);
+    selectedRows = signal('0');
+    constructor() {
+        effect(() => {
+            this.selectedRows.set(String(this.rows()));
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PaginatorComponent, isStandalone: true, selector: "sdc-paginator", inputs: { first: "first", rows: "rows", totalRecords: "totalRecords", rowsPerPageOptions: "rowsPerPageOptions", isMobile: "isMobile", totalRecordsLabel: "totalRecordsLabel" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"sdc-paginator\">\n  <p-paginator [dropdownAppendTo]=\"'body'\" [first]=\"first\" [rows]=\"rows\"\n    [totalRecords]=\"totalRecords\" [rowsPerPageOptions]=\"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 && totalRecordsLabel\">\n    {{ totalRecordsLabel }}: {{ totalRecords }}\n  </span>\n</div>", styles: [".sdc-paginator{display:flex;width:100%;justify-content:space-between;align-items:center;box-sizing:border-box}.sdc-paginator ::ng-deep .p-paginator{text-align:left;background:transparent!important;border-color:transparent;gap:0;display:flex;padding:10px 10px 10px 0!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-element{font-weight:400}.sdc-paginator ::ng-deep .p-paginator .p-paginator-right-content{margin-left:auto;height:100%;padding-top:5px;padding-left:20px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon{font-size:12px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages{padding:0;margin:0;white-space:nowrap;gap:0}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected{color:#fff!important;border:1px solid #428bca;background:#428bca}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected:hover{background-color:#6aa3d5!important;border-color:#6aa3d5!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last,.sdc-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-paginator ::ng-deep .p-paginator .p-paginator-first:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:hover{background-color:#f7f7f7}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background-color:#6aa3d5;border-color:#6aa3d5}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first{border-radius:4px 0 0 4px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-last{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-paginator ::ng-deep .p-select{background:transparent!important;margin-left:34px}.sdc-paginator ::ng-deep .p-select-label{height:34px;padding:6px 17px}.sdc-paginator ::ng-deep .p-select-dropdown{border-left:1px solid #cccccc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    rowOptions = computed(() => {
+        const opts = (this.rowsPerPageOptions() ?? []).map(v => ({
+            text: String(v),
+            value: String(v)
+        }));
+        const cur = String(this.rows());
+        if (!opts.some(o => o.value === cur)) {
+            opts.unshift({ text: cur, value: cur });
+        }
+        return opts;
+    });
+    pageCount = computed(() => {
+        const r = this.rows();
+        const t = this.totalRecords();
+        return r > 0 ? Math.max(1, Math.ceil(t / r)) : 1;
+    });
+    currentPage = computed(() => Math.floor(this.first() / Math.max(1, this.rows())));
+    pages = computed(() => {
+        const count = this.pageCount();
+        const current = this.currentPage();
+        const win = this.isMobile() ? 3 : 7;
+        if (count <= win)
+            return Array.from({ length: count }, (_, i) => i);
+        const near = Math.floor((win - 3) / 2);
+        const start = Math.max(1, current - near);
+        const end = Math.min(count - 2, current + near);
+        const list = [0];
+        if (start > 1)
+            list.push('…');
+        for (let p = start; p <= end; p++)
+            list.push(p);
+        if (end < count - 2)
+            list.push('…');
+        list.push(count - 1);
+        return list;
+    });
+    emitChange(first, rows = this.rows()) {
+        const page = Math.floor(first / Math.max(1, rows));
+        this.pageChange.emit({ first, rows, page, pageCount: this.pageCount() });
+    }
+    gotoPage(index) {
+        const safe = Math.min(Math.max(index, 0), this.pageCount() - 1);
+        this.emitChange(safe * this.rows());
+    }
+    firstPage() { this.gotoPage(0); }
+    prevPage() { this.gotoPage(this.currentPage() - 1); }
+    nextPage() { this.gotoPage(this.currentPage() + 1); }
+    lastPage() { this.gotoPage(this.pageCount() - 1); }
+    onRowsChange(rows) {
+        this.selectedRows.set(String(rows));
+        this.emitChange(0, rows);
+    }
+    onRowsComboModel(val) {
+        const raw = Array.isArray(val) ? val[0] : val;
+        const n = Number(raw);
+        if (!Number.isNaN(n))
+            this.onRowsChange(n);
+    }
+    isCurrent(p) { return p === this.currentPage(); }
+    asNumber(p) { return typeof p === 'number'; }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: PaginatorComponent, isStandalone: true, selector: "sdc-paginator", inputs: { first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, totalRecordsLabel: { classPropertyName: "totalRecordsLabel", publicName: "totalRecordsLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"sdc-paginator\" role=\"navigation\" aria-label=\"Pagination\">\n  <div class=\"sdc-paginator-left\">\n    <!-- bot\u00F5es e p\u00E1ginas (inalterado) -->\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() === 0\"\n      (click)=\"firstPage()\"\n      aria-label=\"Primeira p\u00E1gina\"\n    >\n      <i class=\"fas fa-step-forward fa-rotate-180\" aria-hidden=\"true\"></i>\n    </button>\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() === 0\"\n      (click)=\"prevPage()\"\n      aria-label=\"P\u00E1gina anterior\"\n    >\n      <i class=\"fas fa-caret-left\" aria-hidden=\"true\"></i>\n    </button>\n\n    <ng-container *ngFor=\"let p of pages()\">\n      <button\n        *ngIf=\"asNumber(p)\"\n        type=\"button\"\n        class=\"sdc-page\"\n        [class.is-active]=\"isCurrent(p)\"\n        [attr.aria-current]=\"isCurrent(p) ? 'page' : null\"\n        (click)=\"gotoPage(p)\"\n      >\n        {{ p + 1 }}\n      </button>\n      <span *ngIf=\"!asNumber(p)\" class=\"sdc-ellipsis\" aria-hidden=\"true\">\u2026</span>\n    </ng-container>\n\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() >= pageCount() - 1\"\n      (click)=\"nextPage()\"\n      aria-label=\"Pr\u00F3xima p\u00E1gina\"\n    >\n      <i class=\"fas fa-caret-right\" aria-hidden=\"true\"></i>\n    </button>\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() >= pageCount() - 1\"\n      (click)=\"lastPage()\"\n      aria-label=\"\u00DAltima p\u00E1gina\"\n    >\n      <i class=\"fas fa-step-forward\" aria-hidden=\"true\"></i>\n    </button>\n    <sdc-combobox\n      class=\"sdc-rows-combobox\"\n      [multiple]=\"false\"\n      [options]=\"rowOptions()\"\n      [appendTo]=\"'body'\"\n      [showClear]=\"false\"\n      [ngModel]=\"selectedRows()\"\n      (onSelectedItem)=\"onRowsComboModel($event)\"\n    >\n    </sdc-combobox>\n  </div>\n  <span class=\"sdc-total\" *ngIf=\"totalRecordsLabel()\"> {{ totalRecordsLabel() }}: {{ totalRecords() }} </span>\n</div>\n", styles: [":host{--sdc-paginator-page-size: var(--sdc-table-paginator-size, 34px);--sdc-paginator-border: #cccccc;--sdc-paginator-primary: #428bca;--sdc-paginator-primary-hover: #6aa3d5;display:block}.sdc-paginator{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;box-sizing:border-box;padding:10px 10px 10px 0}.sdc-paginator .sdc-paginator-left{display:inline-flex;align-items:center;gap:0}.sdc-paginator .sdc-paginator-left ::ng-deep .sdc-combobox{width:6.5rem!important;padding-left:1rem!important}.sdc-paginator .sdc-page{min-width:var(--sdc-paginator-page-size);height:var(--sdc-paginator-page-size);padding:.4em .25em;margin:0;border:1px solid var(--sdc-paginator-border);border-right-width:0;background:transparent;color:var(--sdc-paginator-primary);cursor:pointer;transition:background-color .2s ease-out;text-align:center}.sdc-paginator .sdc-page:first-child{border-radius:4px 0 0 4px}.sdc-paginator .sdc-page:last-of-type{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-paginator .sdc-page:hover{background-color:#f7f7f7}.sdc-paginator .sdc-page.is-active{background:var(--sdc-paginator-primary);color:#fff;border-color:var(--sdc-paginator-primary)}.sdc-paginator .sdc-page.is-active:hover{background:var(--sdc-paginator-primary-hover);border-color:var(--sdc-paginator-primary-hover)}.sdc-paginator .sdc-page:disabled{opacity:.5;cursor:not-allowed}.sdc-paginator .sdc-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sdc-paginator-page-size);height:var(--sdc-paginator-page-size);border:1px solid var(--sdc-paginator-border);border-right-width:0}.sdc-paginator .sdc-rows-combobox{width:max-content;min-width:88px}.sdc-paginator .sdc-total{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ComboboxComponent, selector: "sdc-combobox", inputs: ["multiple", "appendTo", "zIndex", "options", "overrideChipMessage", "maxSelectedLabels", "showClear"], outputs: ["onSelectedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-paginator', standalone: true, imports: [CommonModule, PaginatorModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-paginator\">\n  <p-paginator [dropdownAppendTo]=\"'body'\" [first]=\"first\" [rows]=\"rows\"\n    [totalRecords]=\"totalRecords\" [rowsPerPageOptions]=\"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 && totalRecordsLabel\">\n    {{ totalRecordsLabel }}: {{ totalRecords }}\n  </span>\n</div>", styles: [".sdc-paginator{display:flex;width:100%;justify-content:space-between;align-items:center;box-sizing:border-box}.sdc-paginator ::ng-deep .p-paginator{text-align:left;background:transparent!important;border-color:transparent;gap:0;display:flex;padding:10px 10px 10px 0!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-element{font-weight:400}.sdc-paginator ::ng-deep .p-paginator .p-paginator-right-content{margin-left:auto;height:100%;padding-top:5px;padding-left:20px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon{font-size:12px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages{padding:0;margin:0;white-space:nowrap;gap:0}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected{color:#fff!important;border:1px solid #428bca;background:#428bca}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected:hover{background-color:#6aa3d5!important;border-color:#6aa3d5!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last,.sdc-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-paginator ::ng-deep .p-paginator .p-paginator-first:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:hover{background-color:#f7f7f7}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background-color:#6aa3d5;border-color:#6aa3d5}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first{border-radius:4px 0 0 4px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-last{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-paginator ::ng-deep .p-select{background:transparent!important;margin-left:34px}.sdc-paginator ::ng-deep .p-select-label{height:34px;padding:6px 17px}.sdc-paginator ::ng-deep .p-select-dropdown{border-left:1px solid #cccccc}\n"] }]
-        }], propDecorators: { first: [{
-                type: Input,
-                args: [{ required: true }]
-            }], rows: [{
-                type: Input,
-                args: [{ required: true }]
-            }], totalRecords: [{
-                type: Input,
-                args: [{ required: true }]
-            }], rowsPerPageOptions: [{
-                type: Input
-            }], isMobile: [{
-                type: Input
-            }], totalRecordsLabel: [{
-                type: Input
-            }], pageChange: [{
+            args: [{ selector: 'sdc-paginator', standalone: true, imports: [CommonModule, FormsModule, ComboboxComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sdc-paginator\" role=\"navigation\" aria-label=\"Pagination\">\n  <div class=\"sdc-paginator-left\">\n    <!-- bot\u00F5es e p\u00E1ginas (inalterado) -->\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() === 0\"\n      (click)=\"firstPage()\"\n      aria-label=\"Primeira p\u00E1gina\"\n    >\n      <i class=\"fas fa-step-forward fa-rotate-180\" aria-hidden=\"true\"></i>\n    </button>\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() === 0\"\n      (click)=\"prevPage()\"\n      aria-label=\"P\u00E1gina anterior\"\n    >\n      <i class=\"fas fa-caret-left\" aria-hidden=\"true\"></i>\n    </button>\n\n    <ng-container *ngFor=\"let p of pages()\">\n      <button\n        *ngIf=\"asNumber(p)\"\n        type=\"button\"\n        class=\"sdc-page\"\n        [class.is-active]=\"isCurrent(p)\"\n        [attr.aria-current]=\"isCurrent(p) ? 'page' : null\"\n        (click)=\"gotoPage(p)\"\n      >\n        {{ p + 1 }}\n      </button>\n      <span *ngIf=\"!asNumber(p)\" class=\"sdc-ellipsis\" aria-hidden=\"true\">\u2026</span>\n    </ng-container>\n\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() >= pageCount() - 1\"\n      (click)=\"nextPage()\"\n      aria-label=\"Pr\u00F3xima p\u00E1gina\"\n    >\n      <i class=\"fas fa-caret-right\" aria-hidden=\"true\"></i>\n    </button>\n    <button\n      type=\"button\"\n      class=\"sdc-page sdc-edge\"\n      [disabled]=\"currentPage() >= pageCount() - 1\"\n      (click)=\"lastPage()\"\n      aria-label=\"\u00DAltima p\u00E1gina\"\n    >\n      <i class=\"fas fa-step-forward\" aria-hidden=\"true\"></i>\n    </button>\n    <sdc-combobox\n      class=\"sdc-rows-combobox\"\n      [multiple]=\"false\"\n      [options]=\"rowOptions()\"\n      [appendTo]=\"'body'\"\n      [showClear]=\"false\"\n      [ngModel]=\"selectedRows()\"\n      (onSelectedItem)=\"onRowsComboModel($event)\"\n    >\n    </sdc-combobox>\n  </div>\n  <span class=\"sdc-total\" *ngIf=\"totalRecordsLabel()\"> {{ totalRecordsLabel() }}: {{ totalRecords() }} </span>\n</div>\n", styles: [":host{--sdc-paginator-page-size: var(--sdc-table-paginator-size, 34px);--sdc-paginator-border: #cccccc;--sdc-paginator-primary: #428bca;--sdc-paginator-primary-hover: #6aa3d5;display:block}.sdc-paginator{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;box-sizing:border-box;padding:10px 10px 10px 0}.sdc-paginator .sdc-paginator-left{display:inline-flex;align-items:center;gap:0}.sdc-paginator .sdc-paginator-left ::ng-deep .sdc-combobox{width:6.5rem!important;padding-left:1rem!important}.sdc-paginator .sdc-page{min-width:var(--sdc-paginator-page-size);height:var(--sdc-paginator-page-size);padding:.4em .25em;margin:0;border:1px solid var(--sdc-paginator-border);border-right-width:0;background:transparent;color:var(--sdc-paginator-primary);cursor:pointer;transition:background-color .2s ease-out;text-align:center}.sdc-paginator .sdc-page:first-child{border-radius:4px 0 0 4px}.sdc-paginator .sdc-page:last-of-type{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-paginator .sdc-page:hover{background-color:#f7f7f7}.sdc-paginator .sdc-page.is-active{background:var(--sdc-paginator-primary);color:#fff;border-color:var(--sdc-paginator-primary)}.sdc-paginator .sdc-page.is-active:hover{background:var(--sdc-paginator-primary-hover);border-color:var(--sdc-paginator-primary-hover)}.sdc-paginator .sdc-page:disabled{opacity:.5;cursor:not-allowed}.sdc-paginator .sdc-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sdc-paginator-page-size);height:var(--sdc-paginator-page-size);border:1px solid var(--sdc-paginator-border);border-right-width:0}.sdc-paginator .sdc-rows-combobox{width:max-content;min-width:88px}.sdc-paginator .sdc-total{white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { pageChange: [{
                 type: Output
             }] } });
 
@@ -1261,7 +1527,7 @@ class TableComponent {
     loading = false;
     config = DEFAULT_TABLE_OPTIONS;
     action = new EventEmitter();
-    isMobile = isMobile$1();
+    isMobile = isMobile();
     showSearch = computed(() => this.options().search?.show ?? false);
     showPaginator = computed(() => this.options().pagination?.show ?? false);
     rowsPerPageOptions = computed(() => this.options().pagination?.rowsPerPageOptions ?? []);
@@ -1488,10 +1754,10 @@ class TableComponent {
         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\n  class=\"sdc-table\"\n  [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\n        [disabled]=\"loading\"\n        [placeholder]=\"searchPlaceholder()\"\n        [triggerMode]=\"triggerMode()\"\n        (onSearch)=\"onSearchTerm($event)\"\n        (onClear)=\"onClearSearch()\"\n      />\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\n          [class.sdc-table-th-checkbox]=\"col.type === 'checkbox-selection'\"\n          (click)=\"toggleSort(col.field!, col.sortable !== false)\"\n          [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) { @case ('checkbox-selection') {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\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          </div>\n          <span\n            class=\"sdc-table-th-center\"\n            *ngIf=\"col.type === 'checkbox-selection' && (cellCfg('checkbox').selectAll ?? true)\"\n          >\n            <input\n              type=\"checkbox\"\n              [checked]=\"isPageFullySelected()\"\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleSelectPage(getCheckedValue($event))\"\n            />\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (loading) { } @else { @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            <td\n              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\"\n              [attr.data-title]=\"col.header\"\n              (click)=\"toggleSort(col.field!, col.sortable !== false)\"\n            >\n              <div class=\"sdc-table-td-val\">\n                <ng-container\n                  [ngTemplateOutlet]=\"cellTpl\"\n                  [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"\n                ></ng-container>\n              </div>\n            </td>\n          </div>\n        </ng-container>\n        <ng-template #desktopContent>\n          <td\n            class=\"sdc-table-td sdc-table-tdc\"\n            [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n            [class.sdc-table-is-selected]=\"sortField() === col.field\"\n            [attr.data-title]=\"col.header\"\n          >\n            <div class=\"sdc-table-td-val\">\n              <ng-container\n                [ngTemplateOutlet]=\"cellTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-template>\n        }\n      </tr>\n      } }\n    </tbody>\n  </table>\n\n  <s-empty-state\n    *ngIf=\"!loading && options().empty?.show !== false && totalRecords() === 0\"\n    id=\"my-empty-state\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle()\"\n    [description]=\"emptyText()\"\n    class=\"sdc-table-empty-state\"\n  >\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    <sdc-paginator\n      [first]=\"first()\"\n      [rows]=\"rows()\"\n      [totalRecords]=\"totalRecords()\"\n      [rowsPerPageOptions]=\"isMobile ? undefined : rowsPerPageOptions()\"\n      [isMobile]=\"isMobile\"\n      [totalRecordsLabel]=\"totalRecordsLabel()\"\n      (pageChange)=\"onPageChange($event)\"\n    ></sdc-paginator>\n  </div>\n\n  <ng-template #cellTpl let-row let-col=\"col\">\n    @switch (col.type) { @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    } @case ('date') {\n    {{ formatDate(_(row, col.field), col.format || 'shortDate') }}\n    } @case ('strong') {\n    <div class=\"sdc-table-strong-label\">{{ _(row, col.field) }}</div>\n    } @case ('code') {\n    <code class=\"sdc-table-code-label\">{{ _(row, col.field) }}</code>\n    } @case ('currency') {\n    {{ formatCurrency(_(row, col.field), col.format || 'BRL') }}\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\n          class=\"sdc-table-tag\"\n          [style.background]=\"tagOptions.backgroundColor || null\"\n          [style.color]=\"tagOptions.color || null\"\n          [attr.title]=\"tagOptions.tooltip\"\n        >\n          <i *ngIf=\"tagOptions.icon\" [class]=\"tagOptions.icon\"></i>\n          {{ tag }}\n        </span>\n        }\n      </div>\n    </ng-container>\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            [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            [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            [attr.data-key]=\"__k\"\n            (click)=\"buttonOptions.disabled ? null : onButtonClick(row, col)\"\n          ></sdc-button>\n        </div>\n      </ng-container>\n    </ng-container>\n    } @default { {{ _(row, col.field) }} } }\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\n      *ngIf=\"sortField() === col.field && sortOrder() === 1\"\n      class=\"fas fa-sort-amount-up-alt sdc-table-sort-active\"\n    ></i>\n    <i\n      *ngIf=\"sortField() === col.field && sortOrder() === -1\"\n      class=\"fas fa-sort-amount-down sdc-table-sort-active\"\n    ></i>\n  </span>\n  <span\n    *ngIf=\"col.sortable === false || col.type === 'checkbox-selection'\"\n    class=\"sdc-table-sort-indicator sdc-table-sort-indicator-placeholder\"\n  ></span>\n</ng-template>\n", 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-sort-indicator-placeholder{display:none!important;width:0!important;height:0!important;min-width:0!important}.sdc-table-paginator{justify-content:center!important}.sdc-table-sort-indicator{gap:.15rem;min-width:1.2rem;position:absolute;left:21px}.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;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.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-sort-indicator-placeholder{width:1.4rem;height:1rem;display:inline-block}.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 .sdc-table-strong-label{font-weight:500;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.sdc-table .sdc-table-code-label{color:var(--sdc-tab-primary);overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;display:inline-block}.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-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}\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: "component", type: PaginatorComponent, selector: "sdc-paginator", inputs: ["first", "rows", "totalRecords", "rowsPerPageOptions", "isMobile", "totalRecordsLabel"], outputs: ["pageChange"] }, { 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: i2$3.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3$2.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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\n  class=\"sdc-table\"\n  [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\n        [disabled]=\"loading\"\n        [placeholder]=\"searchPlaceholder()\"\n        [triggerMode]=\"triggerMode()\"\n        (onSearch)=\"onSearchTerm($event)\"\n        (onClear)=\"onClearSearch()\"\n      />\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\n          [class.sdc-table-th-checkbox]=\"col.type === 'checkbox-selection'\"\n          (click)=\"toggleSort(col.field!, col.sortable !== false)\"\n          [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) { @case ('checkbox-selection') {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\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          </div>\n          <span\n            class=\"sdc-table-th-center\"\n            *ngIf=\"col.type === 'checkbox-selection' && (cellCfg('checkbox').selectAll ?? true)\"\n          >\n            <input\n              type=\"checkbox\"\n              [checked]=\"isPageFullySelected()\"\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleSelectPage(getCheckedValue($event))\"\n            />\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (loading) { } @else { @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            <td\n              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\"\n              [attr.data-title]=\"col.header\"\n              (click)=\"toggleSort(col.field!, col.sortable !== false)\"\n            >\n              <div class=\"sdc-table-td-val\">\n                <ng-container\n                  [ngTemplateOutlet]=\"cellTpl\"\n                  [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"\n                ></ng-container>\n              </div>\n            </td>\n          </div>\n        </ng-container>\n        <ng-template #desktopContent>\n          <td\n            class=\"sdc-table-td sdc-table-tdc\"\n            [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n            [class.sdc-table-is-selected]=\"sortField() === col.field\"\n            [attr.data-title]=\"col.header\"\n          >\n            <div class=\"sdc-table-td-val\">\n              <ng-container\n                [ngTemplateOutlet]=\"cellTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-template>\n        }\n      </tr>\n      } }\n    </tbody>\n  </table>\n\n  <s-empty-state\n    *ngIf=\"!loading && options().empty?.show !== false && totalRecords() === 0\"\n    id=\"my-empty-state\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle()\"\n    [description]=\"emptyText()\"\n    class=\"sdc-table-empty-state\"\n  >\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    <sdc-paginator\n      [first]=\"first()\"\n      [rows]=\"rows()\"\n      [totalRecords]=\"totalRecords()\"\n      [rowsPerPageOptions]=\"isMobile ? undefined : rowsPerPageOptions()\"\n      [isMobile]=\"isMobile\"\n      [totalRecordsLabel]=\"totalRecordsLabel()\"\n      (pageChange)=\"onPageChange($event)\"\n    ></sdc-paginator>\n  </div>\n\n  <ng-template #cellTpl let-row let-col=\"col\">\n    @switch (col.type) { @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    } @case ('date') {\n    {{ formatDate(_(row, col.field), col.format || 'shortDate') }}\n    } @case ('strong') {\n    <div class=\"sdc-table-strong-label\">{{ _(row, col.field) }}</div>\n    } @case ('code') {\n    <code class=\"sdc-table-code-label\">{{ _(row, col.field) }}</code>\n    } @case ('currency') {\n    {{ formatCurrency(_(row, col.field), col.format || 'BRL') }}\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\n          class=\"sdc-table-tag\"\n          [style.background]=\"tagOptions.backgroundColor || null\"\n          [style.color]=\"tagOptions.color || null\"\n          [attr.title]=\"tagOptions.tooltip\"\n        >\n          <i *ngIf=\"tagOptions.icon\" [class]=\"tagOptions.icon\"></i>\n          {{ tag }}\n        </span>\n        }\n      </div>\n    </ng-container>\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            [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            [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            [attr.data-key]=\"__k\"\n            (click)=\"buttonOptions.disabled ? null : onButtonClick(row, col)\"\n          ></sdc-button>\n        </div>\n      </ng-container>\n    </ng-container>\n    } @default { {{ _(row, col.field) }} } }\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\n      *ngIf=\"sortField() === col.field && sortOrder() === 1\"\n      class=\"fas fa-sort-amount-up-alt sdc-table-sort-active\"\n    ></i>\n    <i\n      *ngIf=\"sortField() === col.field && sortOrder() === -1\"\n      class=\"fas fa-sort-amount-down sdc-table-sort-active\"\n    ></i>\n  </span>\n  <span\n    *ngIf=\"col.sortable === false || col.type === 'checkbox-selection'\"\n    class=\"sdc-table-sort-indicator sdc-table-sort-indicator-placeholder\"\n  ></span>\n</ng-template>\n", 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-sort-indicator-placeholder{display:none!important;width:0!important;height:0!important;min-width:0!important}.sdc-table-paginator{justify-content:center!important}.sdc-table-sort-indicator{gap:.15rem;min-width:1.2rem;position:absolute;left:21px}.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;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.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-sort-indicator-placeholder{width:1.4rem;height:1rem;display:inline-block}.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 .sdc-table-strong-label{font-weight:500;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.sdc-table .sdc-table-code-label{color:var(--sdc-tab-primary);overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;display:inline-block}.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-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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchboxComponent, selector: "sdc-searchbox", inputs: ["triggerMode"], outputs: ["onSearch", "onClear"] }, { kind: "component", type: PaginatorComponent, selector: "sdc-paginator", inputs: ["first", "rows", "totalRecords", "rowsPerPageOptions", "isMobile", "totalRecordsLabel"], outputs: ["pageChange"] }, { 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: i2$2.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3$2.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sdc-table', standalone: true, imports: [CommonModule, SearchboxComponent, PaginatorComponent, ButtonComponent, LoadingStateModule, EmptyStateModule], encapsulation: ViewEncapsulation.Emulated, template: "<div\n  class=\"sdc-table\"\n  [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\n        [disabled]=\"loading\"\n        [placeholder]=\"searchPlaceholder()\"\n        [triggerMode]=\"triggerMode()\"\n        (onSearch)=\"onSearchTerm($event)\"\n        (onClear)=\"onClearSearch()\"\n      />\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\n          [class.sdc-table-th-checkbox]=\"col.type === 'checkbox-selection'\"\n          (click)=\"toggleSort(col.field!, col.sortable !== false)\"\n          [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) { @case ('checkbox-selection') {\n            <span class=\"sdc-table-th-label\">{{ col.header }}</span>\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          </div>\n          <span\n            class=\"sdc-table-th-center\"\n            *ngIf=\"col.type === 'checkbox-selection' && (cellCfg('checkbox').selectAll ?? true)\"\n          >\n            <input\n              type=\"checkbox\"\n              [checked]=\"isPageFullySelected()\"\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleSelectPage(getCheckedValue($event))\"\n            />\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (loading) { } @else { @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            <td\n              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\"\n              [attr.data-title]=\"col.header\"\n              (click)=\"toggleSort(col.field!, col.sortable !== false)\"\n            >\n              <div class=\"sdc-table-td-val\">\n                <ng-container\n                  [ngTemplateOutlet]=\"cellTpl\"\n                  [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"\n                ></ng-container>\n              </div>\n            </td>\n          </div>\n        </ng-container>\n        <ng-template #desktopContent>\n          <td\n            class=\"sdc-table-td sdc-table-tdc\"\n            [class.sdc-table-td-checkbox]=\"col.type === 'checkbox-selection'\"\n            [class.sdc-table-is-selected]=\"sortField() === col.field\"\n            [attr.data-title]=\"col.header\"\n          >\n            <div class=\"sdc-table-td-val\">\n              <ng-container\n                [ngTemplateOutlet]=\"cellTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, col: col }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-template>\n        }\n      </tr>\n      } }\n    </tbody>\n  </table>\n\n  <s-empty-state\n    *ngIf=\"!loading && options().empty?.show !== false && totalRecords() === 0\"\n    id=\"my-empty-state\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle()\"\n    [description]=\"emptyText()\"\n    class=\"sdc-table-empty-state\"\n  >\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    <sdc-paginator\n      [first]=\"first()\"\n      [rows]=\"rows()\"\n      [totalRecords]=\"totalRecords()\"\n      [rowsPerPageOptions]=\"isMobile ? undefined : rowsPerPageOptions()\"\n      [isMobile]=\"isMobile\"\n      [totalRecordsLabel]=\"totalRecordsLabel()\"\n      (pageChange)=\"onPageChange($event)\"\n    ></sdc-paginator>\n  </div>\n\n  <ng-template #cellTpl let-row let-col=\"col\">\n    @switch (col.type) { @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    } @case ('date') {\n    {{ formatDate(_(row, col.field), col.format || 'shortDate') }}\n    } @case ('strong') {\n    <div class=\"sdc-table-strong-label\">{{ _(row, col.field) }}</div>\n    } @case ('code') {\n    <code class=\"sdc-table-code-label\">{{ _(row, col.field) }}</code>\n    } @case ('currency') {\n    {{ formatCurrency(_(row, col.field), col.format || 'BRL') }}\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\n          class=\"sdc-table-tag\"\n          [style.background]=\"tagOptions.backgroundColor || null\"\n          [style.color]=\"tagOptions.color || null\"\n          [attr.title]=\"tagOptions.tooltip\"\n        >\n          <i *ngIf=\"tagOptions.icon\" [class]=\"tagOptions.icon\"></i>\n          {{ tag }}\n        </span>\n        }\n      </div>\n    </ng-container>\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            [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            [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            [attr.data-key]=\"__k\"\n            (click)=\"buttonOptions.disabled ? null : onButtonClick(row, col)\"\n          ></sdc-button>\n        </div>\n      </ng-container>\n    </ng-container>\n    } @default { {{ _(row, col.field) }} } }\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\n      *ngIf=\"sortField() === col.field && sortOrder() === 1\"\n      class=\"fas fa-sort-amount-up-alt sdc-table-sort-active\"\n    ></i>\n    <i\n      *ngIf=\"sortField() === col.field && sortOrder() === -1\"\n      class=\"fas fa-sort-amount-down sdc-table-sort-active\"\n    ></i>\n  </span>\n  <span\n    *ngIf=\"col.sortable === false || col.type === 'checkbox-selection'\"\n    class=\"sdc-table-sort-indicator sdc-table-sort-indicator-placeholder\"\n  ></span>\n</ng-template>\n", 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-sort-indicator-placeholder{display:none!important;width:0!important;height:0!important;min-width:0!important}.sdc-table-paginator{justify-content:center!important}.sdc-table-sort-indicator{gap:.15rem;min-width:1.2rem;position:absolute;left:21px}.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;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.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-sort-indicator-placeholder{width:1.4rem;height:1rem;display:inline-block}.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 .sdc-table-strong-label{font-weight:500;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.sdc-table .sdc-table-code-label{color:var(--sdc-tab-primary);overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;display:inline-block}.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-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}\n"] }]
         }], propDecorators: { cols: [{
@@ -1510,11 +1776,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+let __tabUid = 0;
 class TabComponent {
     host = inject(ElementRef);
     zone = inject(NgZone);
     cdr = inject(ChangeDetectorRef);
     headersRef;
+    panelsRef;
+    uid = `sdc-tab-${++__tabUid}`;
     _activeIndex = signal(0);
     set activeIndex(v) {
         this.zone.run(() => {
@@ -1531,13 +1800,17 @@ class TabComponent {
         return this._activeIndex();
     }
     activeIndexChange = new EventEmitter();
-    isMobile = isMobile$1();
+    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}`,
-    })));
+    headers = computed(() => this.wcEls().map((el, i) => {
+        const attrLabel = el.getAttribute('label') || '';
+        const propLabel = el.label;
+        return {
+            label: (attrLabel.trim() || (propLabel?.trim() ?? `Tab ${i}`)),
+            disabled: this.parseBool(el.getAttribute('disabled')),
+            id: el.getAttribute('id') ?? `${this.uid}-tab-${i}`,
+        };
+    }));
     mo;
     _headersEffect = effect(() => {
         this.headers();
@@ -1548,7 +1821,7 @@ class TabComponent {
         this.refreshChildren();
         this.zone.runOutsideAngular(() => {
             this.mo = new MutationObserver(() => this.refreshChildren());
-            this.mo.observe(this.host.nativeElement, { childList: true, subtree: false });
+            this.mo.observe(this.panelsRef.nativeElement, { childList: true });
         });
     }
     ngOnDestroy() {
@@ -1613,8 +1886,15 @@ class TabComponent {
         const list = this.headersRef?.nativeElement.querySelectorAll('[role="tab"]');
         list?.[i]?.focus();
     }
+    getDirectItems() {
+        const parent = this.panelsRef?.nativeElement;
+        if (!parent)
+            return [];
+        const children = Array.from(parent.children);
+        return children.filter((n) => n.tagName?.toLowerCase() === 'sdc-tab-item');
+    }
     refreshChildren() {
-        const els = Array.from(this.host.nativeElement.querySelectorAll('sdc-tab-item'));
+        const els = this.getDirectItems();
         this.wcEls.set(els);
         this._activeIndex.set(this.normalizeIndex(this._activeIndex()));
         this.syncHiddenAndAria();
@@ -1626,7 +1906,7 @@ class TabComponent {
         const hs = this.headers();
         els.forEach((el, i) => {
             const hdr = hs[i];
-            const panelId = ((hdr?.id ?? `tab-${i}`) + '-panel');
+            const panelId = ((hdr?.id ?? `${this.uid}-tab-${i}`) + '-panel');
             el.setAttribute('role', 'tabpanel');
             el.setAttribute('id', panelId);
             if (hdr)
@@ -1650,15 +1930,18 @@ class TabComponent {
         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 15px 0 0;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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TabComponent, isStandalone: true, selector: "sdc-tab", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, viewQueries: [{ propertyName: "headersRef", first: true, predicate: ["headersRef"], descendants: true }, { propertyName: "panelsRef", first: true, predicate: ["panelsRef"], 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    >\n      <span class=\"sdc-tab-label\">{{ h.label }}</span>\n    </button>\n    }\n  </div>\n  <div class=\"sdc-tab-panels\" #panelsRef>\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 15px 0 0;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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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 15px 0 0;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"] }]
+            args: [{ selector: 'sdc-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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    >\n      <span class=\"sdc-tab-label\">{{ h.label }}</span>\n    </button>\n    }\n  </div>\n  <div class=\"sdc-tab-panels\" #panelsRef>\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 15px 0 0;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']
+            }], panelsRef: [{
+                type: ViewChild,
+                args: ['panelsRef']
             }], activeIndex: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -1671,10 +1954,10 @@ class TabItemComponent {
     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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sdc-tab-item',
@@ -1718,10 +2001,10 @@ class SidebarComponent {
     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 }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i2$3.SidebarComponent, selector: "s-sidebar", inputs: ["visible", "closable", "dismissible", "closeOnEscape", "header", "largeSized", "cache", "registerConfirmClose"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: StructureModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sdc-sidebar', standalone: true, imports: [CommonModule, SidebarModule, ButtonModule, StructureModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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: [{
@@ -1785,10 +2068,10 @@ class ModalComponent {
         }
     }
     $visible = false;
-    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$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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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$4.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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
             args: [{ imports: [ButtonModule$1, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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: [{
@@ -1822,29 +2105,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class PanelComponent {
     header = '';
-    showHeader = false;
     toggleable = false;
-    set collapsed(value) {
-        this.$collapsed = value;
-    }
-    get collapsed() {
-        return this.$collapsed;
-    }
+    set collapsed(value) { this.$collapsed = value; }
+    get collapsed() { return this.$collapsed; }
+    collapsedChange = new EventEmitter();
     $collapsed = 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: { header: "header", showHeader: "showHeader", toggleable: "toggleable", collapsed: "collapsed" }, 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$5.PanelComponent, selector: "s-panel", inputs: ["header", "toggleable", "collapsed", "severity", "borderButtonOptions", "class"], outputs: ["collapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    severity = EnumSeverity.Default;
+    borderButtonOptions;
+    panelClass = '';
+    onCollapsedChanged(v) {
+        this.$collapsed = v;
+        this.collapsedChange.emit(v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { header: "header", toggleable: "toggleable", collapsed: "collapsed", severity: "severity", borderButtonOptions: "borderButtonOptions", panelClass: ["class", "panelClass"] }, outputs: { collapsedChange: "collapsedChange" }, ngImport: i0, template: "<s-panel\n  [(collapsed)]=\"collapsed\"\n  [header]=\"header\"\n  [toggleable]=\"toggleable\"\n  [severity]=\"severity\"\n  [borderButtonOptions]=\"borderButtonOptions\"\n  [class]=\"panelClass\"\n  (collapsedChange)=\"onCollapsedChanged($event)\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"sdc-panel-footer\">\n    <ng-content select=\"[sdcFooter]\"></ng-content>\n  </div>\n</s-panel>\n", styles: [":host{display:contents}.sdc-panel-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sdc-panel-divider, #dedce5)}.sdc-panel-footer:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1$6.PanelComponent, selector: "s-panel", inputs: ["header", "toggleable", "collapsed", "severity", "borderButtonOptions", "class"], outputs: ["collapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
-            args: [{ imports: [PanelModule, PanelModule$1], standalone: true, selector: 'sdc-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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"] }]
+            args: [{ imports: [PanelModule], standalone: true, selector: 'sdc-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<s-panel\n  [(collapsed)]=\"collapsed\"\n  [header]=\"header\"\n  [toggleable]=\"toggleable\"\n  [severity]=\"severity\"\n  [borderButtonOptions]=\"borderButtonOptions\"\n  [class]=\"panelClass\"\n  (collapsedChange)=\"onCollapsedChanged($event)\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"sdc-panel-footer\">\n    <ng-content select=\"[sdcFooter]\"></ng-content>\n  </div>\n</s-panel>\n", styles: [":host{display:contents}.sdc-panel-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sdc-panel-divider, #dedce5)}.sdc-panel-footer:empty{display:none}\n"] }]
         }], propDecorators: { header: [{
                 type: Input
-            }], showHeader: [{
-                type: Input
             }], toggleable: [{
                 type: Input
             }], collapsed: [{
                 type: Input
+            }], collapsedChange: [{
+                type: Output
+            }], severity: [{
+                type: Input
+            }], borderButtonOptions: [{
+                type: Input
+            }], panelClass: [{
+                type: Input,
+                args: ['class']
             }] } });
 
 class SpinnerService {
@@ -1859,10 +2152,10 @@ class SpinnerService {
         this.start();
         setTimeout(() => this.stop(), ms);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpinnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpinnerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpinnerService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1890,10 +2183,10 @@ class SpinnerComponent {
             height: '50px',
         };
     }
-    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", inputs: { loading: "loading", blockWindow: "blockWindow" }, ngImport: i0, template: "  <div class=\"spinner-container\">\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"blockWindow\">\n\n    </s-loading-state>\n  </div>\n\n\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "ngmodule", type: BlockUIModule }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "component", type: i2$3.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpinnerComponent, deps: [{ token: SpinnerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SpinnerComponent, isStandalone: true, selector: "sdc-spinner", inputs: { loading: "loading", blockWindow: "blockWindow" }, ngImport: i0, template: "  <div class=\"spinner-container\">\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"blockWindow\">\n\n    </s-loading-state>\n  </div>\n\n\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "ngmodule", type: BlockUIModule }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "component", type: i2$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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sdc-spinner', standalone: true, imports: [ProgressSpinnerModule, BlockUIModule, LoadingStateModule], encapsulation: ViewEncapsulation.Emulated, 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: [{
@@ -1904,145 +2197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: [{ required: false }]
             }] } });
 
-class SqlEditorComponent {
-    sql = '';
-    height = null;
-    width = null;
-    set schema(value) {
-        this.$schema = value;
-        this.updateEditorExtensions();
-    }
-    onDomainFilter = new EventEmitter();
-    editorContainer;
-    $editor;
-    $onChange = () => { };
-    $onTouched = () => { };
-    $schema = {};
-    ngOnInit() {
-        this.$editor = new EditorView({
-            doc: this.sql,
-            parent: this.editorContainer.nativeElement,
-            extensions: this.buildExtensions(),
-        });
-    }
-    ngOnDestroy() {
-        this.$editor?.destroy();
-    }
-    writeValue(value) {
-        if (this.$editor && value !== this.$editor.state.doc.toString()) {
-            this.$editor.dispatch({
-                changes: { from: 0, to: this.$editor.state.doc.length, insert: value },
-            });
-        }
-    }
-    registerOnChange(fn) {
-        this.$onChange = fn;
-        this.$onTouched();
-    }
-    registerOnTouched(fn) {
-        this.$onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.$editor?.contentDOM.setAttribute('contenteditable', String(!isDisabled));
-    }
-    getStyles() {
-        const styles = [];
-        if (this.width) {
-            const w = typeof this.width === 'number' ? `${this.width}px` : this.width;
-            styles.push(`width:${w}`);
-        }
-        if (this.height) {
-            const h = typeof this.height === 'number' ? `${this.height}px` : this.height;
-            styles.push(`height:${h}`);
-        }
-        return styles.join(';');
-    }
-    buildExtensions() {
-        return [
-            basicSetup,
-            ayuLight,
-            sqlUppercaseHandler(),
-            sqlFormatterHandler(),
-            sql({ dialect: PostgreSQL }),
-            sqlDomainFilterDecorator(token => this.onDomainFilter.emit(token)),
-            autocompletion({
-                override: [createSqlAutoCompletionHadler(this.$schema)],
-            }),
-            EditorView.updateListener.of(update => {
-                if (update.docChanged) {
-                    this.$onChange(update.state.doc.toString());
-                }
-            }),
-        ];
-    }
-    updateEditorExtensions() {
-        if (!this.$editor)
-            return;
-        this.$editor.dispatch({
-            effects: StateEffect.reconfigure.of(this.buildExtensions()),
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SqlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SqlEditorComponent, isStandalone: true, selector: "sdc-sql-editor", inputs: { sql: "sql", height: "height", width: "width", schema: "schema" }, outputs: { onDomainFilter: "onDomainFilter" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SqlEditorComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, static: true }], ngImport: i0, template: "<div #editorContainer class=\"sdc-sql-editor\" [style]=\"getStyles()\"></div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SqlEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sdc-sql-editor', standalone: true, imports: [CommonModule], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SqlEditorComponent),
-                            multi: true,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div #editorContainer class=\"sdc-sql-editor\" [style]=\"getStyles()\"></div>" }]
-        }], propDecorators: { sql: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], schema: [{
-                type: Input
-            }], onDomainFilter: [{
-                type: Output
-            }], editorContainer: [{
-                type: ViewChild,
-                args: ['editorContainer', { static: true }]
-            }] } });
-
-class TextboxComponent extends InputsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextboxComponent, isStandalone: true, selector: "sdc-textbox", providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TextboxComponent),
-                multi: true,
-            },
-        ], 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$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sdc-textbox', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        InputTextModule,
-                        KeyFilterModule,
-                        TooltipModule,
-                    ], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TextboxComponent),
-                            multi: true,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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 {
     toast;
     dismiss = new EventEmitter();
@@ -2068,10 +2222,10 @@ class ToastComponent {
         this.isLeaving = true;
         setTimeout(() => this.dismiss.emit(), 300);
     }
-    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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-toast', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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: [{
@@ -2137,16 +2291,241 @@ class ToastService {
         });
         this.activeToasts.push(componentRef);
     }
-    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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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.14", ngImport: i0, type: ToastService, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
                 }]
         }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
 
+class CodeEditorComponent {
+    toast;
+    constructor(toast) {
+        this.toast = toast;
+    }
+    sql = '';
+    height = null;
+    width = null;
+    showCopy = false;
+    customHeaderItems = [];
+    activeHeaderKey;
+    headerSelect = new EventEmitter();
+    copied = new EventEmitter();
+    _readOnly = false;
+    set readOnly(v) { this._readOnly = !!v; this.updateEditorExtensions(); }
+    get readOnly() { return this._readOnly; }
+    languageChange = new EventEmitter();
+    set language(value) {
+        const lang = (value || 'sql');
+        if (lang !== this.$language) {
+            this.$language = lang;
+            this.updateEditorExtensions();
+            this.languageChange.emit(this.$language);
+        }
+    }
+    get language() { return this.$language; }
+    set schema(value) {
+        this.$schema = value;
+        if (this.$language === 'sql')
+            this.updateEditorExtensions();
+    }
+    onDomainFilter = new EventEmitter();
+    editorContainer;
+    $editor;
+    $onChange = () => { };
+    $onTouched = () => { };
+    $schema = {};
+    $language = 'sql';
+    $disabled = false;
+    ngOnInit() {
+        this.$editor = new EditorView({
+            doc: this.sql,
+            parent: this.editorContainer.nativeElement,
+            extensions: this.buildExtensions(),
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['sql'] && !changes['sql'].firstChange && this.$editor) {
+            const next = (changes['sql'].currentValue ?? '');
+            if (next !== this.$editor.state.doc.toString()) {
+                this.$editor.dispatch({ changes: { from: 0, to: this.$editor.state.doc.length, insert: next } });
+            }
+        }
+    }
+    ngOnDestroy() { this.$editor?.destroy(); }
+    writeValue(value) {
+        if (this.$editor && value !== this.$editor.state.doc.toString()) {
+            this.$editor.dispatch({ changes: { from: 0, to: this.$editor.state.doc.length, insert: value ?? '' } });
+        }
+    }
+    registerOnChange(fn) { this.$onChange = fn; }
+    registerOnTouched(fn) { this.$onTouched = fn; }
+    setDisabledState(isDisabled) {
+        this.$disabled = isDisabled;
+        if (!this.$editor)
+            return;
+        const editable = !(isDisabled || this._readOnly);
+        this.$editor.contentDOM.setAttribute('contenteditable', String(editable));
+        this.updateEditorExtensions();
+    }
+    getStyleMap() {
+        const s = {};
+        if (this.width != null)
+            s.width = typeof this.width === 'number' ? `${this.width}px` : this.width;
+        if (this.height != null)
+            s.height = typeof this.height === 'number' ? `${this.height}px` : this.height;
+        return s;
+    }
+    pickHeader(item) {
+        this.activeHeaderKey = item.key;
+        if (item.value !== this.$language)
+            this.language = item.value;
+        this.headerSelect.emit({ key: item.key, lang: item.value });
+    }
+    async copy() {
+        const text = this.$editor ? this.$editor.state.doc.toString() : this.sql || '';
+        let ok = false;
+        try {
+            await navigator.clipboard.writeText(text);
+            ok = true;
+        }
+        catch {
+            try {
+                const ta = document.createElement('textarea');
+                ta.value = text;
+                document.body.appendChild(ta);
+                ta.select();
+                document.execCommand('copy');
+                document.body.removeChild(ta);
+                ok = true;
+            }
+            catch {
+                ok = false;
+            }
+        }
+        this.toast.show({
+            title: ok ? 'Copiado' : 'Falha ao copiar',
+            text: ok ? 'Conteúdo copiado para a área de transferência.' : 'Não foi possível copiar.',
+            severity: ok ? 'success' : 'error',
+            duration: 2000,
+            closable: true
+        });
+        this.copied.emit(ok);
+    }
+    buildExtensions() {
+        const editable = !(this._readOnly || this.$disabled);
+        const guards = editable ? [] : [
+            EditorView.domEventHandlers({
+                beforeinput: e => e.preventDefault(),
+                drop: e => e.preventDefault(),
+                paste: e => e.preventDefault(),
+                cut: e => e.preventDefault(),
+            }),
+        ];
+        const base = [
+            basicSetup,
+            ayuLight,
+            EditorView.editable.of(editable),
+            EditorView.updateListener.of((update) => {
+                if (update.docChanged)
+                    this.$onChange(update.state.doc.toString());
+            }),
+            ...guards,
+        ];
+        return [...base, ...this.getLanguageExtensions()];
+    }
+    getLanguageExtensions() {
+        switch (this.$language) {
+            case 'sql':
+                return [
+                    sqlUppercaseHandler(),
+                    sqlFormatterHandler(),
+                    sql({ dialect: PostgreSQL }),
+                    sqlDomainFilterDecorator((token) => this.onDomainFilter.emit(token)),
+                    autocompletion({ override: [createSqlAutoCompletionHadler(this.$schema)] }),
+                ];
+            case 'typescript': return [javascript({ typescript: true, jsx: true }), autocompletion()];
+            case 'javascript': return [javascript({ typescript: false, jsx: true }), autocompletion()];
+            case 'json': return [json(), autocompletion()];
+            case 'html': return [html(), autocompletion()];
+            case 'plaintext':
+            default: return [autocompletion()];
+        }
+    }
+    updateEditorExtensions() {
+        if (!this.$editor)
+            return;
+        this.$editor.dispatch({ effects: StateEffect.reconfigure.of(this.buildExtensions()) });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, deps: [{ token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CodeEditorComponent, isStandalone: true, selector: "sdc-code-editor", inputs: { sql: "sql", height: "height", width: "width", showCopy: "showCopy", customHeaderItems: "customHeaderItems", activeHeaderKey: "activeHeaderKey", readOnly: "readOnly", language: "language", schema: "schema" }, outputs: { headerSelect: "headerSelect", copied: "onCopy", languageChange: "languageChange", onDomainFilter: "onDomainFilter" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CodeEditorComponent), multi: true }], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-code-editor\">\n  <div #editorContainer class=\"sdc-code-editor\" [ngStyle]=\"getStyleMap()\"></div>\n\n  <div class=\"sdc-code-editor-header\" *ngIf=\"showCopy || customHeaderItems.length > 1\">\n    <div class=\"header-left\" *ngIf=\"customHeaderItems.length > 1\">\n      <div class=\"segmented\">\n        <button\n          *ngFor=\"let it of customHeaderItems\"\n          type=\"button\"\n          class=\"segmented-item\"\n          [class.active]=\"it.key ? it.key === activeHeaderKey : it.value === language\"\n          (click)=\"pickHeader(it)\"\n        >\n          {{ it.label }}\n        </button>\n      </div>\n    </div>\n\n    <div class=\"header-right\">\n      <button type=\"button\" class=\"icon-btn\" *ngIf=\"showCopy\" (click)=\"copy()\" title=\"Copiar\">\n        <i class=\"fas fa-copy\" aria-hidden=\"true\"></i>\n        <span class=\"sr-only\">Copiar</span>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;min-width:0;min-height:0}.sdc-code-editor{border:var(--sql-editor-border);position:relative;isolation:isolate}.sdc-code-editor:hover .sdc-code-editor-header,.sdc-code-editor:focus-within .sdc-code-editor-header{opacity:1;transform:translateY(0);pointer-events:auto}.sdc-code-editor{display:block;width:100%}.sdc-code-editor,.sdc-code-editor .cm-editor,.sdc-code-editor .cm-scroller{position:relative;z-index:0;height:100%}.sdc-code-editor .cm-scroller{overflow:auto}.sdc-code-editor-header{position:absolute;top:8px;right:8px;left:auto;display:flex;align-items:center;gap:8px;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.sdc-code-editor-header .header-left,.sdc-code-editor-header .header-right{display:flex;align-items:center;gap:8px}.sdc-code-editor-header .segmented{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000014;backdrop-filter:saturate(180%) blur(6px);pointer-events:auto}.sdc-code-editor-header .segmented-item{appearance:none;border:0;background:transparent;padding:6px 10px;border-radius:999px;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111}.sdc-code-editor-header .segmented-item:hover{background:#1118270f}.sdc-code-editor-header .segmented-item.active{background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe}.sdc-code-editor-header .segmented-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #6366f1}.sdc-code-editor-header .icon-btn{appearance:none;border:1px solid rgba(0,0,0,.08);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;box-shadow:0 2px 8px #00000014;cursor:pointer;pointer-events:auto}.sdc-code-editor-header .icon-btn:hover{filter:brightness(.98)}.sdc-code-editor-header .icon-btn:active{transform:translateY(1px)}.sdc-code-editor-header .icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f1 inset}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-code-editor', standalone: true, imports: [CommonModule], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CodeEditorComponent), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"sdc-code-editor\">\n  <div #editorContainer class=\"sdc-code-editor\" [ngStyle]=\"getStyleMap()\"></div>\n\n  <div class=\"sdc-code-editor-header\" *ngIf=\"showCopy || customHeaderItems.length > 1\">\n    <div class=\"header-left\" *ngIf=\"customHeaderItems.length > 1\">\n      <div class=\"segmented\">\n        <button\n          *ngFor=\"let it of customHeaderItems\"\n          type=\"button\"\n          class=\"segmented-item\"\n          [class.active]=\"it.key ? it.key === activeHeaderKey : it.value === language\"\n          (click)=\"pickHeader(it)\"\n        >\n          {{ it.label }}\n        </button>\n      </div>\n    </div>\n\n    <div class=\"header-right\">\n      <button type=\"button\" class=\"icon-btn\" *ngIf=\"showCopy\" (click)=\"copy()\" title=\"Copiar\">\n        <i class=\"fas fa-copy\" aria-hidden=\"true\"></i>\n        <span class=\"sr-only\">Copiar</span>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;min-width:0;min-height:0}.sdc-code-editor{border:var(--sql-editor-border);position:relative;isolation:isolate}.sdc-code-editor:hover .sdc-code-editor-header,.sdc-code-editor:focus-within .sdc-code-editor-header{opacity:1;transform:translateY(0);pointer-events:auto}.sdc-code-editor{display:block;width:100%}.sdc-code-editor,.sdc-code-editor .cm-editor,.sdc-code-editor .cm-scroller{position:relative;z-index:0;height:100%}.sdc-code-editor .cm-scroller{overflow:auto}.sdc-code-editor-header{position:absolute;top:8px;right:8px;left:auto;display:flex;align-items:center;gap:8px;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.sdc-code-editor-header .header-left,.sdc-code-editor-header .header-right{display:flex;align-items:center;gap:8px}.sdc-code-editor-header .segmented{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000014;backdrop-filter:saturate(180%) blur(6px);pointer-events:auto}.sdc-code-editor-header .segmented-item{appearance:none;border:0;background:transparent;padding:6px 10px;border-radius:999px;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111}.sdc-code-editor-header .segmented-item:hover{background:#1118270f}.sdc-code-editor-header .segmented-item.active{background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe}.sdc-code-editor-header .segmented-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #6366f1}.sdc-code-editor-header .icon-btn{appearance:none;border:1px solid rgba(0,0,0,.08);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;box-shadow:0 2px 8px #00000014;cursor:pointer;pointer-events:auto}.sdc-code-editor-header .icon-btn:hover{filter:brightness(.98)}.sdc-code-editor-header .icon-btn:active{transform:translateY(1px)}.sdc-code-editor-header .icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f1 inset}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+        }], ctorParameters: () => [{ type: ToastService }], propDecorators: { sql: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], showCopy: [{
+                type: Input
+            }], customHeaderItems: [{
+                type: Input
+            }], activeHeaderKey: [{
+                type: Input
+            }], headerSelect: [{
+                type: Output
+            }], copied: [{
+                type: Output,
+                args: ['onCopy']
+            }], readOnly: [{
+                type: Input
+            }], languageChange: [{
+                type: Output
+            }], language: [{
+                type: Input
+            }], schema: [{
+                type: Input
+            }], onDomainFilter: [{
+                type: Output
+            }], editorContainer: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
+            }] } });
+
+class TextboxComponent extends InputsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TextboxComponent, isStandalone: true, selector: "sdc-textbox", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextboxComponent),
+                multi: true,
+            },
+        ], 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-textbox', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        InputTextModule,
+                        KeyFilterModule,
+                        TooltipModule,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextboxComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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 ModalcComponent {
     cdr;
     title = 'Modal Title';
@@ -2201,10 +2580,10 @@ class ModalcComponent {
     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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalcComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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$4.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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule$1, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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: [{
@@ -2265,16 +2644,16 @@ class CheckboxComponent {
         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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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:1px 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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:1px 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: "sdc-checkbox", imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
                         {
@@ -2308,12 +2687,12 @@ class CardComponent {
             return '';
         return text.length > this.options.descriptionMaxLength ? text.slice(0, this.options.descriptionMaxLength).trimEnd() + '...' : text;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardComponent, isStandalone: true, selector: "dp-card", inputs: { data: "data", options: "options" }, outputs: { cardAction: "cardAction" }, ngImport: i0, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;flex-direction:column;max-height:27rem;min-height:27rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:3.3rem;min-height:3.3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:1rem}.sdc-card__title{font-size:1.5rem;font-weight:600;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.875rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: AvatarGroupModule }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardComponent, isStandalone: true, selector: "sdc-card", inputs: { data: "data", options: "options" }, outputs: { cardAction: "cardAction" }, ngImport: i0, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      width=\"100%\"\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;padding:8px;flex-direction:column;min-height:19rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:2.9rem;min-height:2.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:8px}.sdc-card__title{font-size:1.4rem;font-weight:600;width:100%;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.775rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: AvatarGroupModule }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dp-card', imports: [CommonModule, CheckboxModule, AvatarGroupModule, ButtonComponent, CardModule, TagModule, AvatarModule, TranslateModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;flex-direction:column;max-height:27rem;min-height:27rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:3.3rem;min-height:3.3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:1rem}.sdc-card__title{font-size:1.5rem;font-weight:600;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.875rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"] }]
+            args: [{ selector: 'sdc-card', imports: [CommonModule, CheckboxModule, AvatarGroupModule, ButtonComponent, CardModule, TagModule, AvatarModule, TranslateModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      width=\"100%\"\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;padding:8px;flex-direction:column;min-height:19rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:2.9rem;min-height:2.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:8px}.sdc-card__title{font-size:1.4rem;font-weight:600;width:100%;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.775rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], options: [{
@@ -2327,13 +2706,13 @@ class CardListComponent {
     loading = false;
     config = DEFAULT_CARD_LIST_OPTIONS;
     cardButtonClick = new EventEmitter();
-    isMobile = isMobile$1();
-    isTablet = isTablet$1();
+    isMobile = isMobile();
+    isTablet = isTablet();
     options = signal(DEFAULT_CARD_LIST_OPTIONS);
     totalRecordsLabel = computed(() => this.options().totalRecordsLabel ?? '');
     emptyTitle = computed(() => this.options().empty?.title ?? '');
     emptyText = computed(() => this.options().empty?.message ?? '');
-    page = signal({ first: 0, rows: 4 });
+    page = signal({ first: 0, rows: 5 });
     isFirstPage = computed(() => this.page().first === 0);
     isLastPage = computed(() => this.page().first + this.page().rows >= this.filtered().length);
     raw = signal([]);
@@ -2427,12 +2806,12 @@ class CardListComponent {
             return JSON.stringify(obj ?? {});
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CardListComponent, isStandalone: true, selector: "sdc-card-list", inputs: { data: "data", loading: "loading", config: "config" }, outputs: { cardButtonClick: "cardButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-card-list m-3\">\n  <div [class.my-3]=\"isMobile\">\n    @if (loading) {\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n    } @else { @if (pagedData().length) {\n    <div class=\"relative\">\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        (click)=\"prevPage()\"\n        [disabled]=\"isFirstPage()\"\n        class=\"absolute left-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-left\"\n      ></sdc-button>\n      }\n      <div class=\"grid flex-1\" [class.mx-5]=\"!isMobile && options().enableSideButtons\">\n        @for (card of pagedData(); track card.name) {\n        <div class=\"col-12 md:col-6 lg:col-4 xl:col-3\">\n          <dp-card (cardAction)=\"onCardClick($event)\" [options]=\"options().customCard\" [data]=\"card\"></dp-card>\n        </div>\n        }\n      </div>\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        [disabled]=\"isLastPage()\"\n        (click)=\"nextPage()\"\n        class=\"absolute right-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-right\"\n      ></sdc-button>\n      }\n    </div>\n    } @else {\n    <s-empty-state\n      id=\"cardlist-empty\"\n      iconClass=\"fa fa-inbox\"\n      [title]=\"emptyTitle() | translate\"\n      [description]=\"emptyText() | translate\"\n      class=\"sdc-cardlist-empty-state\"\n    ></s-empty-state>\n    } @if (options().enablePagination) {\n    <div class=\"flex justify-content-beetween sdc-paginator\" [class.justify-content-center]=\"isMobile || isTablet\">\n      <sdc-paginator\n        style=\"min-width: 100%\"\n        (pageChange)=\"onChangePaginator($event)\"\n        [first]=\"page().first\"\n        [rows]=\"page().rows\"\n        [totalRecords]=\"filtered().length\"\n        [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n        [isMobile]=\"isMobile\"\n      >\n      </sdc-paginator>\n    </div>\n    } }\n  </div>\n</div>\n", styles: [".sdc-card-list{min-height:30rem;min-width:17rem;align-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CardComponent, selector: "dp-card", inputs: ["data", "options"], outputs: ["cardAction"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "component", type: PaginatorComponent, selector: "sdc-paginator", inputs: ["first", "rows", "totalRecords", "rowsPerPageOptions", "isMobile", "totalRecordsLabel"], outputs: ["pageChange"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3$2.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: i2$3.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CardListComponent, isStandalone: true, selector: "sdc-card-list", inputs: { data: "data", loading: "loading", config: "config" }, outputs: { cardButtonClick: "cardButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-card-list\">\n  <div [class.my-3]=\"isMobile\">\n    @if (loading) {\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n    } @else { @if (pagedData().length) {\n    <div class=\"relative\">\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        (click)=\"prevPage()\"\n        [disabled]=\"isFirstPage()\"\n        class=\"absolute left-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-left\"\n      ></sdc-button>\n      }\n\n      <div class=\"grid flex-1\" [class.mx-5]=\"!isMobile && options().enableSideButtons\">\n        @for (card of pagedData(); track card.name) {\n        <div class=\"col-12 md:col-6 lg:col-4 xl:col-5th\">\n          <sdc-card (cardAction)=\"onCardClick($event)\" [options]=\"options().customCard\" [data]=\"card\"></sdc-card>\n        </div>\n        }\n      </div>\n\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        [disabled]=\"isLastPage()\"\n        (click)=\"nextPage()\"\n        class=\"absolute right-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-right\"\n      ></sdc-button>\n      }\n    </div>\n    } @else {\n    <s-empty-state\n      id=\"cardlist-empty\"\n      iconClass=\"fa fa-inbox\"\n      [title]=\"emptyTitle() | translate\"\n      [description]=\"emptyText() | translate\"\n      class=\"sdc-cardlist-empty-state\"\n    ></s-empty-state>\n    } @if (options().enablePagination) {\n    <div class=\"flex justify-content-between sdc-paginator pt-3\" [class.justify-content-center]=\"isMobile || isTablet\">\n      <sdc-paginator\n        style=\"min-width: 100%\"\n        (pageChange)=\"onChangePaginator($event)\"\n        [first]=\"page().first\"\n        [rows]=\"page().rows\"\n        [rowsPerPageOptions]=\"[5, 10, 20]\"\n        [totalRecords]=\"filtered().length\"\n        [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n        [isMobile]=\"isMobile\"\n      >\n      </sdc-paginator>\n    </div>\n    } }\n  </div>\n</div>\n", styles: [".sdc-card-list{min-height:25rem;min-width:17rem;align-content:center}@media screen and (min-width: 1200px){.xl\\:col-5th{flex:0 0 20%;max-width:20%;padding:.5rem}}@media screen and (min-width: 1400px){.\\32xl\\:col-5th{flex:0 0 20%;max-width:20%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CardComponent, selector: "sdc-card", inputs: ["data", "options"], outputs: ["cardAction"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "component", type: PaginatorComponent, selector: "sdc-paginator", inputs: ["first", "rows", "totalRecords", "rowsPerPageOptions", "isMobile", "totalRecordsLabel"], outputs: ["pageChange"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3$2.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: i2$2.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-card-list', standalone: true, imports: [CommonModule, CardComponent, TranslateModule, ButtonComponent, PaginatorComponent, EmptyStateModule, LoadingStateModule], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-card-list m-3\">\n  <div [class.my-3]=\"isMobile\">\n    @if (loading) {\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n    } @else { @if (pagedData().length) {\n    <div class=\"relative\">\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        (click)=\"prevPage()\"\n        [disabled]=\"isFirstPage()\"\n        class=\"absolute left-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-left\"\n      ></sdc-button>\n      }\n      <div class=\"grid flex-1\" [class.mx-5]=\"!isMobile && options().enableSideButtons\">\n        @for (card of pagedData(); track card.name) {\n        <div class=\"col-12 md:col-6 lg:col-4 xl:col-3\">\n          <dp-card (cardAction)=\"onCardClick($event)\" [options]=\"options().customCard\" [data]=\"card\"></dp-card>\n        </div>\n        }\n      </div>\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        [disabled]=\"isLastPage()\"\n        (click)=\"nextPage()\"\n        class=\"absolute right-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-right\"\n      ></sdc-button>\n      }\n    </div>\n    } @else {\n    <s-empty-state\n      id=\"cardlist-empty\"\n      iconClass=\"fa fa-inbox\"\n      [title]=\"emptyTitle() | translate\"\n      [description]=\"emptyText() | translate\"\n      class=\"sdc-cardlist-empty-state\"\n    ></s-empty-state>\n    } @if (options().enablePagination) {\n    <div class=\"flex justify-content-beetween sdc-paginator\" [class.justify-content-center]=\"isMobile || isTablet\">\n      <sdc-paginator\n        style=\"min-width: 100%\"\n        (pageChange)=\"onChangePaginator($event)\"\n        [first]=\"page().first\"\n        [rows]=\"page().rows\"\n        [totalRecords]=\"filtered().length\"\n        [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n        [isMobile]=\"isMobile\"\n      >\n      </sdc-paginator>\n    </div>\n    } }\n  </div>\n</div>\n", styles: [".sdc-card-list{min-height:30rem;min-width:17rem;align-content:center}\n"] }]
+            args: [{ selector: 'sdc-card-list', standalone: true, imports: [CommonModule, CardComponent, TranslateModule, ButtonComponent, PaginatorComponent, EmptyStateModule, LoadingStateModule], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-card-list\">\n  <div [class.my-3]=\"isMobile\">\n    @if (loading) {\n    <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n    } @else { @if (pagedData().length) {\n    <div class=\"relative\">\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        (click)=\"prevPage()\"\n        [disabled]=\"isFirstPage()\"\n        class=\"absolute left-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-left\"\n      ></sdc-button>\n      }\n\n      <div class=\"grid flex-1\" [class.mx-5]=\"!isMobile && options().enableSideButtons\">\n        @for (card of pagedData(); track card.name) {\n        <div class=\"col-12 md:col-6 lg:col-4 xl:col-5th\">\n          <sdc-card (cardAction)=\"onCardClick($event)\" [options]=\"options().customCard\" [data]=\"card\"></sdc-card>\n        </div>\n        }\n      </div>\n\n      @if (options().enableSideButtons) {\n      <sdc-button\n        width=\"3rem\"\n        *ngIf=\"!isMobile\"\n        [disabled]=\"isLastPage()\"\n        (click)=\"nextPage()\"\n        class=\"absolute right-0 top-50 transform -translate-y-50 z-1\"\n        type=\"button\"\n        icon=\"fas fa-arrow-right\"\n      ></sdc-button>\n      }\n    </div>\n    } @else {\n    <s-empty-state\n      id=\"cardlist-empty\"\n      iconClass=\"fa fa-inbox\"\n      [title]=\"emptyTitle() | translate\"\n      [description]=\"emptyText() | translate\"\n      class=\"sdc-cardlist-empty-state\"\n    ></s-empty-state>\n    } @if (options().enablePagination) {\n    <div class=\"flex justify-content-between sdc-paginator pt-3\" [class.justify-content-center]=\"isMobile || isTablet\">\n      <sdc-paginator\n        style=\"min-width: 100%\"\n        (pageChange)=\"onChangePaginator($event)\"\n        [first]=\"page().first\"\n        [rows]=\"page().rows\"\n        [rowsPerPageOptions]=\"[5, 10, 20]\"\n        [totalRecords]=\"filtered().length\"\n        [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n        [isMobile]=\"isMobile\"\n      >\n      </sdc-paginator>\n    </div>\n    } }\n  </div>\n</div>\n", styles: [".sdc-card-list{min-height:25rem;min-width:17rem;align-content:center}@media screen and (min-width: 1200px){.xl\\:col-5th{flex:0 0 20%;max-width:20%;padding:.5rem}}@media screen and (min-width: 1400px){.\\32xl\\:col-5th{flex:0 0 20%;max-width:20%}}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], loading: [{
@@ -2443,50 +2822,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-function isMobile() {
-    return window.innerWidth <= 768;
-}
-function isTablet() {
-    return window.innerWidth > 768 && window.innerWidth <= 1024;
-}
-function isDesktop() {
-    return window.innerWidth > 1024;
+class SelectButtonComponent {
+    cdr;
+    items = [];
+    multiple = false;
+    compareWith = (a, b) => ("value" in a && "value" in b ? a.value === b.value : this._deepEqual(a, b));
+    itemSelected = new EventEmitter();
+    itemClicked = new EventEmitter();
+    disabled = false;
+    activeItems = new Set();
+    onChange;
+    onTouched;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    // CVA
+    writeValue(value) {
+        this.activeItems.clear();
+        if (value != null) {
+            const ensureMatch = (v) => {
+                for (const it of this.items) {
+                    if (this.compareWith(v, it)) {
+                        this.activeItems.add(it);
+                        break;
+                    }
+                }
+            };
+            Array.isArray(value) ? value.forEach(ensureMatch) : ensureMatch(value);
+        }
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(disabled) { this.disabled = disabled; this.cdr.markForCheck(); }
+    // UI
+    onItemSelect(item) {
+        if (this.disabled || item.disabled)
+            return;
+        this.itemClicked.emit(item);
+        if (this.multiple) {
+            this.isActive(item) ? this._deleteByCompare(item) : this._addByRef(item);
+        }
+        else {
+            this.activeItems.clear();
+            this._addByRef(item);
+        }
+        const arr = this._asArray();
+        this.itemSelected.emit(arr);
+        this.onChange?.(arr);
+        this.onTouched?.();
+        this.cdr.markForCheck();
+    }
+    isActive(item) {
+        for (const it of this.activeItems)
+            if (this.compareWith(item, it))
+                return true;
+        return false;
+    }
+    trackByIndex = (i) => i;
+    // helpers
+    _addByRef(item) { this.activeItems.add(item); }
+    _deleteByCompare(item) {
+        for (const it of Array.from(this.activeItems))
+            if (this.compareWith(item, it)) {
+                this.activeItems.delete(it);
+                break;
+            }
+    }
+    _asArray() { return [...this.activeItems]; }
+    _deepEqual(a, b) {
+        if (a === b)
+            return true;
+        if (a == null || b == null || typeof a !== "object" || typeof b !== "object")
+            return false;
+        if (Array.isArray(a) !== Array.isArray(b))
+            return false;
+        const ka = Object.keys(a), kb = Object.keys(b);
+        if (ka.length !== kb.length)
+            return false;
+        for (const k of ka)
+            if (!kb.includes(k) || !this._deepEqual(a[k], b[k]))
+                return false;
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectButtonComponent, isStandalone: true, selector: "sdc-select-button", inputs: { items: "items", multiple: "multiple", compareWith: "compareWith" }, outputs: { itemSelected: "itemSelected", itemClicked: "itemClicked" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"select-button\"\n  [ngClass]=\"{ 'select-button--disabled': disabled }\"\n  role=\"group\"\n  [attr.aria-disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"select-button-item\"\n    *ngFor=\"let item of items; index as i; trackBy: trackByIndex\"\n    [ngClass]=\"{\n      'select-button-item--active': isActive(item),\n      'select-button-item--disabled': disabled || item.disabled,\n      'select-button-item--first': i === 0,\n      'select-button-item--last': i === items.length - 1\n    }\"\n    [attr.aria-pressed]=\"isActive(item)\"\n    [disabled]=\"disabled || item.disabled\"\n    (click)=\"onItemSelect(item)\">\n    <span class=\"select-button-item__label\">{{ item.label }}</span>\n  </button>\n</div>\n", styles: [".select-button{display:inline-flex;align-items:stretch}.select-button--disabled{pointer-events:none;opacity:.6}.select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:Open Sans,sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sdc-select-button", standalone: true, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectButtonComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"select-button\"\n  [ngClass]=\"{ 'select-button--disabled': disabled }\"\n  role=\"group\"\n  [attr.aria-disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"select-button-item\"\n    *ngFor=\"let item of items; index as i; trackBy: trackByIndex\"\n    [ngClass]=\"{\n      'select-button-item--active': isActive(item),\n      'select-button-item--disabled': disabled || item.disabled,\n      'select-button-item--first': i === 0,\n      'select-button-item--last': i === items.length - 1\n    }\"\n    [attr.aria-pressed]=\"isActive(item)\"\n    [disabled]=\"disabled || item.disabled\"\n    (click)=\"onItemSelect(item)\">\n    <span class=\"select-button-item__label\">{{ item.label }}</span>\n  </button>\n</div>\n", styles: [".select-button{display:inline-flex;align-items:stretch}.select-button--disabled{pointer-events:none;opacity:.6}.select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:Open Sans,sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], compareWith: [{
+                type: Input
+            }], itemSelected: [{
+                type: Output
+            }], itemClicked: [{
+                type: Output
+            }] } });
 
 class RowCardComponent {
     data;
     options;
     isExpanded = false;
     detailTemplate;
-    expandClick = new EventEmitter();
+    cardClick = new EventEmitter();
     cardButtonClick = new EventEmitter();
     contentWrapper;
     isMobile = isMobile();
+    get expanded() {
+        return !!this.options?.expandable && !!this.isExpanded;
+    }
     ngOnChanges(changes) {
-        if (changes['isExpanded']) {
-            queueMicrotask(() => {
-                const el = this.contentWrapper?.nativeElement;
-                if (!el)
-                    return;
-                el.style.height = this.isExpanded ? el.scrollHeight + 'px' : '0px';
-            });
+        if (changes['isExpanded'] || changes['options']) {
+            queueMicrotask(() => this.updateCollapseHeight());
         }
     }
-    onCardClick(event) {
+    onCardClick() {
+        this.cardClick.emit(this.data);
+    }
+    onExpandCardClick(event) {
         if (event.target.closest('sdc-button'))
             return;
-        this.expandClick.emit();
+        this.cardClick.emit(this.data);
         event.stopPropagation();
     }
     onCardButtonClick() {
         this.cardButtonClick.emit(this.data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowCardComponent, isStandalone: true, selector: "sdc-row-card", inputs: { data: "data", options: "options", isExpanded: "isExpanded", detailTemplate: "detailTemplate" }, outputs: { expandClick: "expandClick", cardButtonClick: "cardButtonClick" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  (click)=\"onCardClick($event)\"\n  [class.border-left]=\"data.hasBorder\"\n  class=\"row-card p-4 transition-all cursor-pointer\"\n>\n  <div class=\"flex flex-column md:flex-row gap-4 align-items-start md:align-items-center w-full\">\n    <i *ngIf=\"isExpanded\" class=\"fas fa-minus\"></i>\n    <i *ngIf=\"!isExpanded\" class=\"fas fa-plus\"></i>\n    <div class=\"flex-1 min-w-0\">\n      <div\n        class=\"text-xl font-semibold mb-2 text-overflow-ellipsis white-space-nowrap overflow-hidden\"\n        [ngClass]=\"options?.leftTitleColor\"\n      >\n        {{ data.left_title }}\n      </div>\n      <div class=\"text-sm\" [ngClass]=\"options?.leftSubtitleColor\">\n        {{ data.left_subtitle }}\n      </div>\n    </div>\n    <div class=\"flex md:ml-auto gap-4 w-full md:w-auto align-items-start md:align-items-center\">\n      <div class=\"flex flex-column md:flex-row gap-2 w-full md:w-auto\">\n        <sdc-button\n          (click)=\"$event.stopPropagation()\"\n          (onClick)=\"onCardButtonClick()\"\n          [priority]=\"options?.buttonPriority!\"\n          [icon]=\"options?.buttonIcon\"\n          [label]=\"isMobile ? '' : (options!.buttonLabel! | translate)\"\n          [class]=\"isMobile ? 'w-full' : 'w-9rem'\"\n        >\n        </sdc-button>\n      </div>\n      <div\n        class=\"text-right text-sm flex flex-column gap-1 md:align-items-end w-full md:w-auto\"\n        style=\"min-width: 13rem\"\n      >\n        <span class=\"font-bold text-2xl\" [ngClass]=\"options?.rightTitleColor\">{{ data.right_title }}</span>\n        <span [ngClass]=\"options?.rightSubtitleColor\">{{ data.right_subtitle }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div #contentWrapper class=\"collapse-wrapper\" [class.show]=\"isExpanded\" (click)=\"$event.stopPropagation()\">\n    <div class=\"collapse-inner\">\n      <ng-container *ngIf=\"detailTemplate; else defaultDetail\">\n        <ng-template\n          [ngTemplateOutlet]=\"detailTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: data, data: data }\"\n        ></ng-template>\n      </ng-container>\n      <ng-template #defaultDetail>\n        <div class=\"text-sm text-700\">{{ data.wrapperDetail }}</div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.collapse-wrapper{border-radius:0 0 10px 10px;height:0;overflow:hidden;transition:height .35s ease}.collapse-inner{padding:2rem 1rem 1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease}.collapse-wrapper.show .collapse-inner{opacity:1;transform:translateY(0)}\n"], dependencies: [{ kind: "component", type: ButtonComponent$1, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    updateCollapseHeight() {
+        const el = this.contentWrapper?.nativeElement;
+        if (!el)
+            return;
+        if (!this.options?.expandable) {
+            el.style.height = '0px';
+            return;
+        }
+        el.style.height = this.expanded ? `${el.scrollHeight}px` : '0px';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RowCardComponent, isStandalone: true, selector: "sdc-row-card", inputs: { data: "data", options: "options", isExpanded: "isExpanded", detailTemplate: "detailTemplate" }, outputs: { cardClick: "cardClick", cardButtonClick: "cardButtonClick" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  (click)=\"options?.expandable ? onExpandCardClick($event) : onCardClick()\"\n  [class.border-left]=\"data.hasBorder\"\n  class=\"row-card p-3 transition-all cursor-pointer\"\n>\n  <div class=\"flex flex-column md:flex-row gap-4 align-items-start md:align-items-center w-full\">\n    @if (options?.expandable) {\n    <i *ngIf=\"expanded\" class=\"fas fa-minus\"></i>\n    <i *ngIf=\"!expanded\" class=\"fas fa-plus\"></i>\n    }\n\n    <div class=\"flex-1 min-w-0\">\n      <div\n        class=\"text-xl font-semibold mb-2 text-overflow-ellipsis white-space-nowrap overflow-hidden\"\n        [ngClass]=\"options?.leftTitleColor\"\n      >\n        {{ data.left_title }}\n      </div>\n      <div class=\"text-sm\" [ngClass]=\"options?.leftSubtitleColor\">\n        {{ data.left_subtitle }}\n      </div>\n    </div>\n\n    <div class=\"flex md:ml-auto gap-4 w-full md:w-auto align-items-start md:align-items-center\">\n      <div class=\"flex flex-column md:flex-row gap-2 w-full md:w-auto\">\n        <sdc-button\n          (click)=\"$event.stopPropagation()\"\n          (onClick)=\"onCardButtonClick()\"\n          [priority]=\"options?.buttonPriority!\"\n          [icon]=\"options?.buttonIcon\"\n          [label]=\"isMobile ? '' : (options!.buttonLabel! | translate)\"\n          [class]=\"isMobile ? 'w-full' : 'w-9rem'\"\n        >\n        </sdc-button>\n      </div>\n\n      <div\n        class=\"text-right text-sm flex flex-column gap-1 md:align-items-end w-full md:w-auto\"\n        style=\"min-width: 13rem\"\n      >\n        <span class=\"font-bold text-2xl\" [ngClass]=\"options?.rightTitleColor\">{{ data.right_title }}</span>\n        <span [ngClass]=\"options?.rightSubtitleColor\">{{ data.right_subtitle }}</span>\n      </div>\n    </div>\n  </div>\n\n  <ng-container *ngIf=\"options?.expandable\">\n    <div #contentWrapper class=\"collapse-wrapper\" [class.show]=\"expanded\" (click)=\"$event.stopPropagation()\">\n      <div class=\"collapse-inner\">\n        <ng-container *ngIf=\"detailTemplate; else defaultDetail\">\n          <ng-template\n            [ngTemplateOutlet]=\"detailTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: data, data: data }\"\n          ></ng-template>\n        </ng-container>\n\n        <ng-template #defaultDetail>\n          <div class=\"text-sm text-700\">{{ data.wrapperDetail }}</div>\n        </ng-template>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.collapse-wrapper{border-radius:0 0 10px 10px;height:0;overflow:hidden;transition:height .35s ease}.collapse-inner{padding:2rem 1rem 1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease}.collapse-wrapper.show .collapse-inner{opacity:1;transform:translateY(0)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowCardComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sdc-row-card', imports: [ButtonComponent$1, TranslateModule, NgClass, NgIf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div\n  (click)=\"onCardClick($event)\"\n  [class.border-left]=\"data.hasBorder\"\n  class=\"row-card p-4 transition-all cursor-pointer\"\n>\n  <div class=\"flex flex-column md:flex-row gap-4 align-items-start md:align-items-center w-full\">\n    <i *ngIf=\"isExpanded\" class=\"fas fa-minus\"></i>\n    <i *ngIf=\"!isExpanded\" class=\"fas fa-plus\"></i>\n    <div class=\"flex-1 min-w-0\">\n      <div\n        class=\"text-xl font-semibold mb-2 text-overflow-ellipsis white-space-nowrap overflow-hidden\"\n        [ngClass]=\"options?.leftTitleColor\"\n      >\n        {{ data.left_title }}\n      </div>\n      <div class=\"text-sm\" [ngClass]=\"options?.leftSubtitleColor\">\n        {{ data.left_subtitle }}\n      </div>\n    </div>\n    <div class=\"flex md:ml-auto gap-4 w-full md:w-auto align-items-start md:align-items-center\">\n      <div class=\"flex flex-column md:flex-row gap-2 w-full md:w-auto\">\n        <sdc-button\n          (click)=\"$event.stopPropagation()\"\n          (onClick)=\"onCardButtonClick()\"\n          [priority]=\"options?.buttonPriority!\"\n          [icon]=\"options?.buttonIcon\"\n          [label]=\"isMobile ? '' : (options!.buttonLabel! | translate)\"\n          [class]=\"isMobile ? 'w-full' : 'w-9rem'\"\n        >\n        </sdc-button>\n      </div>\n      <div\n        class=\"text-right text-sm flex flex-column gap-1 md:align-items-end w-full md:w-auto\"\n        style=\"min-width: 13rem\"\n      >\n        <span class=\"font-bold text-2xl\" [ngClass]=\"options?.rightTitleColor\">{{ data.right_title }}</span>\n        <span [ngClass]=\"options?.rightSubtitleColor\">{{ data.right_subtitle }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div #contentWrapper class=\"collapse-wrapper\" [class.show]=\"isExpanded\" (click)=\"$event.stopPropagation()\">\n    <div class=\"collapse-inner\">\n      <ng-container *ngIf=\"detailTemplate; else defaultDetail\">\n        <ng-template\n          [ngTemplateOutlet]=\"detailTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: data, data: data }\"\n        ></ng-template>\n      </ng-container>\n      <ng-template #defaultDetail>\n        <div class=\"text-sm text-700\">{{ data.wrapperDetail }}</div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.collapse-wrapper{border-radius:0 0 10px 10px;height:0;overflow:hidden;transition:height .35s ease}.collapse-inner{padding:2rem 1rem 1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease}.collapse-wrapper.show .collapse-inner{opacity:1;transform:translateY(0)}\n"] }]
+            args: [{ standalone: true, selector: 'sdc-row-card', imports: [ButtonComponent, TranslateModule, NgClass, NgIf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div\n  (click)=\"options?.expandable ? onExpandCardClick($event) : onCardClick()\"\n  [class.border-left]=\"data.hasBorder\"\n  class=\"row-card p-3 transition-all cursor-pointer\"\n>\n  <div class=\"flex flex-column md:flex-row gap-4 align-items-start md:align-items-center w-full\">\n    @if (options?.expandable) {\n    <i *ngIf=\"expanded\" class=\"fas fa-minus\"></i>\n    <i *ngIf=\"!expanded\" class=\"fas fa-plus\"></i>\n    }\n\n    <div class=\"flex-1 min-w-0\">\n      <div\n        class=\"text-xl font-semibold mb-2 text-overflow-ellipsis white-space-nowrap overflow-hidden\"\n        [ngClass]=\"options?.leftTitleColor\"\n      >\n        {{ data.left_title }}\n      </div>\n      <div class=\"text-sm\" [ngClass]=\"options?.leftSubtitleColor\">\n        {{ data.left_subtitle }}\n      </div>\n    </div>\n\n    <div class=\"flex md:ml-auto gap-4 w-full md:w-auto align-items-start md:align-items-center\">\n      <div class=\"flex flex-column md:flex-row gap-2 w-full md:w-auto\">\n        <sdc-button\n          (click)=\"$event.stopPropagation()\"\n          (onClick)=\"onCardButtonClick()\"\n          [priority]=\"options?.buttonPriority!\"\n          [icon]=\"options?.buttonIcon\"\n          [label]=\"isMobile ? '' : (options!.buttonLabel! | translate)\"\n          [class]=\"isMobile ? 'w-full' : 'w-9rem'\"\n        >\n        </sdc-button>\n      </div>\n\n      <div\n        class=\"text-right text-sm flex flex-column gap-1 md:align-items-end w-full md:w-auto\"\n        style=\"min-width: 13rem\"\n      >\n        <span class=\"font-bold text-2xl\" [ngClass]=\"options?.rightTitleColor\">{{ data.right_title }}</span>\n        <span [ngClass]=\"options?.rightSubtitleColor\">{{ data.right_subtitle }}</span>\n      </div>\n    </div>\n  </div>\n\n  <ng-container *ngIf=\"options?.expandable\">\n    <div #contentWrapper class=\"collapse-wrapper\" [class.show]=\"expanded\" (click)=\"$event.stopPropagation()\">\n      <div class=\"collapse-inner\">\n        <ng-container *ngIf=\"detailTemplate; else defaultDetail\">\n          <ng-template\n            [ngTemplateOutlet]=\"detailTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: data, data: data }\"\n          ></ng-template>\n        </ng-container>\n\n        <ng-template #defaultDetail>\n          <div class=\"text-sm text-700\">{{ data.wrapperDetail }}</div>\n        </ng-template>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.collapse-wrapper{border-radius:0 0 10px 10px;height:0;overflow:hidden;transition:height .35s ease}.collapse-inner{padding:2rem 1rem 1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease}.collapse-wrapper.show .collapse-inner{opacity:1;transform:translateY(0)}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], options: [{
@@ -2495,7 +2988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], detailTemplate: [{
                 type: Input
-            }], expandClick: [{
+            }], cardClick: [{
                 type: Output
             }], cardButtonClick: [{
                 type: Output
@@ -2509,10 +3002,10 @@ class RowCardListComponent {
     loading = false;
     config = DEFAULT_ROW_CARD_LIST_OPTIONS;
     cardButtonClick = new EventEmitter();
-    expandCard = new EventEmitter();
+    cardClick = new EventEmitter();
     detailTemplate;
-    isMobile = isMobile$1();
-    isTablet = isTablet$1();
+    isMobile = isMobile();
+    isTablet = isTablet();
     options = signal(DEFAULT_ROW_CARD_LIST_OPTIONS);
     emptyTitle = computed(() => this.options().empty?.title ?? '');
     emptyText = computed(() => this.options().empty?.message ?? '');
@@ -2585,7 +3078,7 @@ class RowCardListComponent {
     onButtonExpand(card) {
         const isOpen = this.expandedCardId() === card.id;
         this.expandedCardId.set(isOpen ? null : card.id);
-        this.expandCard.emit(card);
+        this.cardClick.emit(card);
     }
     applyConfigOptions() {
         const base = DEFAULT_ROW_CARD_LIST_OPTIONS;
@@ -2620,12 +3113,12 @@ class RowCardListComponent {
             return JSON.stringify(obj ?? {});
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RowCardListComponent, isStandalone: true, selector: "sdc-row-card-list", inputs: { data: "data", loading: "loading", config: "config" }, outputs: { cardButtonClick: "cardButtonClick", expandCard: "expandCard" }, queries: [{ propertyName: "detailTemplate", first: true, predicate: ["rowCardDetail"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-row-card-list\">\n  @if (loading) {\n  <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n  } @else { @if (pagedData().length) { @for (card of pagedData(); track card.id) {\n  <div class=\"sdc-row-card-item\">\n    <sdc-row-card\n      (cardButtonClick)=\"onCardButtonClick(card)\"\n      (expandClick)=\"onButtonExpand(card)\"\n      [options]=\"options().customCard\"\n      [data]=\"card\"\n      [isExpanded]=\"expandedCardId() === card.id\"\n      [detailTemplate]=\"detailTemplate\"\n    >\n    </sdc-row-card>\n  </div>\n  } } @else {\n  <s-empty-state\n    id=\"cardlist-empty\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle() | translate\"\n    [description]=\"emptyText() | translate\"\n    class=\"sdc-cardlist-empty-state\"\n  ></s-empty-state>\n  } @if (options().enablePagination) {\n  <div class=\"sdc-paginator-wrap flex justify-content-start\" [class.justify-content-center]=\"isMobile || isTablet\">\n    <sdc-paginator\n      style=\"min-width: 100%\"\n      [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n      (pageChange)=\"onChangePaginator($event)\"\n      [first]=\"page().first\"\n      [rows]=\"page().rows\"\n      [totalRecords]=\"filtered().length\"\n      [isMobile]=\"isMobile\"\n    >\n    </sdc-paginator>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.sdc-row-card-list{min-height:30rem;min-width:17rem;align-content:center}.sdc-row-card-list ::ng-deep .sdc-row-card-item sdc-row-card .row-card{border-inline:1px solid var(--sdc-formfield-default-border);border-block:0;border-radius:0}.sdc-row-card-list ::ng-deep .sdc-row-card-item:not(:last-child) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:first-child sdc-row-card .row-card{border-block-start:1px solid var(--sdc-formfield-default-border);border-start-start-radius:var(--sdc-formfield-border-radius);border-start-end-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:nth-last-child(1 of.sdc-row-card-item) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border);border-end-end-radius:var(--sdc-formfield-border-radius);border-end-start-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:only-child sdc-row-card .row-card{border:1px solid var(--sdc-formfield-default-border);border-radius:var(--sdc-formfield-border-radius)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "component", type: RowCardComponent, selector: "sdc-row-card", inputs: ["data", "options", "isExpanded", "detailTemplate"], outputs: ["expandClick", "cardButtonClick"] }, { kind: "component", type: PaginatorComponent, selector: "sdc-paginator", inputs: ["first", "rows", "totalRecords", "rowsPerPageOptions", "isMobile", "totalRecordsLabel"], outputs: ["pageChange"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3$2.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: i2$3.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RowCardListComponent, isStandalone: true, selector: "sdc-row-card-list", inputs: { data: "data", loading: "loading", config: "config" }, outputs: { cardButtonClick: "cardButtonClick", cardClick: "cardClick" }, queries: [{ propertyName: "detailTemplate", first: true, predicate: ["rowCardDetail"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-row-card-list\" [class.align-content-center]=\"loading\">\n  @if (loading) {\n  <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n  } @else { @if (pagedData().length) { @for (card of pagedData(); track card.id) {\n  <div class=\"sdc-row-card-item\">\n    <sdc-row-card\n      (cardButtonClick)=\"onCardButtonClick(card)\"\n      (cardClick)=\"onButtonExpand(card)\"\n      [options]=\"options().customCard\"\n      [data]=\"card\"\n      [isExpanded]=\"expandedCardId() === card.id\"\n      [detailTemplate]=\"detailTemplate\"\n    >\n    </sdc-row-card>\n  </div>\n  } } @else {\n  <s-empty-state\n    id=\"cardlist-empty\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle() | translate\"\n    [description]=\"emptyText() | translate\"\n    class=\"sdc-cardlist-empty-state\"\n  ></s-empty-state>\n  } @if (options().enablePagination) {\n  <div class=\"sdc-paginator-wrap flex justify-content-start\" [class.justify-content-center]=\"isMobile || isTablet\">\n    <sdc-paginator\n      style=\"min-width: 100%\"\n      [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n      (pageChange)=\"onChangePaginator($event)\"\n      [first]=\"page().first\"\n      [rows]=\"page().rows\"\n      [totalRecords]=\"filtered().length\"\n      [isMobile]=\"isMobile\"\n    >\n    </sdc-paginator>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.sdc-row-card-list{min-height:30rem;min-width:17rem}.sdc-row-card-list ::ng-deep .sdc-row-card-item sdc-row-card .row-card{border-inline:1px solid var(--sdc-formfield-default-border);border-block:0;border-radius:0}.sdc-row-card-list ::ng-deep .sdc-row-card-item:not(:last-child) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:first-child sdc-row-card .row-card{border-block-start:1px solid var(--sdc-formfield-default-border);border-start-start-radius:var(--sdc-formfield-border-radius);border-start-end-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:nth-last-child(1 of.sdc-row-card-item) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border);border-end-end-radius:var(--sdc-formfield-border-radius);border-end-start-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:only-child sdc-row-card .row-card{border:1px solid var(--sdc-formfield-default-border);border-radius:var(--sdc-formfield-border-radius)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }, { kind: "component", type: RowCardComponent, selector: "sdc-row-card", inputs: ["data", "options", "isExpanded", "detailTemplate"], outputs: ["cardClick", "cardButtonClick"] }, { kind: "component", type: PaginatorComponent, selector: "sdc-paginator", inputs: ["first", "rows", "totalRecords", "rowsPerPageOptions", "isMobile", "totalRecordsLabel"], outputs: ["pageChange"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3$2.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: i2$2.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowCardListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowCardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-row-card-list', standalone: true, imports: [CommonModule, TranslateModule, RowCardComponent, PaginatorComponent, EmptyStateModule, LoadingStateModule], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-row-card-list\">\n  @if (loading) {\n  <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n  } @else { @if (pagedData().length) { @for (card of pagedData(); track card.id) {\n  <div class=\"sdc-row-card-item\">\n    <sdc-row-card\n      (cardButtonClick)=\"onCardButtonClick(card)\"\n      (expandClick)=\"onButtonExpand(card)\"\n      [options]=\"options().customCard\"\n      [data]=\"card\"\n      [isExpanded]=\"expandedCardId() === card.id\"\n      [detailTemplate]=\"detailTemplate\"\n    >\n    </sdc-row-card>\n  </div>\n  } } @else {\n  <s-empty-state\n    id=\"cardlist-empty\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle() | translate\"\n    [description]=\"emptyText() | translate\"\n    class=\"sdc-cardlist-empty-state\"\n  ></s-empty-state>\n  } @if (options().enablePagination) {\n  <div class=\"sdc-paginator-wrap flex justify-content-start\" [class.justify-content-center]=\"isMobile || isTablet\">\n    <sdc-paginator\n      style=\"min-width: 100%\"\n      [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n      (pageChange)=\"onChangePaginator($event)\"\n      [first]=\"page().first\"\n      [rows]=\"page().rows\"\n      [totalRecords]=\"filtered().length\"\n      [isMobile]=\"isMobile\"\n    >\n    </sdc-paginator>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.sdc-row-card-list{min-height:30rem;min-width:17rem;align-content:center}.sdc-row-card-list ::ng-deep .sdc-row-card-item sdc-row-card .row-card{border-inline:1px solid var(--sdc-formfield-default-border);border-block:0;border-radius:0}.sdc-row-card-list ::ng-deep .sdc-row-card-item:not(:last-child) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:first-child sdc-row-card .row-card{border-block-start:1px solid var(--sdc-formfield-default-border);border-start-start-radius:var(--sdc-formfield-border-radius);border-start-end-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:nth-last-child(1 of.sdc-row-card-item) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border);border-end-end-radius:var(--sdc-formfield-border-radius);border-end-start-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:only-child sdc-row-card .row-card{border:1px solid var(--sdc-formfield-default-border);border-radius:var(--sdc-formfield-border-radius)}\n"] }]
+            args: [{ selector: 'sdc-row-card-list', standalone: true, imports: [CommonModule, TranslateModule, RowCardComponent, PaginatorComponent, EmptyStateModule, LoadingStateModule], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-row-card-list\" [class.align-content-center]=\"loading\">\n  @if (loading) {\n  <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\" class=\"sdc-cardlist-loading-state\"></s-loading-state>\n  } @else { @if (pagedData().length) { @for (card of pagedData(); track card.id) {\n  <div class=\"sdc-row-card-item\">\n    <sdc-row-card\n      (cardButtonClick)=\"onCardButtonClick(card)\"\n      (cardClick)=\"onButtonExpand(card)\"\n      [options]=\"options().customCard\"\n      [data]=\"card\"\n      [isExpanded]=\"expandedCardId() === card.id\"\n      [detailTemplate]=\"detailTemplate\"\n    >\n    </sdc-row-card>\n  </div>\n  } } @else {\n  <s-empty-state\n    id=\"cardlist-empty\"\n    iconClass=\"fa fa-inbox\"\n    [title]=\"emptyTitle() | translate\"\n    [description]=\"emptyText() | translate\"\n    class=\"sdc-cardlist-empty-state\"\n  ></s-empty-state>\n  } @if (options().enablePagination) {\n  <div class=\"sdc-paginator-wrap flex justify-content-start\" [class.justify-content-center]=\"isMobile || isTablet\">\n    <sdc-paginator\n      style=\"min-width: 100%\"\n      [totalRecordsLabel]=\"totalRecordsLabel() | translate\"\n      (pageChange)=\"onChangePaginator($event)\"\n      [first]=\"page().first\"\n      [rows]=\"page().rows\"\n      [totalRecords]=\"filtered().length\"\n      [isMobile]=\"isMobile\"\n    >\n    </sdc-paginator>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.sdc-row-card-list{min-height:30rem;min-width:17rem}.sdc-row-card-list ::ng-deep .sdc-row-card-item sdc-row-card .row-card{border-inline:1px solid var(--sdc-formfield-default-border);border-block:0;border-radius:0}.sdc-row-card-list ::ng-deep .sdc-row-card-item:not(:last-child) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:first-child sdc-row-card .row-card{border-block-start:1px solid var(--sdc-formfield-default-border);border-start-start-radius:var(--sdc-formfield-border-radius);border-start-end-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:nth-last-child(1 of.sdc-row-card-item) sdc-row-card .row-card{border-block-end:1px solid var(--sdc-formfield-default-border);border-end-end-radius:var(--sdc-formfield-border-radius);border-end-start-radius:var(--sdc-formfield-border-radius)}.sdc-row-card-list ::ng-deep .sdc-row-card-item:only-child sdc-row-card .row-card{border:1px solid var(--sdc-formfield-default-border);border-radius:var(--sdc-formfield-border-radius)}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], loading: [{
@@ -2634,7 +3127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], cardButtonClick: [{
                 type: Output
-            }], expandCard: [{
+            }], cardClick: [{
                 type: Output
             }], detailTemplate: [{
                 type: ContentChild,
@@ -2654,6 +3147,8 @@ class FiltersComponent {
     ngOnChanges(_changes) {
         this.buildOptionsMap();
         this.ensureModels();
+        this.applyPresetsFromConfig();
+        this.applyInitialStateFromConfig();
         this.applyAndEmitAsync();
     }
     ngOnDestroy() {
@@ -2680,9 +3175,14 @@ class FiltersComponent {
             fields: (s?.fields ?? []),
             placeholder: s?.placeholder,
             triggerMode: s?.triggerMode ?? 'auto',
-            show: s?.show ?? true
+            show: s?.show ?? true,
+            label: s?.label
         };
     }
+    getInitialState() {
+        const c = this.config;
+        return c?.initialState;
+    }
     readPath(obj, path) {
         return path.split('.').reduce((acc, part) => (acc && typeof acc === 'object' ? acc[part] : undefined), obj);
     }
@@ -2746,6 +3246,27 @@ class FiltersComponent {
             }
         }
     }
+    applyPresetsFromConfig() {
+        for (const def of this.getFilters()) {
+            const preset = def?.preset;
+            if (preset && (!this.selectedValues[def.key] || (Array.isArray(this.selectedValues[def.key]) && this.selectedValues[def.key].length === 0))) {
+                this.selectedValues[def.key] = Array.isArray(preset) ? preset.slice() : preset;
+            }
+        }
+    }
+    applyInitialStateFromConfig() {
+        const init = this.getInitialState();
+        if (!init)
+            return;
+        if (typeof init.search === 'string') {
+            this.searchTerm.set(init.search.trim());
+        }
+        if (init.filters) {
+            for (const [k, v] of Object.entries(init.filters)) {
+                this.selectedValues[k] = Array.isArray(v) ? v.slice() : v;
+            }
+        }
+    }
     normalizeToValues(def, model) {
         const arr = Array.isArray(model) ? model : model != null ? [model] : [];
         return arr
@@ -2776,9 +3297,7 @@ class FiltersComponent {
             const v = this.getFieldValue(row, f);
             if (Array.isArray(v))
                 return v.join(' ').toLowerCase().includes(term);
-            return String(v ?? '')
-                .toLowerCase()
-                .includes(term);
+            return String(v ?? '').toLowerCase().includes(term);
         });
     }
     computeFiltered() {
@@ -2792,10 +3311,10 @@ class FiltersComponent {
                 this.filtered.emit(result);
         }, 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FiltersComponent, isStandalone: true, selector: "sdc-filters", inputs: { data: "data", config: "config", loading: "loading" }, outputs: { filtered: "filtered" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"grid mt-3 min-h-10rem\">\n  @if (config!.search!.show !== false) {\n  <div class=\"col-12 md:col-12 lg:col-6 xl:col-4\">\n    <sdc-searchbox\n      [disabled]=\"loading\"\n      [placeholder]=\"config!.search!.placeholder || ''\"\n      [size]=\"'small'\"\n      [triggerMode]=\"config!.search!.triggerMode || 'auto'\"\n      (onSearch)=\"onSearch($event)\"\n      (onClear)=\"onClear()\"\n    >\n    </sdc-searchbox>\n  </div>\n  } @if (config!.filters!.length) { @for (def of config.filters; track def.key) {\n  <div class=\"col-12 md:col-6 lg:col-3 xl:col-2\" [class.mb-3]=\"isMobile\">\n    <sdc-combobox\n      width=\"100%\"\n      [disabled]=\"loading\"\n      [placeholder]=\"def.placeholder\"\n      [multiple]=\"(def.type ?? 'multiselect') === 'multiselect'\"\n      [options]=\"filterOptionsMap[def.key]\"\n      [(ngModel)]=\"selectedValues[def.key]\"\n      (ngModelChange)=\"onComboChange(def.key, $event)\"\n    >\n    </sdc-combobox>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: SearchboxComponent, selector: "sdc-searchbox", inputs: ["triggerMode"], outputs: ["onSearch", "onClear"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: ComboboxComponent, selector: "sdc-combobox", inputs: ["multiple", "appendTo", "zIndex", "options", "overrideChipMessage", "maxSelectedLabels"], outputs: ["onSelectedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FiltersComponent, isStandalone: true, selector: "sdc-filters", inputs: { data: "data", config: "config", loading: "loading" }, outputs: { filtered: "filtered" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"grid min-h-10rem\">\n  @if (config!.search!.show !== false) {\n  <div class=\"col-12 md:col-12 lg:col-6 xl:col-4\">\n    <sdc-searchbox\n      [disabled]=\"loading\"\n      [label]=\"config!.search!.label || ''\"\n      [placeholder]=\"config!.search!.placeholder || ''\"\n      [size]=\"'small'\"\n      [triggerMode]=\"config!.search!.triggerMode || 'auto'\"\n      (onSearch)=\"onSearch($event)\"\n      (onClear)=\"onClear()\"\n    >\n    </sdc-searchbox>\n  </div>\n  } @if (config!.filters!.length) { @for (def of config.filters; track def.key) {\n  <div class=\"col-12 md:col-6 lg:col-3 xl:col-2\" [class.mb-3]=\"isMobile\">\n    <sdc-combobox\n      width=\"100%\"\n      [label]=\"def.label || ''\"\n      [disabled]=\"loading\"\n      [placeholder]=\"def.placeholder || ''\"\n      [multiple]=\"(def.type ?? 'multiselect') === 'multiselect'\"\n      [options]=\"filterOptionsMap[def.key]\"\n      [(ngModel)]=\"selectedValues[def.key]\"\n      (ngModelChange)=\"onComboChange(def.key, $event)\"\n    >\n    </sdc-combobox>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: SearchboxComponent, selector: "sdc-searchbox", inputs: ["triggerMode"], outputs: ["onSearch", "onClear"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: ComboboxComponent, selector: "sdc-combobox", inputs: ["multiple", "appendTo", "zIndex", "options", "overrideChipMessage", "maxSelectedLabels", "showClear"], outputs: ["onSelectedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sdc-filters', standalone: true, imports: [
                         CommonModule,
@@ -2806,7 +3325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         InputGroupAddonModule,
                         MultiSelectModule,
                         ComboboxComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"grid mt-3 min-h-10rem\">\n  @if (config!.search!.show !== false) {\n  <div class=\"col-12 md:col-12 lg:col-6 xl:col-4\">\n    <sdc-searchbox\n      [disabled]=\"loading\"\n      [placeholder]=\"config!.search!.placeholder || ''\"\n      [size]=\"'small'\"\n      [triggerMode]=\"config!.search!.triggerMode || 'auto'\"\n      (onSearch)=\"onSearch($event)\"\n      (onClear)=\"onClear()\"\n    >\n    </sdc-searchbox>\n  </div>\n  } @if (config!.filters!.length) { @for (def of config.filters; track def.key) {\n  <div class=\"col-12 md:col-6 lg:col-3 xl:col-2\" [class.mb-3]=\"isMobile\">\n    <sdc-combobox\n      width=\"100%\"\n      [disabled]=\"loading\"\n      [placeholder]=\"def.placeholder\"\n      [multiple]=\"(def.type ?? 'multiselect') === 'multiselect'\"\n      [options]=\"filterOptionsMap[def.key]\"\n      [(ngModel)]=\"selectedValues[def.key]\"\n      (ngModelChange)=\"onComboChange(def.key, $event)\"\n    >\n    </sdc-combobox>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"grid min-h-10rem\">\n  @if (config!.search!.show !== false) {\n  <div class=\"col-12 md:col-12 lg:col-6 xl:col-4\">\n    <sdc-searchbox\n      [disabled]=\"loading\"\n      [label]=\"config!.search!.label || ''\"\n      [placeholder]=\"config!.search!.placeholder || ''\"\n      [size]=\"'small'\"\n      [triggerMode]=\"config!.search!.triggerMode || 'auto'\"\n      (onSearch)=\"onSearch($event)\"\n      (onClear)=\"onClear()\"\n    >\n    </sdc-searchbox>\n  </div>\n  } @if (config!.filters!.length) { @for (def of config.filters; track def.key) {\n  <div class=\"col-12 md:col-6 lg:col-3 xl:col-2\" [class.mb-3]=\"isMobile\">\n    <sdc-combobox\n      width=\"100%\"\n      [label]=\"def.label || ''\"\n      [disabled]=\"loading\"\n      [placeholder]=\"def.placeholder || ''\"\n      [multiple]=\"(def.type ?? 'multiselect') === 'multiselect'\"\n      [options]=\"filterOptionsMap[def.key]\"\n      [(ngModel)]=\"selectedValues[def.key]\"\n      (ngModelChange)=\"onComboChange(def.key, $event)\"\n    >\n    </sdc-combobox>\n  </div>\n  } }\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}\n"] }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2819,9 +3338,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+// primeng services
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CONSTANTS, CardListComponent, CheckboxComponent, ComboboxComponent, ConfirmComponent, FiltersComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PaginatorComponent, PanelComponent, RowCardListComponent, SQL_HELPER, ScaffoldComponent, SearchboxComponent, SidebarComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TabComponent, TabItemComponent, TableComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, provideDataCoreLib, provideTranslations, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
+export { ButtonComponent, CONSTANTS, CardListComponent, CheckboxComponent, CodeEditorComponent, ComboboxComponent, ConfirmComponent, DEFAULT_CARD_LIST_OPTIONS, DEFAULT_ROW_CARD_LIST_OPTIONS, DEFAULT_TABLE_OPTIONS, FiltersComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PaginatorComponent, PanelComponent, RowCardListComponent, SQL_HELPER, ScaffoldComponent, SearchboxComponent, SelectButtonComponent, SidebarComponent, SpinnerComponent, SpinnerService, TabComponent, TabItemComponent, TableComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, isDesktop, isMobile, isTablet, mockRowCardList, provideDataCoreLib, provideGlobalStyles, provideTranslations, range, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
 //# sourceMappingURL=seniorsistemas-data-seniorx-core.mjs.map