@seniorsistemas/data-seniorx-core 1.2.0 → 1.3.0

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

@@ -1,56 +1,165 @@
-import { ViewPlugin, Decoration, keymap, EditorView } from '@codemirror/view';
-import { RangeSetBuilder, Prec, StateEffect } from '@codemirror/state';
-import { format } from 'sql-formatter';
+import * as i1$2 from 'primeng/api';
+import { MessageService } from 'primeng/api';
+export { MessageService } from 'primeng/api';
 import { definePreset } from '@primeng/themes';
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, EventEmitter, Component, Input, Output, Directive, forwardRef, ViewChild } from '@angular/core';
+import { makeEnvironmentProviders, APP_INITIALIZER, EventEmitter, Component, Input, Output, Directive, forwardRef, ViewChild, Injectable } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { providePrimeNG } from 'primeng/config';
 import Aura from '@primeng/themes/aura';
-import * as i2 from 'primeng/button';
+import * as i6 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import { BehaviorSubject } from 'rxjs';
+import { ViewPlugin, Decoration, keymap, EditorView } from '@codemirror/view';
+import { RangeSetBuilder, Prec, StateEffect } from '@codemirror/state';
+import { format } from 'sql-formatter';
+import * as i1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i1 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import * as i3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i2$1 from 'primeng/table';
+import * as i3$1 from 'primeng/progressspinner';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import * as i4 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i4 from 'primeng/tooltip';
+import * as i5 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import * as i5 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i1$2 from 'primeng/dialog';
+import * as i4$1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i1$3 from 'primeng/api';
-import { MessageService } from 'primeng/api';
-import * as i1$4 from 'primeng/panel';
+import * as i1$3 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
-import * as i4$1 from 'primeng/inputgroupaddon';
+import * as i4$2 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 * as i6$1 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
+import * as i3$2 from 'primeng/blockui';
+import { BlockUIModule } from 'primeng/blockui';
 import { autocompletion } from '@codemirror/autocomplete';
 import { ayuLight } from 'thememirror';
 import { basicSetup } from 'codemirror';
 import { sql, PostgreSQL } from '@codemirror/lang-sql';
-import * as i2$2 from 'primeng/toast';
+import * as i2$1 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
-import * as i1$5 from 'primeng/progressspinner';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import * as i2$3 from 'primeng/blockui';
-import { BlockUIModule } from 'primeng/blockui';
+
+const SeniorTheme = definePreset(Aura, {
+    semantic: {
+        primary: {
+            50: '{blue.50}',
+            100: '{blue.100}',
+            200: '{blue.200}',
+            300: '{blue.300}',
+            400: '{blue.400}',
+            500: '{blue.500}',
+            600: '{blue.600}',
+            700: '{blue.700}',
+            800: '{blue.800}',
+            900: '{blue.900}',
+            950: '{blue.950}'
+        },
+        secondary: {
+            50: '{slate.50}',
+            100: '{slate.100}',
+            200: '{slate.200}',
+            300: '{slate.300}',
+            400: '{slate.400}',
+            500: '{slate.500}',
+            600: '{slate.600}',
+            700: '{slate.700}',
+            800: '{slate.800}',
+            900: '{slate.900}',
+            950: '{slate.950}'
+        }
+    },
+    components: {
+        progressspinner: {
+            colorScheme: {
+                light: {
+                    root: {
+                        ['color.1']: '{emerald-500}',
+                        ['color.2']: '{emerald-500}',
+                        ['color.3']: '{emerald-500}',
+                        ['color.4']: '{emerald-500}'
+                    }
+                }
+            }
+        }
+    }
+});
+function provideDataCoreLib() {
+    return makeEnvironmentProviders([
+        provideAnimationsAsync(),
+        providePrimeNG({
+            theme: {
+                preset: SeniorTheme,
+                options: {
+                    darkModeSelector: false || 'none'
+                }
+            }
+        })
+    ]);
+}
+
+function serviceProviders() {
+    return [MessageService, SpinnerService, ToastService, TranslateService];
+}
+
+var en = {
+	"platform.datacore.empty_list": "No items found!",
+	"platform.datacore.search": "Search..."
+};
+
+var es = {
+	"platform.datacore.empty_list": "Ningún elemento encontrado!",
+	"platform.datacore.search": "Buscar..."
+};
+
+var pt = {
+	"platform.datacore.empty_list": "Nenhum item encontrado!",
+	"platform.datacore.search": "Pesquisar..."
+};
+
+const defaultLocale = 'pt';
+function provideTranslations() {
+    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'));
+            };
+        }
+    };
+}
+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 = {
     WHITESPACE_REGEX: /\s/,
     PARTIAL_IDENTIFIER_REGEX: /[\w\.]*/,
     FULL_IDENTIFIER_REGEX: /^\w*$/,
+    TOAST_DEFAULT_KEY: 'toast-global',
     EMPTY: '',
-    ZERO: 0,
-    ONE: 1
+    ONE: 1,
+    THREE_K: 3000,
+    ZERO: 0
 };
 
 const SQL_HELPER = {
@@ -244,49 +353,21 @@ function getWordBeforeCursor(state, pos) {
     return words.length ? words[words.length - 1] : CONSTANTS.EMPTY;
 }
 
-const Theme = definePreset(Aura, {
-    semantic: {
-        primary: {
-            50: '{blue.50}',
-            100: '{blue.100}',
-            200: '{blue.200}',
-            300: '{blue.300}',
-            400: '{blue.400}',
-            500: '{blue.500}',
-            600: '{blue.600}',
-            700: '{blue.700}',
-            800: '{blue.800}',
-            900: '{blue.900}',
-            950: '{blue.950}'
-        },
-        secondary: {
-            50: '{slate.50}',
-            100: '{slate.100}',
-            200: '{slate.200}',
-            300: '{slate.300}',
-            400: '{slate.400}',
-            500: '{slate.500}',
-            600: '{slate.600}',
-            700: '{slate.700}',
-            800: '{slate.800}',
-            900: '{slate.900}',
-            950: '{slate.950}'
-        }
+function getDimensionStyles(type, value) {
+    if (typeof value === 'boolean' || !value) {
+        return {};
     }
-});
-function provideDataCoreLib() {
-    return makeEnvironmentProviders([
-        provideAnimationsAsync(),
-        providePrimeNG({
-            theme: {
-                preset: Theme,
-                options: {
-                    darkModeSelector: false || 'none'
-                }
-            }
-        })
-    ]);
+    return { [type]: dimensionFormat(value) };
 }
+const dimensionFormat = (value) => {
+    if (value === 'w-fill') {
+        return '100%';
+    }
+    else if (typeof value === 'number') {
+        return `${value}px`;
+    }
+    return value;
+};
 
 class ButtonComponent {
     disabled = false;
@@ -298,7 +379,7 @@ class ButtonComponent {
     type = 'button';
     onClick = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { disabled: "disabled", icon: "icon", id: "id", label: "label", severity: "severity", size: "size", type: "type" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\n    (onClick)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [severity]=\"severity\"\n    [size]=\"size\"\n    [type]=\"type\"\n>\n    <i *ngIf=\"icon\" [class]=\"icon\"></i>\n    <span>{{ label }}</span>\n</p-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { disabled: "disabled", icon: "icon", id: "id", label: "label", severity: "severity", size: "size", type: "type" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\n    (onClick)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [severity]=\"severity\"\n    [size]=\"size\"\n    [type]=\"type\"\n>\n    <i *ngIf=\"icon\" [class]=\"icon\"></i>\n    <span>{{ label }}</span>\n</p-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -321,37 +402,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-function getWidthStyles(width) {
-    if (!width || typeof width === 'boolean') {
-        return {};
-    }
-    const format = (value) => {
-        if (value === 'w100') {
-            return '100%';
-        }
-        else if (typeof value === 'number') {
-            return `${value}px`;
-        }
-        return value;
-    };
-    return { width: format(width) };
-}
-function getHeightStyles(height) {
-    if (!height || typeof height === 'boolean') {
-        return {};
-    }
-    const format = (value) => {
-        if (value === 'h100') {
-            return '100%';
-        }
-        else if (typeof value === 'number') {
-            return `${value}px`;
-        }
-        return value;
-    };
-    return { height: format(height) };
-}
-
 class InputsComponent {
     disabled = false;
     identity = {};
@@ -361,8 +411,8 @@ class InputsComponent {
     placeholder = '';
     required = false;
     size = undefined;
-    width = false;
     value = null;
+    width = false;
     valueChange = new EventEmitter();
     onChange = (_) => { };
     onTouched = () => { };
@@ -393,22 +443,22 @@ class InputsComponent {
         this.valueChange.emit(this.value);
     }
     getStyles() {
-        return getWidthStyles(this.width);
+        return getDimensionStyles('width', this.width);
     }
     getSizeStyle() {
         switch (this.size) {
             case 'small':
-                return { 'font-size': '12px', 'height': '28px' };
+                return { 'font-size': '12px', height: '28px' };
             case 'large':
-                return { 'font-size': '16px', 'height': '44px' };
+                return { 'font-size': '16px', height: '44px' };
             default:
-                return { 'font-size': '14px', 'height': '36px' };
+                return { 'font-size': '14px', height: '36px' };
         }
     }
     getInputStyle() {
         return {
             ...this.getStyles(),
-            ...this.getSizeStyle(),
+            ...this.getSizeStyle()
         };
     }
     getInvalidClass() {
@@ -424,7 +474,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", width: "width", value: "value" }, 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" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputsComponent, decorators: [{
             type: Directive
@@ -444,37 +494,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], size: [{
                 type: Input
-            }], width: [{
-                type: Input
             }], value: [{
                 type: Input
+            }], width: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }] } });
 
 class ComboboxComponent extends InputsComponent {
-    selectedValueEvent = new EventEmitter();
     options = [];
-    set initValue(value) {
-    }
+    selectedValueEvent = new EventEmitter();
     filteredItems = [];
     onSearch(event) {
         const query = event.query.toLowerCase();
         let arr = Array.isArray(this.options) ? this.options : JSON.parse(this.options);
         this.filteredItems = arr.filter(i => i.text.toLowerCase().includes(query));
+        if (this.filteredItems.length === 0) {
+            this.invalid = true;
+        }
     }
     onInput(event) {
         super.onInput(event);
         this.selectedValueEvent.emit(this.value);
+        if (this.filteredItems.length > 0) {
+            this.invalid = false;
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComboboxComponent, isStandalone: true, selector: "sdc-combobox", inputs: { options: "options", initValue: "initValue" }, outputs: { selectedValueEvent: "onSelectedItem" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComboboxComponent, isStandalone: true, selector: "sdc-combobox", inputs: { options: "options" }, outputs: { selectedValueEvent: "onSelectedItem" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ComboboxComponent),
                 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    <p-autocomplete\n        (completeMethod)=\"onSearch($event)\"\n        (ngModelChange)=\"onInput($event)\"\n        [(ngModel)]=\"value\"\n        [autoHighlight]=\"true\"\n        [disabled]=\"disabled\"\n        [dropdown]=\"true\"\n        [forceSelection]=\"true\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name ?? ''\"\n        [ngClass]=\"getInvalidClass()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [showClear]=\"true\"\n        [style]=\"getInputStyle()\"\n        [suggestions]=\"filteredItems\"\n        optionLabel=\"text\"\n        optionValue=\"value\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n    <label *ngIf=\"label\" [for]=\"identity.id\">\n        <span>{{ label }}</span>\n        <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n    </label>\n\n    <p-autocomplete\n        (completeMethod)=\"onSearch($event)\"\n        (ngModelChange)=\"onInput($event)\"\n        [(ngModel)]=\"value\"\n        [autoHighlight]=\"true\"\n        [disabled]=\"disabled\"\n        [dropdown]=\"true\"\n        [forceSelection]=\"true\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name ?? ''\"\n        [ngClass]=\"getInvalidClass()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [showClear]=\"true\"\n        [style]=\"getInputStyle()\"\n        [suggestions]=\"filteredItems\"\n        optionLabel=\"text\"\n        optionValue=\"value\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
@@ -485,13 +539,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             multi: true
                         }
                     ], template: "<div class=\"field-box\">\n    <label *ngIf=\"label\" [for]=\"identity.id\">\n        <span>{{ label }}</span>\n        <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n    </label>\n\n    <p-autocomplete\n        (completeMethod)=\"onSearch($event)\"\n        (ngModelChange)=\"onInput($event)\"\n        [(ngModel)]=\"value\"\n        [autoHighlight]=\"true\"\n        [disabled]=\"disabled\"\n        [dropdown]=\"true\"\n        [forceSelection]=\"true\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name ?? ''\"\n        [ngClass]=\"getInvalidClass()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [showClear]=\"true\"\n        [style]=\"getInputStyle()\"\n        [suggestions]=\"filteredItems\"\n        optionLabel=\"text\"\n        optionValue=\"value\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n\n\n" }]
-        }], propDecorators: { selectedValueEvent: [{
+        }], propDecorators: { options: [{
+                type: Input
+            }], selectedValueEvent: [{
                 type: Output,
                 args: ['onSelectedItem']
-            }], options: [{
-                type: Input
-            }], initValue: [{
-                type: Input
             }] } });
 
 class HyperlinkComponent {
@@ -518,7 +570,7 @@ class HyperlinkComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HyperlinkComponent, isStandalone: true, selector: "sdc-hyperlink", inputs: { href: "href", text: "text", domainFilterToken: "domainFilterToken" }, outputs: { clickEvent: "onClick", domainFilterClickEvent: "onDomainFilter" }, ngImport: i0, template: "<span *ngIf=\"!href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</span>\n\n<a *ngIf=\"href\" [href]=\"href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HyperlinkComponent, isStandalone: true, selector: "sdc-hyperlink", inputs: { href: "href", text: "text", domainFilterToken: "domainFilterToken" }, outputs: { clickEvent: "onClick", domainFilterClickEvent: "onDomainFilter" }, ngImport: i0, template: "<span *ngIf=\"!href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</span>\n\n<a *ngIf=\"href\" [href]=\"href\" class=\"hyperlink\" (click)=\"dispatchClickEvent($event)\">\n  {{ textContent }}\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, decorators: [{
             type: Component,
@@ -540,6 +592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ListComponent {
     dataItems = [];
     dataActions = [];
+    loading = false;
     set items(value) {
         this.dataItems = this.parseArray(value ?? []);
     }
@@ -549,6 +602,15 @@ class ListComponent {
     getTableStyle() {
         return { width: '100%' };
     }
+    isEmpty() {
+        return this.dataItems?.length === 0 && this.loading === false;
+    }
+    getStyle() {
+        return {
+            width: '30px',
+            height: '30px'
+        };
+    }
     parseArray(value) {
         if (Array.isArray(value)) {
             return value;
@@ -562,12 +624,14 @@ 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: { items: "items", actions: "actions" }, ngImport: i0, template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"!dataItems?.length\">\n            <td colspan=\"2\" class=\"no-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}.no-items{display:flex;align-items:center;justify-content:center;width:100%;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.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: ButtonModule }, { kind: "component", type: i2.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: TooltipModule }, { kind: "directive", type: i4.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: i5.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                        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$1.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: i6.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, TableModule, ButtonModule, TooltipModule, TranslateModule], standalone: true, selector: 'sdc-list', template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n    <ng-template #body>\n        <tr *ngIf=\"!dataItems?.length\">\n            <td colspan=\"2\" class=\"no-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}.no-items{display:flex;align-items:center;justify-content:center;width:100%;text-align:center}\n"] }]
-        }], propDecorators: { items: [{
+            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"] }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }], items: [{
                 type: Input
             }], actions: [{
                 type: Input
@@ -576,52 +640,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ModalComponent {
     $visible = false;
     modal;
+    footerButtons = [];
     header = 'Modal Header';
     height = false;
     maximizable = false;
+    maximize = false;
     resizable = false;
     responsive = false;
     width = false;
-    maximize = true;
-    get visible() {
-        return this.$visible;
-    }
+    zIndex = 99999;
     set visible(value) {
         this.$visible = value;
-        this.visibleChange.emit(value);
-        if (value && this.maximize) {
-            this.modal.maximize();
-        }
+        this.visibleChange.emit(this.visible);
+        this.maximizeModal();
+        this.fixDialogMask();
+    }
+    get visible() {
+        return this.$visible;
     }
     visibleChange = new EventEmitter();
     getStyle() {
         return {
-            ...getWidthStyles(this.width),
-            ...getHeightStyles(this.height)
+            ...getDimensionStyles('width', this.width),
+            ...getDimensionStyles('height', this.height)
         };
     }
+    maximizeModal() {
+        if (this.visible && this.maximizable && this.maximize) {
+            this.modal.maximize();
+        }
+    }
+    fixDialogMask() {
+        setTimeout(() => {
+            const dialogMask = this.modal?.el?.nativeElement?.querySelector('div.p-dialog-mask') ?? null;
+            if (!dialogMask) {
+                return;
+            }
+            if (this.visible) {
+                dialogMask.style.zIndex = this.zIndex.toString();
+                dialogMask.style.display = 'flex';
+            }
+            else {
+                dialogMask.style.display = 'none';
+            }
+        }, 100);
+    }
     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: { header: "header", height: "height", maximizable: "maximizable", resizable: "resizable", responsive: "responsive", width: "width", maximize: "maximize", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n    [(visible)]=\"visible\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    [contentStyle]=\"getStyle()\"\n    #modal\n>\n    <!-- Conte\u00FAdo -->\n    <ng-content></ng-content>\n    <!-- Footer -->\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n        </div>\n    </ng-template>\n</p-dialog>", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$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: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }] });
+    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}\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: i4$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: [CommonModule, DialogModule, ButtonModule], standalone: true, selector: 'sdc-modal', template: "<p-dialog\n    [(visible)]=\"visible\"\n    [draggable]=\"false\"\n    [header]=\"header\"\n    [maximizable]=\"maximizable\"\n    [modal]=\"true\"\n    [resizable]=\"resizable\"\n    [responsive]=\"responsive\"\n    [contentStyle]=\"getStyle()\"\n    #modal\n>\n    <!-- Conte\u00FAdo -->\n    <ng-content></ng-content>\n    <!-- Footer -->\n    <ng-template pTemplate=\"footer\">\n        <div class=\"footer\">\n            <ng-content select=\"[footer]\"></ng-content>\n        </div>\n    </ng-template>\n</p-dialog>", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap: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    #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}\n"] }]
         }], propDecorators: { modal: [{
                 type: ViewChild,
                 args: ['modal']
+            }], footerButtons: [{
+                type: Input
             }], header: [{
                 type: Input
             }], height: [{
                 type: Input
             }], maximizable: [{
                 type: Input
+            }], maximize: [{
+                type: Input
             }], resizable: [{
                 type: Input
             }], responsive: [{
                 type: Input
             }], width: [{
                 type: Input
-            }], maximize: [{
+            }], zIndex: [{
                 type: Input
             }], visible: [{
                 type: Input
@@ -635,11 +724,11 @@ class PanelComponent {
     showHeader = false;
     toggleable = false;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { collapsed: "collapsed", header: "header", showHeader: "showHeader", toggleable: "toggleable" }, ngImport: i0, template: "<p-panel\n    [collapsed]=\"collapsed\"\n    [header]=\"header\"\n    [showHeader]=\"showHeader\"\n    [toggleable]=\"toggleable\"\n>\n    <p> <ng-content></ng-content> </p>\n</p-panel>\n", styles: ["p{padding-bottom:0;margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1$4.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { collapsed: "collapsed", header: "header", showHeader: "showHeader", toggleable: "toggleable" }, ngImport: i0, template: "<p-panel\n    [collapsed]=\"collapsed\"\n    [header]=\"header\"\n    [showHeader]=\"showHeader\"\n    [toggleable]=\"toggleable\"\n>\n    <p>\n        <ng-content></ng-content>\n    </p>\n</p-panel>\n", styles: ["p{padding-bottom:0;margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1$3.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
-            args: [{ imports: [PanelModule], standalone: true, selector: 'sdc-panel', template: "<p-panel\n    [collapsed]=\"collapsed\"\n    [header]=\"header\"\n    [showHeader]=\"showHeader\"\n    [toggleable]=\"toggleable\"\n>\n    <p> <ng-content></ng-content> </p>\n</p-panel>\n", styles: ["p{padding-bottom:0;margin-bottom:0}\n"] }]
+            args: [{ imports: [PanelModule], standalone: true, selector: 'sdc-panel', template: "<p-panel\n    [collapsed]=\"collapsed\"\n    [header]=\"header\"\n    [showHeader]=\"showHeader\"\n    [toggleable]=\"toggleable\"\n>\n    <p>\n        <ng-content></ng-content>\n    </p>\n</p-panel>\n", styles: ["p{padding-bottom:0;margin-bottom:0}\n"] }]
         }], propDecorators: { collapsed: [{
                 type: Input
             }], header: [{
@@ -651,13 +740,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class SearchboxComponent {
-    searchEvent = new EventEmitter();
-    clearEvent = new EventEmitter();
+    value = '';
     width = false;
     disabled = false;
-    value = '';
+    placeholder = null;
+    searchEvent = new EventEmitter();
+    clearEvent = new EventEmitter();
     getStyles() {
-        return getWidthStyles(this.width);
+        return getDimensionStyles('width', this.width);
     }
     onSearch() {
         this.searchEvent.emit(this.value);
@@ -667,7 +757,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" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, ngImport: i0, template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\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: i2.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.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 }] });
+    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$2.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$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
             type: Component,
@@ -678,26 +768,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         InputGroupAddonModule,
                         InputGroupModule,
                         InputTextModule,
-                        ReactiveFormsModule
-                    ], standalone: true, selector: 'sdc-searchbox', template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n    <input\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\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" }]
-        }], propDecorators: { searchEvent: [{
+                        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" }]
+        }], propDecorators: { width: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchEvent: [{
                 type: Output,
                 args: ['onSearch']
             }], clearEvent: [{
                 type: Output,
                 args: ['onClear']
-            }], width: [{
-                type: Input
-            }], disabled: [{
-                type: Input
             }] } });
 
+class SpinnerService {
+    spinner = new BehaviorSubject(false);
+    start() {
+        this.spinner.next(true);
+    }
+    stop() {
+        this.spinner.next(false);
+    }
+    delay(ms) {
+        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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class SpinnerComponent {
+    $service;
+    subscription = null;
+    loading = false;
+    constructor($service) {
+        this.$service = $service;
+    }
+    ngOnInit() {
+        this.subscription = this.$service.spinner.subscribe((status) => {
+            this.loading = status;
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+            this.subscription = null;
+        }
+    }
+    getStyle() {
+        return {
+            width: '50px',
+            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", ngImport: i0, template: "<p-blockUI baseZIndex=\"9999999999\" [blocked]=\"loading\">\n  <div class=\"spinner-container\">\n    <p-progress-spinner\n      [style]=\"getStyle()\"\n      animationDuration=\".5s\"\n      fill=\"transparent\"\n      strokeWidth=\"8\"\n    />\n  </div>\n</p-blockUI>\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: BlockUIModule }, { kind: "component", type: i3$2.BlockUI, selector: "p-blockUI, p-blockui, p-block-ui", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [ProgressSpinnerModule, BlockUIModule], standalone: true, selector: 'sdc-spinner', template: "<p-blockUI baseZIndex=\"9999999999\" [blocked]=\"loading\">\n  <div class=\"spinner-container\">\n    <p-progress-spinner\n      [style]=\"getStyle()\"\n      animationDuration=\".5s\"\n      fill=\"transparent\"\n      strokeWidth=\"8\"\n    />\n  </div>\n</p-blockUI>\n", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
+        }], ctorParameters: () => [{ type: SpinnerService }] });
+
 class SqlEditorComponent {
-    editorContainer;
-    onDomainFilter = new EventEmitter();
+    height = null;
     sql = '';
     width = null;
-    height = null;
+    onDomainFilter = new EventEmitter();
+    editorContainer;
     set schema(value) {
         this.$schema = value;
         this.updateEditorExtensions(); // atualiza se schema mudar
@@ -773,7 +918,7 @@ class SqlEditorComponent {
         });
     }
     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", width: "width", height: "height", schema: "schema" }, outputs: { onDomainFilter: "onDomainFilter" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SqlEditorComponent, isStandalone: true, selector: "sdc-sql-editor", inputs: { height: "height", sql: "sql", width: "width", schema: "schema" }, outputs: { onDomainFilter: "onDomainFilter" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SqlEditorComponent),
@@ -790,17 +935,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             multi: true
                         }
                     ], standalone: true, selector: 'sdc-sql-editor', template: "<div #editorContainer class=\"sdc-sql-editor\" [style]=\"getStyles()\"></div>" }]
-        }], propDecorators: { editorContainer: [{
-                type: ViewChild,
-                args: ['editorContainer', { static: true }]
-            }], onDomainFilter: [{
-                type: Output
+        }], propDecorators: { height: [{
+                type: Input
             }], sql: [{
                 type: Input
             }], width: [{
                 type: Input
-            }], height: [{
-                type: Input
+            }], onDomainFilter: [{
+                type: Output
+            }], editorContainer: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
             }], schema: [{
                 type: Input
             }] } });
@@ -813,7 +958,7 @@ 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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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    <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$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
             type: Component,
@@ -827,43 +972,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class ToastComponent {
-    messageService;
-    constructor(messageService) {
-        this.messageService = messageService;
+    $service;
+    $subscriptions = [];
+    key = CONSTANTS.TOAST_DEFAULT_KEY;
+    zIndex = 999999;
+    toast;
+    constructor($service) {
+        this.$service = $service;
     }
-    showMessage(severity, summary, message) {
-        this.messageService.add({
-            severity: severity,
-            summary: summary,
-            detail: message
-        });
+    ngOnInit() {
+        this.$subscriptions = [
+            this.$service.messageObserver.subscribe(() => {
+                this.toast.el.nativeElement.children[0].style.zIndex = this.zIndex.toString();
+            })
+        ];
     }
-    clear() {
-        this.messageService.clear();
+    ngOnDestroy() {
+        this.$subscriptions.forEach(subscription => subscription?.unsubscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastComponent, isStandalone: true, selector: "sdc-toast", providers: [MessageService], ngImport: i0, template: "<p-toast />", styles: [""], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [{ token: MessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastComponent, isStandalone: true, selector: "sdc-toast", inputs: { key: "key", zIndex: "zIndex" }, viewQueries: [{ propertyName: "toast", first: true, predicate: ["toast"], descendants: true, static: true }], ngImport: i0, template: "<p-toast #toast [key]=\"key\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-toast', standalone: true, imports: [ToastModule], providers: [MessageService], template: "<p-toast />" }]
-        }], ctorParameters: () => [{ type: i1$3.MessageService }] });
-
-class SpinnerComponent {
-    loading = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [], 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" }, ngImport: i0, template: "<p-blockUI [blocked]=\"loading\">\n  <div class=\"spinner-container\">\n    <p-progressSpinner></p-progressSpinner>\n  </div>\n</p-blockUI>", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$5.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: BlockUIModule }, { kind: "component", type: i2$3.BlockUI, selector: "p-blockUI, p-blockui, p-block-ui", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sdc-spinner', standalone: true, imports: [ProgressSpinnerModule, BlockUIModule], template: "<p-blockUI [blocked]=\"loading\">\n  <div class=\"spinner-container\">\n    <p-progressSpinner></p-progressSpinner>\n  </div>\n</p-blockUI>", styles: [".spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
-        }], propDecorators: { loading: [{
+            args: [{ imports: [ToastModule], standalone: true, selector: 'sdc-toast', template: "<p-toast #toast [key]=\"key\" />\n" }]
+        }], ctorParameters: () => [{ type: MessageService }], propDecorators: { key: [{
+                type: Input
+            }], zIndex: [{
                 type: Input
+            }], toast: [{
+                type: ViewChild,
+                args: ['toast', { static: true }]
             }] } });
 
+class ToastService {
+    $service;
+    constructor($service) {
+        this.$service = $service;
+    }
+    showInfo(toast) {
+        this.showGlobal(toast, 'info');
+    }
+    showSuccess(toast) {
+        this.showGlobal(toast, 'success');
+    }
+    showWarning(toast) {
+        this.showGlobal(toast, 'warn');
+    }
+    showError(toast) {
+        this.showGlobal(toast, 'error');
+    }
+    clear() {
+        this.$service.clear();
+    }
+    showGlobal(toast, severity) {
+        this.$service.clear(toast.key ?? CONSTANTS.TOAST_DEFAULT_KEY);
+        this.$service.add({
+            closable: toast.closable ?? true,
+            detail: toast.detail instanceof Error ? toast.detail.message : toast.detail,
+            key: toast.key ?? CONSTANTS.TOAST_DEFAULT_KEY,
+            life: toast.life ?? CONSTANTS.THREE_K,
+            severity: severity,
+            sticky: toast.sticky ?? false,
+            summary: toast.summary
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, deps: [{ token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$2.MessageService }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CONSTANTS, ComboboxComponent, HyperlinkComponent, ListComponent, ModalComponent, PanelComponent, SQL_HELPER, SearchboxComponent, SpinnerComponent, SqlEditorComponent, TextboxComponent, ToastComponent, createSqlAutoCompletionHadler, provideDataCoreLib, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
+export { ButtonComponent, CONSTANTS, ComboboxComponent, HyperlinkComponent, ListComponent, ModalComponent, PanelComponent, SQL_HELPER, SearchboxComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, getDimensionStyles, provideDataCoreLib, provideTranslations, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
 //# sourceMappingURL=seniorsistemas-data-seniorx-core.mjs.map