@seniorsistemas/data-seniorx-core 1.4.0 → 1.5.0

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

@@ -43,6 +43,8 @@ import { autocompletion } from '@codemirror/autocomplete';
 import { ayuLight } from 'thememirror';
 import { basicSetup } from 'codemirror';
 import { sql, PostgreSQL } from '@codemirror/lang-sql';
+import * as i3$4 from 'primeng/keyfilter';
+import { KeyFilterModule } from 'primeng/keyfilter';
 import * as i2$2 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
 
@@ -690,6 +692,10 @@ class InputsComponent {
     size = undefined;
     value = null;
     width = false;
+    keyFilter;
+    maxlength = 100;
+    infoIcon = false;
+    tooltipIcon = '';
     valueChange = new EventEmitter();
     onChange = (_) => { };
     onTouched = () => { };
@@ -751,7 +757,7 @@ class InputsComponent {
         };
     }
     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" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputsComponent, decorators: [{
             type: Directive
@@ -775,6 +781,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], width: [{
                 type: Input
+            }], keyFilter: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], infoIcon: [{
+                type: Input
+            }], tooltipIcon: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }] } });
@@ -974,11 +988,11 @@ class ListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, isStandalone: true, selector: "sdc-list", inputs: { loading: "loading", items: "items", actions: "actions" }, ngImport: i0, template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"loading\">\n            <td colspan=\"2\" class=\"center-items\">\n                <p-progress-spinner\n                    [style]=\"getStyle()\"\n                    animationDuration=\".5s\"\n                    fill=\"transparent\"\n                    strokeWidth=\"8\"\n                    />\n            </td>\n        </tr>\n        <tr *ngIf=\"isEmpty()\">\n            <td colspan=\"2\" class=\"center-items\">\n                {{ 'platform.datacore.empty_list' | translate }}\n            </td>\n        </tr>\n        <tr *ngFor=\"let item of dataItems\">\n            <td class=\"row\">\n                <div class=\"content\">\n                    {{ item.content }} \n                </div>\n                <div class=\"actions\">\n                    <p-button\n                        *ngFor=\"let action of dataActions\"\n                        (onClick)=\"action.action && action.action(action.name, item.id)\"\n                        [disabled]=\"action.disabled\"\n                        [icon]=\"action.icon\"\n                        [label]=\"action.label\"\n                        [severity]=\"action.severity\"\n                        pTooltip=\"{{ action.tooltip ?? ''}}\"\n                        size=\"small\"\n                    />\n                </div>\n            </td>\n        </tr>\n    </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, isStandalone: true, selector: "sdc-list", inputs: { loading: "loading", items: "items", actions: "actions" }, ngImport: i0, template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"loading\">\n            <td colspan=\"2\" class=\"center-items\">\n                <p-progress-spinner\n                    [style]=\"getStyle()\"\n                    animationDuration=\".5s\"\n                    fill=\"transparent\"\n                    strokeWidth=\"8\"\n                    />\n            </td>\n        </tr>\n        <tr *ngIf=\"isEmpty()\">\n            <td colspan=\"2\" class=\"center-items\">\n                {{ 'platform.datacore.empty_list' | translate }}\n            </td>\n        </tr>\n        <tr *ngFor=\"let item of dataItems\">\n            <td class=\"row\">\n                <div class=\"content\">\n                    {{ item.content }} \n                </div>\n                <div class=\"actions\">\n                    <p-button\n                        *ngFor=\"let action of dataActions\"\n                        (onClick)=\"action.action && action.action(action.name, item.id)\"\n                        [disabled]=\"action.disabled\"\n                        [icon]=\"action.icon\"\n                        [label]=\"action.label\"\n                        [severity]=\"action.severity\"\n                        pTooltip=\"{{ action.tooltip ?? ''}}\"\n                        tooltipZIndex=\"9999999\"\n                        size=\"small\"\n                    />\n                </div>\n            </td>\n        </tr>\n    </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ButtonModule, CommonModule, ProgressSpinnerModule, TableModule, TooltipModule, TranslateModule], standalone: true, selector: 'sdc-list', template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"loading\">\n            <td colspan=\"2\" class=\"center-items\">\n                <p-progress-spinner\n                    [style]=\"getStyle()\"\n                    animationDuration=\".5s\"\n                    fill=\"transparent\"\n                    strokeWidth=\"8\"\n                    />\n            </td>\n        </tr>\n        <tr *ngIf=\"isEmpty()\">\n            <td colspan=\"2\" class=\"center-items\">\n                {{ 'platform.datacore.empty_list' | translate }}\n            </td>\n        </tr>\n        <tr *ngFor=\"let item of dataItems\">\n            <td class=\"row\">\n                <div class=\"content\">\n                    {{ item.content }} \n                </div>\n                <div class=\"actions\">\n                    <p-button\n                        *ngFor=\"let action of dataActions\"\n                        (onClick)=\"action.action && action.action(action.name, item.id)\"\n                        [disabled]=\"action.disabled\"\n                        [icon]=\"action.icon\"\n                        [label]=\"action.label\"\n                        [severity]=\"action.severity\"\n                        pTooltip=\"{{ action.tooltip ?? ''}}\"\n                        size=\"small\"\n                    />\n                </div>\n            </td>\n        </tr>\n    </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"] }]
+            args: [{ imports: [ButtonModule, CommonModule, ProgressSpinnerModule, TableModule, TooltipModule, TranslateModule], standalone: true, selector: 'sdc-list', template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"loading\">\n            <td colspan=\"2\" class=\"center-items\">\n                <p-progress-spinner\n                    [style]=\"getStyle()\"\n                    animationDuration=\".5s\"\n                    fill=\"transparent\"\n                    strokeWidth=\"8\"\n                    />\n            </td>\n        </tr>\n        <tr *ngIf=\"isEmpty()\">\n            <td colspan=\"2\" class=\"center-items\">\n                {{ 'platform.datacore.empty_list' | translate }}\n            </td>\n        </tr>\n        <tr *ngFor=\"let item of dataItems\">\n            <td class=\"row\">\n                <div class=\"content\">\n                    {{ item.content }} \n                </div>\n                <div class=\"actions\">\n                    <p-button\n                        *ngFor=\"let action of dataActions\"\n                        (onClick)=\"action.action && action.action(action.name, item.id)\"\n                        [disabled]=\"action.disabled\"\n                        [icon]=\"action.icon\"\n                        [label]=\"action.label\"\n                        [severity]=\"action.severity\"\n                        pTooltip=\"{{ action.tooltip ?? ''}}\"\n                        tooltipZIndex=\"9999999\"\n                        size=\"small\"\n                    />\n                </div>\n            </td>\n        </tr>\n    </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"] }]
         }], propDecorators: { loading: [{
                 type: Input
             }], items: [{
@@ -990,6 +1004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ModalComponent {
     $visible = false;
     modal;
+    onHide = new EventEmitter();
     footerButtons = [];
     header = 'Modal Header';
     height = false;
@@ -1001,7 +1016,7 @@ class ModalComponent {
     zIndex = 99999;
     set visible(value) {
         this.$visible = value;
-        this.visibleChange.emit(this.visible);
+        this.visibleChange.emit(value);
         this.maximizeModal();
         fixDialogMask(value, this.zIndex, this.modal);
     }
@@ -1015,20 +1030,27 @@ class ModalComponent {
             ...getDimensionStyles('height', this.height)
         };
     }
+    onHideHandler() {
+        this.visible = false;
+        this.visibleChange.emit(this.visible);
+        this.onHide.emit();
+    }
     maximizeModal() {
-        if (this.visible && this.maximizable && this.maximize) {
+        if (this.visible && this.maximize) {
             this.modal.maximize();
         }
     }
     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: { 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    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "sdc-modal", inputs: { footerButtons: "footerButtons", header: "header", height: "height", maximizable: "maximizable", maximize: "maximize", resizable: "resizable", responsive: "responsive", width: "width", zIndex: "zIndex", visible: "visible" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    (onHide)=\"onHideHandler()\"\n    appendTo=\"body\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ imports: [ButtonModule, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"] }]
+            args: [{ imports: [ButtonModule, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', template: "<p-dialog\n    [(visible)]=\"visible\"\n    [contentStyle]=\"getStyle()\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    (onHide)=\"onHideHandler()\"\n    appendTo=\"body\"\n    #modal\n>\n    <ng-content></ng-content>\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n            <p-button\n                *ngFor=\"let btn of footerButtons\"\n                (onClick)=\"btn.action()\"\n                [icon]=\"btn.icon\"\n                [id]=\"btn.id\"\n                [label]=\"btn.label\"\n                [severity]=\"btn.severity ?? 'primary'\"\n            ></p-button>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"] }]
         }], propDecorators: { modal: [{
                 type: ViewChild,
                 args: ['modal']
+            }], onHide: [{
+                type: Output
             }], footerButtons: [{
                 type: Input
             }], header: [{
@@ -1098,7 +1120,7 @@ class SearchboxComponent {
         this.clearEvent.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchboxComponent, isStandalone: true, selector: "sdc-searchbox", inputs: { width: "width", disabled: "disabled", placeholder: "placeholder" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, ngImport: i0, template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        (keyup.enter)=\"onSearch()\"\n        (keyup.esc)=\"onClear()\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n        pInputText\n        type=\"text\"\n    />\n\n    <p-inputgroup-addon>\n        <p-button\n            (onClick)=\"onClear()\"\n            [disabled]=\"disabled\" \n            icon=\"fas fa-times\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n\n    <p-inputgroup-addon>\n        <p-button\n            (onClick)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            icon=\"fas fa-search\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5$1.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchboxComponent, isStandalone: true, selector: "sdc-searchbox", inputs: { width: "width", disabled: "disabled", placeholder: "placeholder" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, ngImport: i0, template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        (keyup.enter)=\"onSearch()\"\n        (keyup.esc)=\"onClear()\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n        pInputText\n        type=\"text\"\n    />\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onClear()\"\n            [disabled]=\"disabled\" \n            icon=\"fas fa-times\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            icon=\"fas fa-search\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [".height-100{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5$1.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
             type: Component,
@@ -1111,7 +1133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         InputTextModule,
                         ReactiveFormsModule,
                         TranslateModule
-                    ], standalone: true, selector: 'sdc-searchbox', template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        (keyup.enter)=\"onSearch()\"\n        (keyup.esc)=\"onClear()\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n        pInputText\n        type=\"text\"\n    />\n\n    <p-inputgroup-addon>\n        <p-button\n            (onClick)=\"onClear()\"\n            [disabled]=\"disabled\" \n            icon=\"fas fa-times\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n\n    <p-inputgroup-addon>\n        <p-button\n            (onClick)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            icon=\"fas fa-search\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n</p-inputgroup>\n" }]
+                    ], standalone: true, selector: 'sdc-searchbox', template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        (keyup.enter)=\"onSearch()\"\n        (keyup.esc)=\"onClear()\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n        pInputText\n        type=\"text\"\n    />\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onClear()\"\n            [disabled]=\"disabled\" \n            icon=\"fas fa-times\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n\n    <p-inputgroup-addon>\n        <p-button\n            class=\"height-100\"\n            (onClick)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            icon=\"fas fa-search\"\n            severity=\"secondary\"\n        />\n    </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [".height-100{height:100%}\n"] }]
         }], propDecorators: { width: [{
                 type: Input
             }], disabled: [{
@@ -1299,17 +1321,17 @@ class TextboxComponent extends InputsComponent {
                 useExisting: forwardRef(() => TextboxComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n    <label *ngIf=\"label\" [for]=\"identity.id\">\n        <span>{{ label }}</span>\n        <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n    </label>\n\n    <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    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".ml-3{margin-left:.5rem}.flex{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$4.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, FormsModule, ReactiveFormsModule, InputTextModule], standalone: true, selector: 'sdc-textbox', providers: [
+            args: [{ imports: [CommonModule, FormsModule, ReactiveFormsModule, InputTextModule, KeyFilterModule, TooltipModule], standalone: true, selector: 'sdc-textbox', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => TextboxComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"field-box\">\n    <label *ngIf=\"label\" [for]=\"identity.id\">\n        <span>{{ label }}</span>\n        <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n    </label>\n\n    <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    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n" }]
+                    ], template: "<div class=\"field-box\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".ml-3{margin-left:.5rem}.flex{display:flex;align-items:center}\n"] }]
         }] });
 
 class ToastComponent {
@@ -1385,9 +1407,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.MessageService }] });
 
+class ModalcComponent {
+    visible = false;
+    title = 'Modal Title';
+    footerButtons = [];
+    maximizable = false;
+    visibleChange = new EventEmitter();
+    $fullscreen = true;
+    set fullscreen(value) {
+        this.$fullscreen = value;
+    }
+    get fullscreen() {
+        return this.$fullscreen;
+    }
+    escListener = (event) => {
+        if (event.key === 'Escape' && this.visible) {
+            this.close();
+        }
+    };
+    ngOnInit() {
+        window.addEventListener('keydown', this.escListener);
+    }
+    ngOnDestroy() {
+        window.removeEventListener('keydown', this.escListener);
+    }
+    toggleFullscreen() {
+        this.$fullscreen = !this.$fullscreen;
+    }
+    close() {
+        this.visibleChange.emit(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalcComponent, isStandalone: true, selector: "sdc-modalc", inputs: { visible: "visible", title: "title", footerButtons: "footerButtons", maximizable: "maximizable" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<section *ngIf=\"visible\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n  <div class=\"modal-container\" [ngClass]=\"{ 'fullscreen': fullscreen }\">\n    <header class=\"modal-header\">\n      <h2 id=\"modal-title\">{{ title }}</h2>\n      <div class=\"modal-actions\">\n        <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n          <i class=\"fal fa-expand-arrows\"></i>\n        </button>\n        <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n          <i class=\"fal fa-times\"></i>\n        </button>\n      </div>\n    </header>\n    <main class=\"modal-body\">\n      <ng-content></ng-content>\n    </main>\n    <footer class=\"modal-footer\">\n      <div class=\"footer-actions\">\n        <ng-content select=\"[footer]\"></ng-content>\n        <p-button\n          *ngFor=\"let btn of footerButtons\"\n          (onClick)=\"btn.action()\"\n          [icon]=\"btn.icon\"\n          [id]=\"btn.id\"\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity ?? 'primary'\"\n        ></p-button>\n      </div>\n    </footer>\n  </div>\n</section>", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule, CommonModule], template: "<section *ngIf=\"visible\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n  <div class=\"modal-container\" [ngClass]=\"{ 'fullscreen': fullscreen }\">\n    <header class=\"modal-header\">\n      <h2 id=\"modal-title\">{{ title }}</h2>\n      <div class=\"modal-actions\">\n        <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n          <i class=\"fal fa-expand-arrows\"></i>\n        </button>\n        <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n          <i class=\"fal fa-times\"></i>\n        </button>\n      </div>\n    </header>\n    <main class=\"modal-body\">\n      <ng-content></ng-content>\n    </main>\n    <footer class=\"modal-footer\">\n      <div class=\"footer-actions\">\n        <ng-content select=\"[footer]\"></ng-content>\n        <p-button\n          *ngFor=\"let btn of footerButtons\"\n          (onClick)=\"btn.action()\"\n          [icon]=\"btn.icon\"\n          [id]=\"btn.id\"\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity ?? 'primary'\"\n        ></p-button>\n      </div>\n    </footer>\n  </div>\n</section>", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"] }]
+        }], propDecorators: { visible: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], footerButtons: [{
+                type: Input
+            }], maximizable: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CONSTANTS, ComboboxComponent, ConfirmComponent, HyperlinkComponent, ListComponent, ModalComponent, PanelComponent, SQL_HELPER, SearchboxComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, provideDataCoreLib, provideTranslations, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
+export { ButtonComponent, CONSTANTS, ComboboxComponent, ConfirmComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PanelComponent, SQL_HELPER, SearchboxComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, provideDataCoreLib, provideTranslations, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
 //# sourceMappingURL=seniorsistemas-data-seniorx-core.mjs.map