@ngx-smz/core 21.6.1 → 21.7.1

package/fesm2022/ngx-smz-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, InjectionToken, provideAppInitializer, inject, makeEnvironmentProviders, computed, Pipe, Input, Component, DestroyRef, EventEmitter, HostListener, Output, HostBinding, Directive, ChangeDetectionStrategy, ViewEncapsulation, Optional, NgModule, ViewChild, ElementRef, Renderer2, forwardRef, Inject, ChangeDetectorRef, LOCALE_ID, ContentChildren, Self, ErrorHandler, DEFAULT_CURRENCY_CODE, DOCUMENT, PLATFORM_ID } from '@angular/core';
+import { signal, Injectable, InjectionToken, provideAppInitializer, inject, makeEnvironmentProviders, computed, Pipe, Input, Component, ChangeDetectorRef, effect, DestroyRef, EventEmitter, HostListener, Output, HostBinding, Directive, ChangeDetectionStrategy, ViewEncapsulation, Optional, NgModule, ViewChild, ElementRef, Renderer2, forwardRef, Inject, LOCALE_ID, ContentChildren, Self, ErrorHandler, DEFAULT_CURRENCY_CODE, DOCUMENT, PLATFORM_ID } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, getCurrencySymbol, getLocaleCurrencyCode, NgStyle, LocationStrategy, registerLocaleData, isPlatformBrowser as isPlatformBrowser$1, formatDate } from '@angular/common';
 import * as i1$3 from '@angular/forms';
@@ -21,7 +21,7 @@ import { ObjectUtils, ZIndexUtils, UniqueComponentId } from 'primeng/utils';
 import * as i1$8 from '@angular/common/http';
 import { HttpClient, provideHttpClient, withInterceptorsFromDi, HttpErrorResponse, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { cloneDeep, uniqBy, flatten as flatten$1, sortBy, isBoolean as isBoolean$1, isEmpty as isEmpty$2, isEqual } from 'lodash-es';
-import { Subscription, BehaviorSubject, firstValueFrom, debounceTime, tap, of, take as take$1, Subject, throwError, map as map$1, throttleTime, switchMap, Observable, takeUntil as takeUntil$2, merge, filter as filter$1 } from 'rxjs';
+import { Subscription, BehaviorSubject, merge, firstValueFrom, debounceTime, tap, of, take as take$1, Subject, throwError, map as map$1, throttleTime, switchMap, Observable, takeUntil as takeUntil$2, filter as filter$1 } from 'rxjs';
 import * as i1$2 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
 import * as i1 from 'primeng/tooltip';
@@ -2184,7 +2184,9 @@ class SmzFormValidationMessagesService {
     validationMessagesByPropertyName = new Map();
     messagesByPropertyNameSignal = signal({}, ...(ngDevMode ? [{ debugName: "messagesByPropertyNameSignal" }] : []));
     controlMessagesSignals = new WeakMap();
+    viewRefreshSignal = signal(0, ...(ngDevMode ? [{ debugName: "viewRefreshSignal" }] : []));
     messagesByPropertyName = this.messagesByPropertyNameSignal.asReadonly();
+    viewRefreshTick = this.viewRefreshSignal.asReadonly();
     initialize(config, form) {
         this.resetState();
         this.form = form;
@@ -2202,6 +2204,12 @@ class SmzFormValidationMessagesService {
         this.subscriptions.add(this.form.statusChanges.subscribe(() => {
             this.refreshAllMessages();
         }));
+        this.subscriptions.add(this.form.valueChanges.subscribe(() => {
+            this.refreshAllMessages();
+        }));
+    }
+    notifyViewRefresh() {
+        this.viewRefreshSignal.update(value => value + 1);
     }
     getMessagesSignalByControl(control) {
         if (control == null) {
@@ -2255,6 +2263,7 @@ class SmzFormValidationMessagesService {
         this.subscriptions = new Subscription();
         this.validationMessagesByPropertyName.clear();
         this.messagesByPropertyNameSignal.set({});
+        this.viewRefreshSignal.set(0);
         this.form = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzFormValidationMessagesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -2854,11 +2863,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
 
 class ValidationMessagesComponent {
     validationMessagesService = inject(SmzFormValidationMessagesService);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    controlSubscription;
     formControl;
     input;
     set control(value) {
+        this.controlSubscription?.unsubscribe();
         this.formControl = value;
         this.controlMessages = this.validationMessagesService.getMessagesSignalByControl(value);
+        if (value != null) {
+            this.controlSubscription = merge(value.statusChanges, value.valueChanges).subscribe(() => {
+                this.changeDetectorRef.markForCheck();
+            });
+        }
     }
     get control() {
         return this.formControl;
@@ -2867,13 +2884,22 @@ class ValidationMessagesComponent {
     extraMessages = [];
     controlMessages = signal([], ...(ngDevMode ? [{ debugName: "controlMessages" }] : []));
     uiConfig = GlobalInjector.config;
+    constructor() {
+        effect(() => {
+            this.validationMessagesService.viewRefreshTick();
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.controlSubscription?.unsubscribe();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ValidationMessagesComponent, isStandalone: false, selector: "smz-validation-messages", inputs: { input: "input", control: "control", behaviors: "behaviors", extraMessages: "extraMessages" }, ngImport: i0, template: "@if (behaviors?.showErrorsMethod != null ? control[behaviors.showErrorsMethod] : control[uiConfig.dialogs.forms.behaviors.showErrorsMethod]) {\r\n  @if (controlMessages() | join : extraMessages; as messages) {\r\n    @if (messages.length === 1) {\r\n      @for (message of messages; track message) {\r\n        <span class=\"col-12 error-message\">{{ message }}</span>\r\n      }\r\n    }\r\n\r\n    @if (messages.length > 1) {\r\n      @if (behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\">{{ messages | describeArray }}</span>\r\n      }\r\n\r\n      @if (!behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\" [pTooltip]=\"messages | describeArray\">{{ uiConfig.dialogs.forms.multipleErrorMessagesLabel }} *</span>\r\n      }\r\n    }\r\n  }\r\n}", dependencies: [{ kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: DescribeArrayPipe, name: "describeArray" }, { kind: "pipe", type: JoinPipe, name: "join" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smz-validation-messages', standalone: false, template: "@if (behaviors?.showErrorsMethod != null ? control[behaviors.showErrorsMethod] : control[uiConfig.dialogs.forms.behaviors.showErrorsMethod]) {\r\n  @if (controlMessages() | join : extraMessages; as messages) {\r\n    @if (messages.length === 1) {\r\n      @for (message of messages; track message) {\r\n        <span class=\"col-12 error-message\">{{ message }}</span>\r\n      }\r\n    }\r\n\r\n    @if (messages.length > 1) {\r\n      @if (behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\">{{ messages | describeArray }}</span>\r\n      }\r\n\r\n      @if (!behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\" [pTooltip]=\"messages | describeArray\">{{ uiConfig.dialogs.forms.multipleErrorMessagesLabel }} *</span>\r\n      }\r\n    }\r\n  }\r\n}" }]
-        }], propDecorators: { input: [{
+        }], ctorParameters: () => [], propDecorators: { input: [{
                 type: Input
             }], control: [{
                 type: Input
@@ -4203,6 +4229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
             }] } });
 
 class InputNumberComponent {
+    validationMessagesService = inject(SmzFormValidationMessagesService);
     input;
     control;
     behaviors;
@@ -4213,12 +4240,22 @@ class InputNumberComponent {
             this.control.updateValueAndValidity();
         }
     }
+    onInputMaskBlur() {
+        this.control.markAsTouched();
+        this.control.updateValueAndValidity();
+        this.validationMessagesService.notifyViewRefresh();
+    }
+    onInputMaskInput() {
+        if (this.form.updateOn !== 'blur') {
+            this.control.updateValueAndValidity();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: InputNumberComponent, isStandalone: false, selector: "smz-input-number", inputs: { input: "input", control: "control", behaviors: "behaviors", form: "form" }, ngImport: i0, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<div class=\"input_inner__wrapper\">\r\n  @if (!input.useFraction) {\r\n    <p-inputMask\r\n      class=\"smz__input_value flex-1\"\r\n      slotChar=\"\"\r\n      [autoClear]=\"false\"\r\n      mask=\"9?9999999999999999999999999999999\"\r\n      characterPattern=\"([0-9])\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      [formControl]=\"control\">\r\n    </p-inputMask>\r\n  }\r\n  @if (input.useFraction) {\r\n    <p-inputNumber\r\n      class=\"smz__input_value flex-1\"\r\n      [formControl]=\"control\"\r\n      [locale]=\"input.locale\"\r\n      [minFractionDigits]=\"input.minFractionDigits\"\r\n      [maxFractionDigits]=\"input.maxFractionDigits\"\r\n      [useGrouping]=\"input.useGrouping\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      (onInput)=\"onInput($event)\">\r\n    </p-inputNumber>\r\n  }\r\n  <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: i3$3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: LabelComponent, selector: "smz-label", inputs: ["text", "propertyName", "showLabel", "warning", "help", "popover"] }, { kind: "component", type: ValidationMessagesComponent, selector: "smz-validation-messages", inputs: ["input", "control", "behaviors", "extraMessages"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: InputNumberComponent, isStandalone: false, selector: "smz-input-number", inputs: { input: "input", control: "control", behaviors: "behaviors", form: "form" }, ngImport: i0, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<div class=\"input_inner__wrapper\">\r\n  @if (!input.useFraction) {\r\n    <p-inputMask\r\n      class=\"smz__input_value flex-1\"\r\n      slotChar=\"\"\r\n      [autoClear]=\"false\"\r\n      mask=\"9?9999999999999999999999999999999\"\r\n      characterPattern=\"([0-9])\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      [formControl]=\"control\"\r\n      (onBlur)=\"onInputMaskBlur()\"\r\n      (onInput)=\"onInputMaskInput()\">\r\n    </p-inputMask>\r\n  }\r\n  @if (input.useFraction) {\r\n    <p-inputNumber\r\n      class=\"smz__input_value flex-1\"\r\n      [formControl]=\"control\"\r\n      [locale]=\"input.locale\"\r\n      [minFractionDigits]=\"input.minFractionDigits\"\r\n      [maxFractionDigits]=\"input.maxFractionDigits\"\r\n      [useGrouping]=\"input.useGrouping\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      (onInput)=\"onInput($event)\">\r\n    </p-inputNumber>\r\n  }\r\n  <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: i3$3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: LabelComponent, selector: "smz-label", inputs: ["text", "propertyName", "showLabel", "warning", "help", "popover"] }, { kind: "component", type: ValidationMessagesComponent, selector: "smz-validation-messages", inputs: ["input", "control", "behaviors", "extraMessages"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-input-number', standalone: false, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<div class=\"input_inner__wrapper\">\r\n  @if (!input.useFraction) {\r\n    <p-inputMask\r\n      class=\"smz__input_value flex-1\"\r\n      slotChar=\"\"\r\n      [autoClear]=\"false\"\r\n      mask=\"9?9999999999999999999999999999999\"\r\n      characterPattern=\"([0-9])\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      [formControl]=\"control\">\r\n    </p-inputMask>\r\n  }\r\n  @if (input.useFraction) {\r\n    <p-inputNumber\r\n      class=\"smz__input_value flex-1\"\r\n      [formControl]=\"control\"\r\n      [locale]=\"input.locale\"\r\n      [minFractionDigits]=\"input.minFractionDigits\"\r\n      [maxFractionDigits]=\"input.maxFractionDigits\"\r\n      [useGrouping]=\"input.useGrouping\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      (onInput)=\"onInput($event)\">\r\n    </p-inputNumber>\r\n  }\r\n  <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n</div>" }]
+            args: [{ selector: 'smz-input-number', standalone: false, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<div class=\"input_inner__wrapper\">\r\n  @if (!input.useFraction) {\r\n    <p-inputMask\r\n      class=\"smz__input_value flex-1\"\r\n      slotChar=\"\"\r\n      [autoClear]=\"false\"\r\n      mask=\"9?9999999999999999999999999999999\"\r\n      characterPattern=\"([0-9])\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      [formControl]=\"control\"\r\n      (onBlur)=\"onInputMaskBlur()\"\r\n      (onInput)=\"onInputMaskInput()\">\r\n    </p-inputMask>\r\n  }\r\n  @if (input.useFraction) {\r\n    <p-inputNumber\r\n      class=\"smz__input_value flex-1\"\r\n      [formControl]=\"control\"\r\n      [locale]=\"input.locale\"\r\n      [minFractionDigits]=\"input.minFractionDigits\"\r\n      [maxFractionDigits]=\"input.maxFractionDigits\"\r\n      [useGrouping]=\"input.useGrouping\"\r\n      [id]=\"input.propertyName\"\r\n      [pAutoFocus]=\"input.autoFocus\"\r\n      (onInput)=\"onInput($event)\">\r\n    </p-inputNumber>\r\n  }\r\n  <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n</div>" }]
         }], propDecorators: { input: [{
                 type: Input
             }], control: [{
@@ -7375,7 +7412,7 @@ class InputListBatchCrudComponent {
         this.dialogCrudService.ref.close({ names: event.data.names.split('\n') });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputListBatchCrudComponent, deps: [{ token: DialogCrudStateService }, { token: i2$5.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: InputListBatchCrudComponent, isStandalone: false, selector: "smz-input-list-dialog-crud", viewQueries: [{ propertyName: "formComponent", first: true, predicate: ["formComponent"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: InputListBatchCrudComponent, isStandalone: false, selector: "smz-input-list-batch-crud", viewQueries: [{ propertyName: "formComponent", first: true, predicate: ["formComponent"], descendants: true }], ngImport: i0, template: `
     @if (form != null) {
       <div class="grid grid-nogutter items-start justify-start">
         <smz-form-group class="col" #formComponent [config]="form" clickStopPropagation></smz-form-group>
@@ -7389,7 +7426,7 @@ class InputListBatchCrudComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputListBatchCrudComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'smz-input-list-dialog-crud',
+                    selector: 'smz-input-list-batch-crud',
                     template: `
     @if (form != null) {
       <div class="grid grid-nogutter items-start justify-start">
@@ -14083,6 +14120,7 @@ class SmzDropdownEditableBuilder extends SmzBaseEditableBuilder {
         data.sourceData = options;
         return this;
     }
+    /** NGXS selector (or any selector function) used to load dropdown options. */
     setSelector(selector) {
         const data = this.editableRef.data;
         data.sourceType = 'selector';
@@ -17550,11 +17588,11 @@ class SmzTableComponent {
         this.tableHelper.clear(this.tableKey);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzTableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TableEditableService }, { token: TableFormsService }, { token: TableHelperService }, { token: i1$6.Store }, { token: SmzExcelService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SmzTableComponent, isStandalone: false, selector: "smz-ui-table", inputs: { state: "state", items: "items", loading: "loading" }, outputs: { selectionChange: "selectionChange", filterChange: "filterChange", columnVisibilityChange: "columnVisibilityChange", create: "create", update: "update", delete: "delete" }, host: { properties: { "attr.data-testid": "this.hostTestId" } }, providers: [TableEditableService, TableFormsService], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }, { propertyName: "columnMultiselect", first: true, predicate: ["columnMultiselect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (state | tableContext; as context) {\r\n  @if ((context.state.emptyFeedback != null && (context.state.emptyFeedback.extraInfo || context.state.emptyFeedback.image || context.state.emptyFeedback.actionButtons)) && (items != null && items.length === 0) && context.state.emptyFeedback.isFeatured) {\r\n    <smz-data-info\r\n      [attr.data-testid]=\"buildTableTestId('empty')\"\r\n      [image]=\"context.state.emptyFeedback.image\"\r\n      [message]=\"context.state.emptyFeedback.message\"\r\n      [callbackInfo]=\"context.state.emptyFeedback.extraInfo\"\r\n      [actions]=\"context.state.emptyFeedback.actionButtons\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    <ng-container *ngVar=\"state.source?.items$ != null ? (state.source.items$ | async) : null as observableSource\">\r\n      <ng-container *ngVar=\"state.source?.signalItems != null ? state.source.signalItems() : null as signalSource\">\r\n        @if (((observableSource ?? signalSource ?? items) | cloneTableItems : context: tableKey: context.state.rowExpansion.sincronize); as clonedData) {\r\n          <p-table #dt\r\n            dataKey=\"id\"\r\n            editMode=\"row\"\r\n            [stripedRows]=\"context.state.styles.striped\"\r\n            [value]=\"clonedData.items\"\r\n            [(selection)]=\"selectedItems\"\r\n            [tableStyleClass]=\"context.state.styles.tableStyleClass\"\r\n            [size]=\"context.state.styles.size === 'extra-small' ? 'small' : context.state.styles.size === 'small' ? 'small' : context.state.styles.size === 'large' ? 'large' : undefined\"\r\n            [class]=\"'p-datatable-smz-ui-table' + (context.state.styles.showGrid ? ' p-datatable-gridlines' : '') + (context.state.styles.size === 'extra-small' ? ' p-datatable-xs' : '') + (context.state.styles.size === 'small' ? ' p-datatable-sm' : '') + (context.state.styles.size === 'large' ? ' p-datatable-lg' : '')\"\r\n            [rowHover]=\"context.state.actions.rowBehavior.hoverable\"\r\n            [rows]=\"context.state.pagination.rows\"\r\n            [first]=\"context.state.pagination.state.first\"\r\n            [showCurrentPageReport]=\"context.state.pagination.pageReport.isVisible\"\r\n            [rowsPerPageOptions]=\"context.state.pagination.rowsPerPageOptions\"\r\n            [loading]=\"loading || isViewportInitializing\"\r\n            [style.visibility]=\"isViewportInitializing ? 'hidden' : null\"\r\n            [paginator]=\"context.state.pagination.isVisible\"\r\n            paginatorDropdownAppendTo=\"body\"\r\n            [currentPageReportTemplate]=\"context.state.locale.paginator.template\"\r\n            [sortField]=\"context.state.sort.field\"\r\n            [sortMode]=\"context.state.sort.mode\"\r\n            [sortOrder]=\"context.state.sort.order\"\r\n            [multiSortMeta]=\"context.state.sort.multiSortMeta\"\r\n            [scrollable]=\"context.state.viewport.scrollable\"\r\n            [scrollHeight]=\"context.state.viewport.scrollHeight\"\r\n            [filterDelay]=\"0\"\r\n            [globalFilterFields]=\"context.globalFilter\"\r\n            [columns]=\"context.visibleColumns\"\r\n            [frozenColumns]=\"context.frozenColumns\"\r\n            [frozenWidth]=\"context.state.frozen.isEnabled ? context.state.frozen.width : null\"\r\n            [resizableColumns]=\"context.state.viewport.resizableColumns\"\r\n            [columnResizeMode]=\"context.state.viewport.columnResizeMode\"\r\n            (onPage)=\"onPage($event)\"\r\n            (onFilter)=\"onFilter($event)\"\r\n            (selectionChange)=\"emitSelection($event)\"\r\n            >\r\n            @if (context.state.caption.isVisible) {\r\n              <ng-template pTemplate=\"caption\">\r\n                <div class=\"grid grid-nogutter items-center gap-2\" [attr.data-testid]=\"buildTableTestId('caption')\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                  @if (context.state.caption.title != null) {\r\n                    <div class=\"col database-title\" [attr.data-testid]=\"buildTableTestId('title')\" [innerHTML]=\"context.state.caption.title\"></div>\r\n                  }\r\n                  <ng-container *ngTemplateOutlet=\"captionTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  <smz-table-caption-buttons [buttons]=\"context.state.caption.buttons\" [tableTestId]=\"state.tableTestId\"></smz-table-caption-buttons>\r\n                  @if (context.state.caption.exportToPdf.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-pdf')\" [label]=\"context.state.locale.exportToPdf.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-pdf\" (click)=\"exportToPdf(context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.exportToExcel.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-excel')\" [label]=\"context.state.locale.exportToExcel.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-excel\" (click)=\"exportToExcel(table, context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.editable.creation.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('create')\" [label]=\"context.state.editable.creation.buttonLabel\" class=\"p-button-outlined\" icon=\"fa-solid fa-plus\" (click)=\"editableService.onRowCreateInit(table, context.columns)\" [disabled]=\"clonedData.showSkeleton || editableService.isEditing || editableService.isCreating || context.state.editable.creation.isButtonDisabled\"></button>\r\n                  }\r\n                  @if (context.state.caption.rowSelection.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-selection')\" [label]=\"context.state.locale.rowSelection.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-check-double\" (click)=\"onRowSelection(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.rowExpansion.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-expansion')\" [label]=\"context.state.rowExpansion.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-list\" (click)=\"onRowExpansion(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.clearFilters.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('clear-filters')\" [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.columnVisibility.showDropdownSelector) {\r\n                    <p-multiSelect\r\n                      #columnMultiselect\r\n                      [attr.data-testid]=\"buildTableTestId('column-visibility')\"\r\n                      class=\"ml-2 col-12 md:col-2\"\r\n                      styleClass=\"w-full\"\r\n                      [options]=\"context.hideableColumns\"\r\n                      [(ngModel)]=\"selectedColumns\"\r\n                      [placeholder]=\"context.state.locale.columnVisibility.placeholder\"\r\n                      [selectedItemsLabel]=\"context.state.locale.columnVisibility.selectedItemsLabel\"\r\n                      optionLabel=\"name\"\r\n                      dataKey=\"field\"\r\n                      optionLabel=\"header\"\r\n                      [filter]=\"true\"\r\n                      (onPanelHide)=\"updateColumnsVisibility(true)\"\r\n                      [pTooltip]=\"context.state.locale.columnVisibility.pTooltip\">\r\n                    </p-multiSelect>\r\n                  }\r\n                  @if (context.state.caption.globalFilter.isVisible) {\r\n                    <p-iconfield class=\"col-12\" [ngClass]=\"{ 'md:col-2': !context.state.caption.globalFilter.expanded }\">\r\n                      <p-inputicon styleClass=\"pi pi-search\" />\r\n                      <input #inputGlobal [(ngModel)]=\"globalSearchInput\" pInputText type=\"text\" styleClass=\"database-global-search\" (input)=\"updateGlobalFilter(inputGlobal.value)\"  [disabled]=\"clonedData.showSkeleton\" [placeholder]=\"context.state.locale.globalFilter.placeholder\" [attr.data-testid]=\"buildTableTestId('search')\" />\r\n                    </p-iconfield>\r\n                  }\r\n                </div>\r\n                @if (toolbarTemplate != null) {\r\n                  <div class=\"grid grid-nogutter items-center mt-2\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                    <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  </div>\r\n                }\r\n              </ng-template>\r\n            }\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr [ngClass]=\"{ 'invisible-header': !context.state.header.isVisible }\">\r\n                @if (context.state.caption.rowSelection.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.caption.rowSelection.ngStyle\">\r\n                    @if (!context.state.actions.batchActions.isVisible) {\r\n                      <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                  </th>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.rowExpansion.ngStyle\"></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (context.state.viewport.resizableColumns) {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  } @else {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  }\r\n                  <ng-template #headerContent>\r\n                    <div class=\"flex justify-start items-center\">\r\n                      <span class=\"mr-1\">{{ col.header }}</span>\r\n                      @if (col.showHeaderActions) {\r\n                        <smz-table-header-actions clickStopPropagation class=\"ml-1 mt-1\" [col]=\"col\"></smz-table-header-actions>\r\n                      }\r\n                      @if (!clonedData.showSkeleton && col.isOrderable) {\r\n                        <p-sortIcon [field]=\"col.sortField\"></p-sortIcon>\r\n                      }\r\n                      @if (!clonedData.showSkeleton) {\r\n                        @switch (col.filter.type) {\r\n                          @case (filterTypes.currency) {\r\n                            <smz-column-filter type=\"numeric\" currency=\"BRL\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.numeric) {\r\n                            <smz-column-filter type=\"numeric\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.date) {\r\n                            <smz-column-filter type=\"date\" [field]=\"col.filterField\" [showTime]=\"col.filter.showTime\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.text) {\r\n                            <smz-column-filter type=\"text\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.boolean) {\r\n                            <smz-column-filter type=\"boolean\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.dropdown) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField + '.id'\" matchMode=\"dropdown\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-select appendTo=\"body\" [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-select>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"in\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_array) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"array-some\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : true\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_string) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"multiselectByString\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField : filterField : null : true : false : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                        }\r\n                      }\r\n                      @if (context.state.caption.columnVisibility.showColumnHideButton) {\r\n                        <button pButton type=\"button\" icon=\"fa-solid fa-eye-slash\" class=\"p-button-rounded p-button-text p-button-plain\" (click)=\"hideColumn(col, context)\"></button>\r\n                      }\r\n                    </div>\r\n                  </ng-template>\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible|| context.state.editable.isEditable) {\r\n                  <th [ngStyle]=\"context.state.editable.isEditable ? context.state.editable.ngStyle : context.state.actions.customActions.ngStyle\"></th>\r\n                }\r\n              </tr>\r\n              @if (context.state.actions.batchActions.isVisible) {\r\n                <tr>\r\n                  <th [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\"\r\n                    [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <p-tableHeaderCheckbox class=\"mr-4\"></p-tableHeaderCheckbox>\r\n                      @if (selectedItems?.length > 0) {\r\n                        @for (batchItem of context.state.actions.batchActions.items; track batchItem.label) {\r\n                          @if (batchItem.visible) {\r\n                            <button pButton [label]=\"batchItem.label\" class=\"p-button-rounded p-button-text p-button-plain animate__animated animate__fadeIn\" [ngClass]=\"batchItem.styleClass\" [icon]=\"batchItem.icon\" (click)=\"batchItem.command(selectedItems); selectedItems = [];\" [disabled]=\"batchItem.disabled\" [pTooltip]=\"batchItem.tooltip\"></button>\r\n                          }\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"body\" let-item let-editing=\"editing\" let-rowIndex=\"rowIndex\" let-columns=\"columns\">\r\n              <tr #editableRowElement\r\n                [pEditableRow]=\"item\"\r\n                tableItemAction\r\n                [isClickable]=\"context.state.actions.rowBehavior.isClickable\"\r\n                [callback]=\"context.state.actions.rowBehavior.clickCallback\"\r\n                [expandRowOnClick]=\"context.state.actions.rowBehavior.expandRowOnClick\"\r\n                [item]=\"item\"\r\n                class=\"p-selectable-row\"\r\n                [attr.data-testid]=\"buildRowTestId(item, rowIndex)\"\r\n                [ngClass]=\"{ 'highlight-row': item?.id === state.actions.rowBehavior.highlights, 'preserve-in-small': state.actions.rowBehavior.preserveLayoutInSmallDevices }\"\r\n                >\r\n                @if (context.state.caption.rowSelection.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\"\r\n                    [ngStyle]=\"context.state.caption.rowSelection.ngStyle\"\r\n                    >\r\n                    <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n                  </td>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading, 'grid grid-nogutter justify-start items-center gap-2': context.state.rowExpansion.highlightNewItems && item._isNew }\"\r\n                    [ngStyle]=\"context.state.rowExpansion.ngStyle\"\r\n                    >\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      class=\"p-button-text p-button-rounded p-button-sm smz-table-row-expansion-toggle\"\r\n                      [icon]=\"item._isExpanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"\r\n                      (click)=\"item._isExpanded = !item._isExpanded; item._isNew = false\"\r\n                    ></button>\r\n                    @if (context.state.rowExpansion.highlightNewItems && item._isNew) {\r\n                      <div class=\"rounded bg-cyan-400 text-sm text-white px-2 py-0 smz-table-new-tag\" (click)=\"item._isNew = false\">{{ context.state.rowExpansion.highlightLabel }}</div>\r\n                    }\r\n                  </td>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (clonedData.showSkeleton) {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [ngStyle]=\"col.content.ngStyle\"><p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton></td>\r\n                  } @else {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [attr.data-testid]=\"buildCellTestId(item, rowIndex, col.field)\" [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\" [ngStyle]=\"col.content.ngStyle\">\r\n                      <span class=\"p-column-title\">{{ col.header }}</span>\r\n                      <p-cellEditor>\r\n                        <!-- CELULAR COM EDITOR -->\r\n                        <ng-template pTemplate=\"input\">\r\n                          @switch (col.editable.type) {\r\n                            @case (editableTypes.none) {\r\n                              <smz-table-content class=\"cursor-default\" [ngClass]=\"col.content.contentStyleClass\" [col]=\"col\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\"></smz-table-content>\r\n                            }\r\n                            @case (editableTypes.custom) {\r\n                              <ng-container *ngTemplateOutlet=\"editableTemplate; context: { $implicit: item, col: col }\"></ng-container>\r\n                            }\r\n                            <!-- INPUT TEXT -->\r\n                            @case (editableTypes.text) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <input pInputText type=\"text\" [formControl]=\"$any(control)\" style=\"width: 100%;\">\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT NUMBER -->\r\n                            @case (editableTypes.number) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-inputNumber\r\n                                      *ngVar=\"col.editable.data as numberData\"\r\n                                      [formControl]=\"$any(control)\"\r\n                                      [mode]=\"numberData.mode\"\r\n                                      [minFractionDigits]=\"numberData.minFractionDigits\"\r\n                                      [maxFractionDigits]=\"numberData.maxFractionDigits\"\r\n                                      [currency]=\"numberData.currency\"\r\n                                      [useGrouping]=\"numberData.useGrouping\"\r\n                                      [allowEmpty]=\"numberData.allowEmpty\"\r\n                                      [showClear]=\"numberData.showClear\"\r\n                                      [showButtons]=\"numberData.showButtons\"\r\n                                      [prefix]=\"numberData.prefix\"\r\n                                      [suffix]=\"numberData.suffix\">\r\n                                    </p-inputNumber>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT SWITCH -->\r\n                            @case (editableTypes.switch) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-toggleswitch [formControl]=\"$any(control)\"></p-toggleswitch>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT TEXT AREA -->\r\n                            @case (editableTypes.area) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <textarea pInputTextarea type=\"text\" [formControl]=\"$any(control)\" [rows]=\"$any(col.editable.data).rows\" required style=\"width: 100%;\"></textarea>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT DROPDOWN -->\r\n                            @case (editableTypes.dropdown) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-select appendTo=\"body\" [formControl]=\"$any(control)\" styleClass=\"w-full\" [options]=\"col.editable.data | editableSource\" optionLabel=\"name\" dataKey=\"id\" [placeholder]=\"$any(col.editable.data).placeholder\" [showClear]=\"!col.editable.validatorsPreset?.isRequired\" [filter]=\"true\"></p-select>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT CALENDAR -->\r\n                            @case (editableTypes.calendar) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-datepicker [formControl]=\"$any(control)\" appendTo=\"body\" styleClass=\"w-full\" [ngClass]=\"{ 'pl-5': !control.valid }\"></p-datepicker>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        </ng-template>\r\n                        <!-- CELULAR COM CONTE\u00DADO -->\r\n                        <ng-template pTemplate=\"output\">\r\n                          <smz-table-content\r\n                            [col]=\"col\"\r\n                            [pTooltip]=\"col.content.tooltip != null ? col.content.tooltip(item) : null\"\r\n                            tooltipPosition=\"left\"\r\n                            [ngClass]=\"col.content.contentStyleClass\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\">\r\n                          </smz-table-content>\r\n                        </ng-template>\r\n                      </p-cellEditor>\r\n                    </td>\r\n                  }\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) {\r\n                  <td [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-center\">\r\n                      @if (clonedData.showSkeleton) {\r\n                        <div class=\"w-full\">\r\n                          <p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton>\r\n                        </div>\r\n                      } @else {\r\n                        <!-- SEM EDITAR -->\r\n                        @if (!editing) {\r\n                          @if (context.state.editable.update.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-pencil\" (click)=\"editableService.onRowEditInit(item)\" class=\"p-button-rounded p-button-text mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.update.isButtonDisabled || (!context.state.editable.update.condition(item))\" pInitEditableRow></button>\r\n                          }\r\n                          @if (context.state.editable.remove.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-trash\" (click)=\"editableService.onRowRemove($event, table, item)\" class=\"p-button-rounded p-button-text p-button-secondary mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.remove.isButtonDisabled || (!context.state.editable.remove.condition(item))\"></button>\r\n                          }\r\n                        }\r\n                        <!-- EDITANDO -->\r\n                        @if (editing) {\r\n                          @if (editableService.context[item.id]; as editableContext) {\r\n                            <!-- COM LOADING -->\r\n                            @if (editableContext.isLoading) {\r\n                              <button pButton type=\"button\" icon=\"fa-solid fa-rotate fa-spin\" [disabled]=\"true\" class=\"p-button-rounded p-button-text p-button-info mr-2\"></button>\r\n                            }\r\n                            <!-- SEM LOADING -->\r\n                            @if (!editableContext.isLoading) {\r\n                              <!-- EDITANDO -->\r\n                              @if (!editableContext.hasErrors) {\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowCreateSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowEditSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                              <!-- COM ERRORS -->\r\n                              @if (editableContext.hasErrors) {\r\n                                <p-popover #errorsOverlay appendTo=\"body\" [style]=\"{ width: '450px' }\">\r\n                                  <div [innerHtml]=\"editableContext.errors | contentErrors\"></div>\r\n                                </p-popover>\r\n                                <button pButton type=\"button\" icon=\"fas fa-exclamation-triangle\" [disabled]=\"false\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger mr-2\" (click)=\"errorsOverlay.toggle($event)\"></button>\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        }\r\n                        <!-- CUSTOM MENU -->\r\n                        @if (context.state.actions.customActions.isVisible && !editing) {\r\n                          <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: item }\"></ng-container>\r\n                        }\r\n                        <!-- MENU -->\r\n                        @if (context.state.actions.menu.isVisible && !editing) {\r\n                          <smz-menu [callback]=\"context.state.actions.menu.callback\" [items]=\"context.state.actions.menu.items\" [data]=\"item\" [behavior]=\"context.state.actions.menu.behavior\" [ngClass]=\"{ 'ml-2': context.state.actions.customActions.isVisible }\" [icon]=\"context.state.actions.menu.styles.icon\" [styleClass]=\"context.state.actions.menu.styles.styleClass\" [buttonClass]=\"context.state.actions.menu.styles.buttonClass\" [testId]=\"buildRowMenuTestId(item, rowIndex)\"></smz-menu>\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </td>\r\n                }\r\n              </tr>\r\n              @if (item?._isExpanded) {\r\n                <tr>\r\n                  <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\">\r\n                    <ng-container *ngTemplateOutlet=\"rowContentTemplate; context: { $implicit: item }\"></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"emptymessage\" let-columns>\r\n              <tr>\r\n                <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\" [ngStyle]=\"{ 'text-align': 'center' }\">\r\n                  <div [innerHtml]=\"context.state.emptyFeedback.message\"></div>\r\n                  @if (context.state.caption.clearFilters.isButtonVisible && hasFilters()) {\r\n                    <button pButton [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined mt-3\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\"></button>\r\n                  }\r\n                </td>\r\n              </tr>\r\n            </ng-template>\r\n          </p-table>\r\n        }\r\n      </ng-container>\r\n    </ng-container>\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "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: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i8.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i8.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i8.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i8.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i8.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i8.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i3$5.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i1$2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$3.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: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TableItemActionsDirective, selector: "[tableItemAction]", inputs: ["isClickable", "item", "callback", "expandRowOnClick"] }, { kind: "directive", type: ClickStopPropagationDirective, selector: "[clickStopPropagation]" }, { kind: "component", type: SmzDataInfoComponent, selector: "smz-data-info", inputs: ["image", "message", "actions", "callbackInfo", "callbackLabel"], outputs: ["clicked"] }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i19.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i2$4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: SmzMenuComponent, selector: "smz-menu", inputs: ["items", "callback", "data", "buttonClass", "styleClass", "icon", "behavior", "testId"] }, { kind: "directive", type: NgVar, selector: "[ngVar]", inputs: ["ngVar"] }, { kind: "component", type: i26.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i27.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: SmzColumnFilterComponent, selector: "smz-column-filter", inputs: ["currency", "display", "field", "matchMode", "showAddButton", "showMatchModes", "showOperator", "type", "showTime"] }, { kind: "component", type: SmzTableValidationMessagesComponent, selector: "smz-table-validation-messages", inputs: ["errors", "messages", "isFormInvalid", "isFormDirty"] }, { kind: "component", type: SmzTableContentComponent, selector: "smz-table-content", inputs: ["col", "contentTypes", "item", "rowIndex", "contentTemplate"] }, { kind: "component", type: SmzTableCaptionButtonsComponent, selector: "smz-table-caption-buttons", inputs: ["buttons", "tableTestId"] }, { kind: "component", type: SmzTableHeaderActionsComponent, selector: "smz-table-header-actions", inputs: ["col"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: UniqueFilterPipe, name: "uniqueFilter" }, { kind: "pipe", type: SmzTableContextPipe, name: "tableContext" }, { kind: "pipe", type: SmzFilterObjectPipe, name: "filterObject" }, { kind: "pipe", type: SmzCloneTableItemsPipe, name: "cloneTableItems" }, { kind: "pipe", type: SmzEditableSourcePipe, name: "editableSource" }, { kind: "pipe", type: SmzContentErrorsPipe, name: "contentErrors" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SmzTableComponent, isStandalone: false, selector: "smz-ui-table", inputs: { state: "state", items: "items", loading: "loading" }, outputs: { selectionChange: "selectionChange", filterChange: "filterChange", columnVisibilityChange: "columnVisibilityChange", create: "create", update: "update", delete: "delete" }, host: { properties: { "attr.data-testid": "this.hostTestId" } }, providers: [TableEditableService, TableFormsService], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }, { propertyName: "columnMultiselect", first: true, predicate: ["columnMultiselect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (state | tableContext; as context) {\r\n  @if ((context.state.emptyFeedback != null && (context.state.emptyFeedback.extraInfo || context.state.emptyFeedback.image || context.state.emptyFeedback.actionButtons)) && (items != null && items.length === 0) && context.state.emptyFeedback.isFeatured) {\r\n    <smz-data-info\r\n      [attr.data-testid]=\"buildTableTestId('empty')\"\r\n      [image]=\"context.state.emptyFeedback.image\"\r\n      [message]=\"context.state.emptyFeedback.message\"\r\n      [callbackInfo]=\"context.state.emptyFeedback.extraInfo\"\r\n      [actions]=\"context.state.emptyFeedback.actionButtons\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    <ng-container *ngVar=\"state.source?.items$ != null ? (state.source.items$ | async) : null as observableSource\">\r\n      <ng-container *ngVar=\"state.source?.signalItems != null ? state.source.signalItems() : null as signalSource\">\r\n        @if (((observableSource ?? signalSource ?? items) | cloneTableItems : context: tableKey: context.state.rowExpansion.sincronize); as clonedData) {\r\n          <p-table #dt\r\n            dataKey=\"id\"\r\n            editMode=\"row\"\r\n            [stripedRows]=\"context.state.styles.striped\"\r\n            [value]=\"clonedData.items\"\r\n            [(selection)]=\"selectedItems\"\r\n            [tableStyleClass]=\"context.state.styles.tableStyleClass\"\r\n            [size]=\"context.state.styles.size === 'extra-small' ? 'small' : context.state.styles.size === 'small' ? 'small' : context.state.styles.size === 'large' ? 'large' : undefined\"\r\n            [class]=\"'p-datatable-smz-ui-table' + (context.state.styles.showGrid ? ' p-datatable-gridlines' : '') + (context.state.styles.size === 'extra-small' ? ' p-datatable-xs' : '') + (context.state.styles.size === 'small' ? ' p-datatable-sm' : '') + (context.state.styles.size === 'large' ? ' p-datatable-lg' : '')\"\r\n            [rowHover]=\"context.state.actions.rowBehavior.hoverable\"\r\n            [rows]=\"context.state.pagination.rows\"\r\n            [first]=\"context.state.pagination.state.first\"\r\n            [showCurrentPageReport]=\"context.state.pagination.pageReport.isVisible\"\r\n            [rowsPerPageOptions]=\"context.state.pagination.rowsPerPageOptions\"\r\n            [loading]=\"loading || isViewportInitializing\"\r\n            [style.visibility]=\"isViewportInitializing ? 'hidden' : null\"\r\n            [paginator]=\"context.state.pagination.isVisible\"\r\n            paginatorDropdownAppendTo=\"body\"\r\n            [currentPageReportTemplate]=\"context.state.locale.paginator.template\"\r\n            [sortField]=\"context.state.sort.field\"\r\n            [sortMode]=\"context.state.sort.mode\"\r\n            [sortOrder]=\"context.state.sort.order\"\r\n            [multiSortMeta]=\"context.state.sort.multiSortMeta\"\r\n            [scrollable]=\"context.state.viewport.scrollable\"\r\n            [scrollHeight]=\"context.state.viewport.scrollHeight\"\r\n            [filterDelay]=\"0\"\r\n            [globalFilterFields]=\"context.globalFilter\"\r\n            [columns]=\"context.visibleColumns\"\r\n            [frozenColumns]=\"context.frozenColumns\"\r\n            [frozenWidth]=\"context.state.frozen.isEnabled ? context.state.frozen.width : null\"\r\n            [resizableColumns]=\"context.state.viewport.resizableColumns\"\r\n            [columnResizeMode]=\"context.state.viewport.columnResizeMode\"\r\n            (onPage)=\"onPage($event)\"\r\n            (onFilter)=\"onFilter($event)\"\r\n            (selectionChange)=\"emitSelection($event)\"\r\n            >\r\n            @if (context.state.caption.isVisible) {\r\n              <ng-template pTemplate=\"caption\">\r\n                <div class=\"grid grid-nogutter items-center gap-2\" [attr.data-testid]=\"buildTableTestId('caption')\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                  @if (context.state.caption.title != null) {\r\n                    <div class=\"col database-title\" [attr.data-testid]=\"buildTableTestId('title')\" [innerHTML]=\"context.state.caption.title\"></div>\r\n                  }\r\n                  <ng-container *ngTemplateOutlet=\"captionTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  <smz-table-caption-buttons [buttons]=\"context.state.caption.buttons\" [tableTestId]=\"state.tableTestId\"></smz-table-caption-buttons>\r\n                  @if (context.state.caption.exportToPdf.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-pdf')\" [label]=\"context.state.locale.exportToPdf.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-pdf\" (click)=\"exportToPdf(context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.exportToExcel.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-excel')\" [label]=\"context.state.locale.exportToExcel.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-excel\" (click)=\"exportToExcel(table, context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.editable.creation.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('create')\" [label]=\"context.state.editable.creation.buttonLabel\" class=\"p-button-outlined\" icon=\"fa-solid fa-plus\" (click)=\"editableService.onRowCreateInit(table, context.columns)\" [disabled]=\"clonedData.showSkeleton || editableService.isEditing || editableService.isCreating || context.state.editable.creation.isButtonDisabled\"></button>\r\n                  }\r\n                  @if (context.state.caption.rowSelection.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-selection')\" [label]=\"context.state.locale.rowSelection.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-check-double\" (click)=\"onRowSelection(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.rowExpansion.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-expansion')\" [label]=\"context.state.rowExpansion.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-list\" (click)=\"onRowExpansion(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.clearFilters.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('clear-filters')\" [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.columnVisibility.showDropdownSelector) {\r\n                    <p-multiSelect\r\n                      #columnMultiselect\r\n                      [attr.data-testid]=\"buildTableTestId('column-visibility')\"\r\n                      class=\"ml-2 col-12 md:col-2\"\r\n                      styleClass=\"w-full\"\r\n                      appendTo=\"body\"\r\n                      [options]=\"context.hideableColumns\"\r\n                      [(ngModel)]=\"selectedColumns\"\r\n                      [placeholder]=\"context.state.locale.columnVisibility.placeholder\"\r\n                      [selectedItemsLabel]=\"context.state.locale.columnVisibility.selectedItemsLabel\"\r\n                      optionLabel=\"name\"\r\n                      dataKey=\"field\"\r\n                      optionLabel=\"header\"\r\n                      [filter]=\"true\"\r\n                      (onPanelHide)=\"updateColumnsVisibility(true)\"\r\n                      [pTooltip]=\"context.state.locale.columnVisibility.pTooltip\">\r\n                    </p-multiSelect>\r\n                  }\r\n                  @if (context.state.caption.globalFilter.isVisible) {\r\n                    <p-iconfield class=\"col-12\" [ngClass]=\"{ 'md:col-2': !context.state.caption.globalFilter.expanded }\">\r\n                      <p-inputicon styleClass=\"pi pi-search\" />\r\n                      <input #inputGlobal [(ngModel)]=\"globalSearchInput\" pInputText type=\"text\" styleClass=\"database-global-search\" (input)=\"updateGlobalFilter(inputGlobal.value)\"  [disabled]=\"clonedData.showSkeleton\" [placeholder]=\"context.state.locale.globalFilter.placeholder\" [attr.data-testid]=\"buildTableTestId('search')\" />\r\n                    </p-iconfield>\r\n                  }\r\n                </div>\r\n                @if (toolbarTemplate != null) {\r\n                  <div class=\"grid grid-nogutter items-center mt-2\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                    <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  </div>\r\n                }\r\n              </ng-template>\r\n            }\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr [ngClass]=\"{ 'invisible-header': !context.state.header.isVisible }\">\r\n                @if (context.state.caption.rowSelection.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.caption.rowSelection.ngStyle\">\r\n                    @if (!context.state.actions.batchActions.isVisible) {\r\n                      <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                  </th>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.rowExpansion.ngStyle\"></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (context.state.viewport.resizableColumns) {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  } @else {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  }\r\n                  <ng-template #headerContent>\r\n                    <div class=\"flex justify-start items-center\">\r\n                      <span class=\"mr-1\">{{ col.header }}</span>\r\n                      @if (col.showHeaderActions) {\r\n                        <smz-table-header-actions clickStopPropagation class=\"ml-1 mt-1\" [col]=\"col\"></smz-table-header-actions>\r\n                      }\r\n                      @if (!clonedData.showSkeleton && col.isOrderable) {\r\n                        <p-sortIcon [field]=\"col.sortField\"></p-sortIcon>\r\n                      }\r\n                      @if (!clonedData.showSkeleton) {\r\n                        @switch (col.filter.type) {\r\n                          @case (filterTypes.currency) {\r\n                            <smz-column-filter type=\"numeric\" currency=\"BRL\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.numeric) {\r\n                            <smz-column-filter type=\"numeric\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.date) {\r\n                            <smz-column-filter type=\"date\" [field]=\"col.filterField\" [showTime]=\"col.filter.showTime\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.text) {\r\n                            <smz-column-filter type=\"text\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.boolean) {\r\n                            <smz-column-filter type=\"boolean\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.dropdown) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField + '.id'\" matchMode=\"dropdown\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-select appendTo=\"body\" [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-select>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"in\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_array) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"array-some\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : true\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_string) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"multiselectByString\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField : filterField : null : true : false : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                        }\r\n                      }\r\n                      @if (context.state.caption.columnVisibility.showColumnHideButton) {\r\n                        <button pButton type=\"button\" icon=\"fa-solid fa-eye-slash\" class=\"p-button-rounded p-button-text p-button-plain\" (click)=\"hideColumn(col, context)\"></button>\r\n                      }\r\n                    </div>\r\n                  </ng-template>\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible|| context.state.editable.isEditable) {\r\n                  <th [ngStyle]=\"context.state.editable.isEditable ? context.state.editable.ngStyle : context.state.actions.customActions.ngStyle\"></th>\r\n                }\r\n              </tr>\r\n              @if (context.state.actions.batchActions.isVisible) {\r\n                <tr>\r\n                  <th [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\"\r\n                    [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <p-tableHeaderCheckbox class=\"mr-4\"></p-tableHeaderCheckbox>\r\n                      @if (selectedItems?.length > 0) {\r\n                        @for (batchItem of context.state.actions.batchActions.items; track batchItem.label) {\r\n                          @if (batchItem.visible) {\r\n                            <button pButton [label]=\"batchItem.label\" class=\"p-button-rounded p-button-text p-button-plain animate__animated animate__fadeIn\" [ngClass]=\"batchItem.styleClass\" [icon]=\"batchItem.icon\" (click)=\"batchItem.command(selectedItems); selectedItems = [];\" [disabled]=\"batchItem.disabled\" [pTooltip]=\"batchItem.tooltip\"></button>\r\n                          }\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"body\" let-item let-editing=\"editing\" let-rowIndex=\"rowIndex\" let-columns=\"columns\">\r\n              <tr #editableRowElement\r\n                [pEditableRow]=\"item\"\r\n                tableItemAction\r\n                [isClickable]=\"context.state.actions.rowBehavior.isClickable\"\r\n                [callback]=\"context.state.actions.rowBehavior.clickCallback\"\r\n                [expandRowOnClick]=\"context.state.actions.rowBehavior.expandRowOnClick\"\r\n                [item]=\"item\"\r\n                class=\"p-selectable-row\"\r\n                [attr.data-testid]=\"buildRowTestId(item, rowIndex)\"\r\n                [ngClass]=\"{ 'highlight-row': item?.id === state.actions.rowBehavior.highlights, 'preserve-in-small': state.actions.rowBehavior.preserveLayoutInSmallDevices }\"\r\n                >\r\n                @if (context.state.caption.rowSelection.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\"\r\n                    [ngStyle]=\"context.state.caption.rowSelection.ngStyle\"\r\n                    >\r\n                    <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n                  </td>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading, 'grid grid-nogutter justify-start items-center gap-2': context.state.rowExpansion.highlightNewItems && item._isNew }\"\r\n                    [ngStyle]=\"context.state.rowExpansion.ngStyle\"\r\n                    >\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      class=\"p-button-text p-button-rounded p-button-sm smz-table-row-expansion-toggle\"\r\n                      [icon]=\"item._isExpanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"\r\n                      (click)=\"item._isExpanded = !item._isExpanded; item._isNew = false\"\r\n                    ></button>\r\n                    @if (context.state.rowExpansion.highlightNewItems && item._isNew) {\r\n                      <div class=\"rounded bg-cyan-400 text-sm text-white px-2 py-0 smz-table-new-tag\" (click)=\"item._isNew = false\">{{ context.state.rowExpansion.highlightLabel }}</div>\r\n                    }\r\n                  </td>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (clonedData.showSkeleton) {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [ngStyle]=\"col.content.ngStyle\"><p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton></td>\r\n                  } @else {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [attr.data-testid]=\"buildCellTestId(item, rowIndex, col.field)\" [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\" [ngStyle]=\"col.content.ngStyle\">\r\n                      <span class=\"p-column-title\">{{ col.header }}</span>\r\n                      <p-cellEditor>\r\n                        <!-- CELULAR COM EDITOR -->\r\n                        <ng-template pTemplate=\"input\">\r\n                          @switch (col.editable.type) {\r\n                            @case (editableTypes.none) {\r\n                              <smz-table-content class=\"cursor-default\" [ngClass]=\"col.content.contentStyleClass\" [col]=\"col\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\"></smz-table-content>\r\n                            }\r\n                            @case (editableTypes.custom) {\r\n                              <ng-container *ngTemplateOutlet=\"editableTemplate; context: { $implicit: item, col: col }\"></ng-container>\r\n                            }\r\n                            <!-- INPUT TEXT -->\r\n                            @case (editableTypes.text) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <input pInputText type=\"text\" [formControl]=\"$any(control)\" style=\"width: 100%;\">\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT NUMBER -->\r\n                            @case (editableTypes.number) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-inputNumber\r\n                                      *ngVar=\"col.editable.data as numberData\"\r\n                                      [formControl]=\"$any(control)\"\r\n                                      [mode]=\"numberData.mode\"\r\n                                      [minFractionDigits]=\"numberData.minFractionDigits\"\r\n                                      [maxFractionDigits]=\"numberData.maxFractionDigits\"\r\n                                      [currency]=\"numberData.currency\"\r\n                                      [useGrouping]=\"numberData.useGrouping\"\r\n                                      [allowEmpty]=\"numberData.allowEmpty\"\r\n                                      [showClear]=\"numberData.showClear\"\r\n                                      [showButtons]=\"numberData.showButtons\"\r\n                                      [prefix]=\"numberData.prefix\"\r\n                                      [suffix]=\"numberData.suffix\">\r\n                                    </p-inputNumber>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT SWITCH -->\r\n                            @case (editableTypes.switch) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-toggleswitch [formControl]=\"$any(control)\"></p-toggleswitch>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT TEXT AREA -->\r\n                            @case (editableTypes.area) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <textarea pInputTextarea type=\"text\" [formControl]=\"$any(control)\" [rows]=\"$any(col.editable.data).rows\" required style=\"width: 100%;\"></textarea>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT DROPDOWN -->\r\n                            @case (editableTypes.dropdown) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-select appendTo=\"body\" [formControl]=\"$any(control)\" styleClass=\"w-full\" [options]=\"col.editable.data | editableSource\" optionLabel=\"name\" dataKey=\"id\" [placeholder]=\"$any(col.editable.data).placeholder\" [showClear]=\"!col.editable.validatorsPreset?.isRequired\" [filter]=\"true\"></p-select>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT CALENDAR -->\r\n                            @case (editableTypes.calendar) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-datepicker [formControl]=\"$any(control)\" appendTo=\"body\" styleClass=\"w-full\" [ngClass]=\"{ 'pl-5': !control.valid }\"></p-datepicker>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        </ng-template>\r\n                        <!-- CELULAR COM CONTE\u00DADO -->\r\n                        <ng-template pTemplate=\"output\">\r\n                          <smz-table-content\r\n                            [col]=\"col\"\r\n                            [pTooltip]=\"col.content.tooltip != null ? col.content.tooltip(item) : null\"\r\n                            tooltipPosition=\"left\"\r\n                            [ngClass]=\"col.content.contentStyleClass\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\">\r\n                          </smz-table-content>\r\n                        </ng-template>\r\n                      </p-cellEditor>\r\n                    </td>\r\n                  }\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) {\r\n                  <td [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-center\">\r\n                      @if (clonedData.showSkeleton) {\r\n                        <div class=\"w-full\">\r\n                          <p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton>\r\n                        </div>\r\n                      } @else {\r\n                        <!-- SEM EDITAR -->\r\n                        @if (!editing) {\r\n                          @if (context.state.editable.update.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-pencil\" (click)=\"editableService.onRowEditInit(item)\" class=\"p-button-rounded p-button-text mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.update.isButtonDisabled || (!context.state.editable.update.condition(item))\" pInitEditableRow></button>\r\n                          }\r\n                          @if (context.state.editable.remove.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-trash\" (click)=\"editableService.onRowRemove($event, table, item)\" class=\"p-button-rounded p-button-text p-button-secondary mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.remove.isButtonDisabled || (!context.state.editable.remove.condition(item))\"></button>\r\n                          }\r\n                        }\r\n                        <!-- EDITANDO -->\r\n                        @if (editing) {\r\n                          @if (editableService.context[item.id]; as editableContext) {\r\n                            <!-- COM LOADING -->\r\n                            @if (editableContext.isLoading) {\r\n                              <button pButton type=\"button\" icon=\"fa-solid fa-rotate fa-spin\" [disabled]=\"true\" class=\"p-button-rounded p-button-text p-button-info mr-2\"></button>\r\n                            }\r\n                            <!-- SEM LOADING -->\r\n                            @if (!editableContext.isLoading) {\r\n                              <!-- EDITANDO -->\r\n                              @if (!editableContext.hasErrors) {\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowCreateSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowEditSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                              <!-- COM ERRORS -->\r\n                              @if (editableContext.hasErrors) {\r\n                                <p-popover #errorsOverlay appendTo=\"body\" [style]=\"{ width: '450px' }\">\r\n                                  <div [innerHtml]=\"editableContext.errors | contentErrors\"></div>\r\n                                </p-popover>\r\n                                <button pButton type=\"button\" icon=\"fas fa-exclamation-triangle\" [disabled]=\"false\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger mr-2\" (click)=\"errorsOverlay.toggle($event)\"></button>\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        }\r\n                        <!-- CUSTOM MENU -->\r\n                        @if (context.state.actions.customActions.isVisible && !editing) {\r\n                          <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: item }\"></ng-container>\r\n                        }\r\n                        <!-- MENU -->\r\n                        @if (context.state.actions.menu.isVisible && !editing) {\r\n                          <smz-menu [callback]=\"context.state.actions.menu.callback\" [items]=\"context.state.actions.menu.items\" [data]=\"item\" [behavior]=\"context.state.actions.menu.behavior\" [ngClass]=\"{ 'ml-2': context.state.actions.customActions.isVisible }\" [icon]=\"context.state.actions.menu.styles.icon\" [styleClass]=\"context.state.actions.menu.styles.styleClass\" [buttonClass]=\"context.state.actions.menu.styles.buttonClass\" [testId]=\"buildRowMenuTestId(item, rowIndex)\"></smz-menu>\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </td>\r\n                }\r\n              </tr>\r\n              @if (item?._isExpanded) {\r\n                <tr>\r\n                  <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\">\r\n                    <ng-container *ngTemplateOutlet=\"rowContentTemplate; context: { $implicit: item }\"></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"emptymessage\" let-columns>\r\n              <tr>\r\n                <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\" [ngStyle]=\"{ 'text-align': 'center' }\">\r\n                  <div [innerHtml]=\"context.state.emptyFeedback.message\"></div>\r\n                  @if (context.state.caption.clearFilters.isButtonVisible && hasFilters()) {\r\n                    <button pButton [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined mt-3\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\"></button>\r\n                  }\r\n                </td>\r\n              </tr>\r\n            </ng-template>\r\n          </p-table>\r\n        }\r\n      </ng-container>\r\n    </ng-container>\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "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: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i8.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i8.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i8.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i8.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i8.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i8.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i3$5.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i1$2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$3.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: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TableItemActionsDirective, selector: "[tableItemAction]", inputs: ["isClickable", "item", "callback", "expandRowOnClick"] }, { kind: "directive", type: ClickStopPropagationDirective, selector: "[clickStopPropagation]" }, { kind: "component", type: SmzDataInfoComponent, selector: "smz-data-info", inputs: ["image", "message", "actions", "callbackInfo", "callbackLabel"], outputs: ["clicked"] }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i19.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i2$4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: SmzMenuComponent, selector: "smz-menu", inputs: ["items", "callback", "data", "buttonClass", "styleClass", "icon", "behavior", "testId"] }, { kind: "directive", type: NgVar, selector: "[ngVar]", inputs: ["ngVar"] }, { kind: "component", type: i26.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i27.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: SmzColumnFilterComponent, selector: "smz-column-filter", inputs: ["currency", "display", "field", "matchMode", "showAddButton", "showMatchModes", "showOperator", "type", "showTime"] }, { kind: "component", type: SmzTableValidationMessagesComponent, selector: "smz-table-validation-messages", inputs: ["errors", "messages", "isFormInvalid", "isFormDirty"] }, { kind: "component", type: SmzTableContentComponent, selector: "smz-table-content", inputs: ["col", "contentTypes", "item", "rowIndex", "contentTemplate"] }, { kind: "component", type: SmzTableCaptionButtonsComponent, selector: "smz-table-caption-buttons", inputs: ["buttons", "tableTestId"] }, { kind: "component", type: SmzTableHeaderActionsComponent, selector: "smz-table-header-actions", inputs: ["col"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: UniqueFilterPipe, name: "uniqueFilter" }, { kind: "pipe", type: SmzTableContextPipe, name: "tableContext" }, { kind: "pipe", type: SmzFilterObjectPipe, name: "filterObject" }, { kind: "pipe", type: SmzCloneTableItemsPipe, name: "cloneTableItems" }, { kind: "pipe", type: SmzEditableSourcePipe, name: "editableSource" }, { kind: "pipe", type: SmzContentErrorsPipe, name: "contentErrors" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-ui-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableEditableService, TableFormsService], standalone: false, template: "@if (state | tableContext; as context) {\r\n  @if ((context.state.emptyFeedback != null && (context.state.emptyFeedback.extraInfo || context.state.emptyFeedback.image || context.state.emptyFeedback.actionButtons)) && (items != null && items.length === 0) && context.state.emptyFeedback.isFeatured) {\r\n    <smz-data-info\r\n      [attr.data-testid]=\"buildTableTestId('empty')\"\r\n      [image]=\"context.state.emptyFeedback.image\"\r\n      [message]=\"context.state.emptyFeedback.message\"\r\n      [callbackInfo]=\"context.state.emptyFeedback.extraInfo\"\r\n      [actions]=\"context.state.emptyFeedback.actionButtons\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    <ng-container *ngVar=\"state.source?.items$ != null ? (state.source.items$ | async) : null as observableSource\">\r\n      <ng-container *ngVar=\"state.source?.signalItems != null ? state.source.signalItems() : null as signalSource\">\r\n        @if (((observableSource ?? signalSource ?? items) | cloneTableItems : context: tableKey: context.state.rowExpansion.sincronize); as clonedData) {\r\n          <p-table #dt\r\n            dataKey=\"id\"\r\n            editMode=\"row\"\r\n            [stripedRows]=\"context.state.styles.striped\"\r\n            [value]=\"clonedData.items\"\r\n            [(selection)]=\"selectedItems\"\r\n            [tableStyleClass]=\"context.state.styles.tableStyleClass\"\r\n            [size]=\"context.state.styles.size === 'extra-small' ? 'small' : context.state.styles.size === 'small' ? 'small' : context.state.styles.size === 'large' ? 'large' : undefined\"\r\n            [class]=\"'p-datatable-smz-ui-table' + (context.state.styles.showGrid ? ' p-datatable-gridlines' : '') + (context.state.styles.size === 'extra-small' ? ' p-datatable-xs' : '') + (context.state.styles.size === 'small' ? ' p-datatable-sm' : '') + (context.state.styles.size === 'large' ? ' p-datatable-lg' : '')\"\r\n            [rowHover]=\"context.state.actions.rowBehavior.hoverable\"\r\n            [rows]=\"context.state.pagination.rows\"\r\n            [first]=\"context.state.pagination.state.first\"\r\n            [showCurrentPageReport]=\"context.state.pagination.pageReport.isVisible\"\r\n            [rowsPerPageOptions]=\"context.state.pagination.rowsPerPageOptions\"\r\n            [loading]=\"loading || isViewportInitializing\"\r\n            [style.visibility]=\"isViewportInitializing ? 'hidden' : null\"\r\n            [paginator]=\"context.state.pagination.isVisible\"\r\n            paginatorDropdownAppendTo=\"body\"\r\n            [currentPageReportTemplate]=\"context.state.locale.paginator.template\"\r\n            [sortField]=\"context.state.sort.field\"\r\n            [sortMode]=\"context.state.sort.mode\"\r\n            [sortOrder]=\"context.state.sort.order\"\r\n            [multiSortMeta]=\"context.state.sort.multiSortMeta\"\r\n            [scrollable]=\"context.state.viewport.scrollable\"\r\n            [scrollHeight]=\"context.state.viewport.scrollHeight\"\r\n            [filterDelay]=\"0\"\r\n            [globalFilterFields]=\"context.globalFilter\"\r\n            [columns]=\"context.visibleColumns\"\r\n            [frozenColumns]=\"context.frozenColumns\"\r\n            [frozenWidth]=\"context.state.frozen.isEnabled ? context.state.frozen.width : null\"\r\n            [resizableColumns]=\"context.state.viewport.resizableColumns\"\r\n            [columnResizeMode]=\"context.state.viewport.columnResizeMode\"\r\n            (onPage)=\"onPage($event)\"\r\n            (onFilter)=\"onFilter($event)\"\r\n            (selectionChange)=\"emitSelection($event)\"\r\n            >\r\n            @if (context.state.caption.isVisible) {\r\n              <ng-template pTemplate=\"caption\">\r\n                <div class=\"grid grid-nogutter items-center gap-2\" [attr.data-testid]=\"buildTableTestId('caption')\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                  @if (context.state.caption.title != null) {\r\n                    <div class=\"col database-title\" [attr.data-testid]=\"buildTableTestId('title')\" [innerHTML]=\"context.state.caption.title\"></div>\r\n                  }\r\n                  <ng-container *ngTemplateOutlet=\"captionTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  <smz-table-caption-buttons [buttons]=\"context.state.caption.buttons\" [tableTestId]=\"state.tableTestId\"></smz-table-caption-buttons>\r\n                  @if (context.state.caption.exportToPdf.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-pdf')\" [label]=\"context.state.locale.exportToPdf.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-pdf\" (click)=\"exportToPdf(context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.exportToExcel.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-excel')\" [label]=\"context.state.locale.exportToExcel.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-excel\" (click)=\"exportToExcel(table, context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.editable.creation.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('create')\" [label]=\"context.state.editable.creation.buttonLabel\" class=\"p-button-outlined\" icon=\"fa-solid fa-plus\" (click)=\"editableService.onRowCreateInit(table, context.columns)\" [disabled]=\"clonedData.showSkeleton || editableService.isEditing || editableService.isCreating || context.state.editable.creation.isButtonDisabled\"></button>\r\n                  }\r\n                  @if (context.state.caption.rowSelection.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-selection')\" [label]=\"context.state.locale.rowSelection.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-check-double\" (click)=\"onRowSelection(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.rowExpansion.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-expansion')\" [label]=\"context.state.rowExpansion.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-list\" (click)=\"onRowExpansion(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.clearFilters.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('clear-filters')\" [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.columnVisibility.showDropdownSelector) {\r\n                    <p-multiSelect\r\n                      #columnMultiselect\r\n                      [attr.data-testid]=\"buildTableTestId('column-visibility')\"\r\n                      class=\"ml-2 col-12 md:col-2\"\r\n                      styleClass=\"w-full\"\r\n                      [options]=\"context.hideableColumns\"\r\n                      [(ngModel)]=\"selectedColumns\"\r\n                      [placeholder]=\"context.state.locale.columnVisibility.placeholder\"\r\n                      [selectedItemsLabel]=\"context.state.locale.columnVisibility.selectedItemsLabel\"\r\n                      optionLabel=\"name\"\r\n                      dataKey=\"field\"\r\n                      optionLabel=\"header\"\r\n                      [filter]=\"true\"\r\n                      (onPanelHide)=\"updateColumnsVisibility(true)\"\r\n                      [pTooltip]=\"context.state.locale.columnVisibility.pTooltip\">\r\n                    </p-multiSelect>\r\n                  }\r\n                  @if (context.state.caption.globalFilter.isVisible) {\r\n                    <p-iconfield class=\"col-12\" [ngClass]=\"{ 'md:col-2': !context.state.caption.globalFilter.expanded }\">\r\n                      <p-inputicon styleClass=\"pi pi-search\" />\r\n                      <input #inputGlobal [(ngModel)]=\"globalSearchInput\" pInputText type=\"text\" styleClass=\"database-global-search\" (input)=\"updateGlobalFilter(inputGlobal.value)\"  [disabled]=\"clonedData.showSkeleton\" [placeholder]=\"context.state.locale.globalFilter.placeholder\" [attr.data-testid]=\"buildTableTestId('search')\" />\r\n                    </p-iconfield>\r\n                  }\r\n                </div>\r\n                @if (toolbarTemplate != null) {\r\n                  <div class=\"grid grid-nogutter items-center mt-2\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                    <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  </div>\r\n                }\r\n              </ng-template>\r\n            }\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr [ngClass]=\"{ 'invisible-header': !context.state.header.isVisible }\">\r\n                @if (context.state.caption.rowSelection.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.caption.rowSelection.ngStyle\">\r\n                    @if (!context.state.actions.batchActions.isVisible) {\r\n                      <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                  </th>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.rowExpansion.ngStyle\"></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (context.state.viewport.resizableColumns) {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  } @else {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  }\r\n                  <ng-template #headerContent>\r\n                    <div class=\"flex justify-start items-center\">\r\n                      <span class=\"mr-1\">{{ col.header }}</span>\r\n                      @if (col.showHeaderActions) {\r\n                        <smz-table-header-actions clickStopPropagation class=\"ml-1 mt-1\" [col]=\"col\"></smz-table-header-actions>\r\n                      }\r\n                      @if (!clonedData.showSkeleton && col.isOrderable) {\r\n                        <p-sortIcon [field]=\"col.sortField\"></p-sortIcon>\r\n                      }\r\n                      @if (!clonedData.showSkeleton) {\r\n                        @switch (col.filter.type) {\r\n                          @case (filterTypes.currency) {\r\n                            <smz-column-filter type=\"numeric\" currency=\"BRL\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.numeric) {\r\n                            <smz-column-filter type=\"numeric\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.date) {\r\n                            <smz-column-filter type=\"date\" [field]=\"col.filterField\" [showTime]=\"col.filter.showTime\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.text) {\r\n                            <smz-column-filter type=\"text\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.boolean) {\r\n                            <smz-column-filter type=\"boolean\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.dropdown) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField + '.id'\" matchMode=\"dropdown\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-select appendTo=\"body\" [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-select>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"in\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_array) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"array-some\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : true\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_string) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"multiselectByString\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField : filterField : null : true : false : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                        }\r\n                      }\r\n                      @if (context.state.caption.columnVisibility.showColumnHideButton) {\r\n                        <button pButton type=\"button\" icon=\"fa-solid fa-eye-slash\" class=\"p-button-rounded p-button-text p-button-plain\" (click)=\"hideColumn(col, context)\"></button>\r\n                      }\r\n                    </div>\r\n                  </ng-template>\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible|| context.state.editable.isEditable) {\r\n                  <th [ngStyle]=\"context.state.editable.isEditable ? context.state.editable.ngStyle : context.state.actions.customActions.ngStyle\"></th>\r\n                }\r\n              </tr>\r\n              @if (context.state.actions.batchActions.isVisible) {\r\n                <tr>\r\n                  <th [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\"\r\n                    [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <p-tableHeaderCheckbox class=\"mr-4\"></p-tableHeaderCheckbox>\r\n                      @if (selectedItems?.length > 0) {\r\n                        @for (batchItem of context.state.actions.batchActions.items; track batchItem.label) {\r\n                          @if (batchItem.visible) {\r\n                            <button pButton [label]=\"batchItem.label\" class=\"p-button-rounded p-button-text p-button-plain animate__animated animate__fadeIn\" [ngClass]=\"batchItem.styleClass\" [icon]=\"batchItem.icon\" (click)=\"batchItem.command(selectedItems); selectedItems = [];\" [disabled]=\"batchItem.disabled\" [pTooltip]=\"batchItem.tooltip\"></button>\r\n                          }\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"body\" let-item let-editing=\"editing\" let-rowIndex=\"rowIndex\" let-columns=\"columns\">\r\n              <tr #editableRowElement\r\n                [pEditableRow]=\"item\"\r\n                tableItemAction\r\n                [isClickable]=\"context.state.actions.rowBehavior.isClickable\"\r\n                [callback]=\"context.state.actions.rowBehavior.clickCallback\"\r\n                [expandRowOnClick]=\"context.state.actions.rowBehavior.expandRowOnClick\"\r\n                [item]=\"item\"\r\n                class=\"p-selectable-row\"\r\n                [attr.data-testid]=\"buildRowTestId(item, rowIndex)\"\r\n                [ngClass]=\"{ 'highlight-row': item?.id === state.actions.rowBehavior.highlights, 'preserve-in-small': state.actions.rowBehavior.preserveLayoutInSmallDevices }\"\r\n                >\r\n                @if (context.state.caption.rowSelection.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\"\r\n                    [ngStyle]=\"context.state.caption.rowSelection.ngStyle\"\r\n                    >\r\n                    <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n                  </td>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading, 'grid grid-nogutter justify-start items-center gap-2': context.state.rowExpansion.highlightNewItems && item._isNew }\"\r\n                    [ngStyle]=\"context.state.rowExpansion.ngStyle\"\r\n                    >\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      class=\"p-button-text p-button-rounded p-button-sm smz-table-row-expansion-toggle\"\r\n                      [icon]=\"item._isExpanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"\r\n                      (click)=\"item._isExpanded = !item._isExpanded; item._isNew = false\"\r\n                    ></button>\r\n                    @if (context.state.rowExpansion.highlightNewItems && item._isNew) {\r\n                      <div class=\"rounded bg-cyan-400 text-sm text-white px-2 py-0 smz-table-new-tag\" (click)=\"item._isNew = false\">{{ context.state.rowExpansion.highlightLabel }}</div>\r\n                    }\r\n                  </td>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (clonedData.showSkeleton) {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [ngStyle]=\"col.content.ngStyle\"><p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton></td>\r\n                  } @else {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [attr.data-testid]=\"buildCellTestId(item, rowIndex, col.field)\" [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\" [ngStyle]=\"col.content.ngStyle\">\r\n                      <span class=\"p-column-title\">{{ col.header }}</span>\r\n                      <p-cellEditor>\r\n                        <!-- CELULAR COM EDITOR -->\r\n                        <ng-template pTemplate=\"input\">\r\n                          @switch (col.editable.type) {\r\n                            @case (editableTypes.none) {\r\n                              <smz-table-content class=\"cursor-default\" [ngClass]=\"col.content.contentStyleClass\" [col]=\"col\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\"></smz-table-content>\r\n                            }\r\n                            @case (editableTypes.custom) {\r\n                              <ng-container *ngTemplateOutlet=\"editableTemplate; context: { $implicit: item, col: col }\"></ng-container>\r\n                            }\r\n                            <!-- INPUT TEXT -->\r\n                            @case (editableTypes.text) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <input pInputText type=\"text\" [formControl]=\"$any(control)\" style=\"width: 100%;\">\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT NUMBER -->\r\n                            @case (editableTypes.number) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-inputNumber\r\n                                      *ngVar=\"col.editable.data as numberData\"\r\n                                      [formControl]=\"$any(control)\"\r\n                                      [mode]=\"numberData.mode\"\r\n                                      [minFractionDigits]=\"numberData.minFractionDigits\"\r\n                                      [maxFractionDigits]=\"numberData.maxFractionDigits\"\r\n                                      [currency]=\"numberData.currency\"\r\n                                      [useGrouping]=\"numberData.useGrouping\"\r\n                                      [allowEmpty]=\"numberData.allowEmpty\"\r\n                                      [showClear]=\"numberData.showClear\"\r\n                                      [showButtons]=\"numberData.showButtons\"\r\n                                      [prefix]=\"numberData.prefix\"\r\n                                      [suffix]=\"numberData.suffix\">\r\n                                    </p-inputNumber>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT SWITCH -->\r\n                            @case (editableTypes.switch) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-toggleswitch [formControl]=\"$any(control)\"></p-toggleswitch>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT TEXT AREA -->\r\n                            @case (editableTypes.area) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <textarea pInputTextarea type=\"text\" [formControl]=\"$any(control)\" [rows]=\"$any(col.editable.data).rows\" required style=\"width: 100%;\"></textarea>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT DROPDOWN -->\r\n                            @case (editableTypes.dropdown) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-select appendTo=\"body\" [formControl]=\"$any(control)\" styleClass=\"w-full\" [options]=\"col.editable.data | editableSource\" optionLabel=\"name\" dataKey=\"id\" [placeholder]=\"$any(col.editable.data).placeholder\" [showClear]=\"!col.editable.validatorsPreset?.isRequired\" [filter]=\"true\"></p-select>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT CALENDAR -->\r\n                            @case (editableTypes.calendar) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-datepicker [formControl]=\"$any(control)\" appendTo=\"body\" styleClass=\"w-full\" [ngClass]=\"{ 'pl-5': !control.valid }\"></p-datepicker>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        </ng-template>\r\n                        <!-- CELULAR COM CONTE\u00DADO -->\r\n                        <ng-template pTemplate=\"output\">\r\n                          <smz-table-content\r\n                            [col]=\"col\"\r\n                            [pTooltip]=\"col.content.tooltip != null ? col.content.tooltip(item) : null\"\r\n                            tooltipPosition=\"left\"\r\n                            [ngClass]=\"col.content.contentStyleClass\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\">\r\n                          </smz-table-content>\r\n                        </ng-template>\r\n                      </p-cellEditor>\r\n                    </td>\r\n                  }\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) {\r\n                  <td [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-center\">\r\n                      @if (clonedData.showSkeleton) {\r\n                        <div class=\"w-full\">\r\n                          <p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton>\r\n                        </div>\r\n                      } @else {\r\n                        <!-- SEM EDITAR -->\r\n                        @if (!editing) {\r\n                          @if (context.state.editable.update.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-pencil\" (click)=\"editableService.onRowEditInit(item)\" class=\"p-button-rounded p-button-text mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.update.isButtonDisabled || (!context.state.editable.update.condition(item))\" pInitEditableRow></button>\r\n                          }\r\n                          @if (context.state.editable.remove.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-trash\" (click)=\"editableService.onRowRemove($event, table, item)\" class=\"p-button-rounded p-button-text p-button-secondary mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.remove.isButtonDisabled || (!context.state.editable.remove.condition(item))\"></button>\r\n                          }\r\n                        }\r\n                        <!-- EDITANDO -->\r\n                        @if (editing) {\r\n                          @if (editableService.context[item.id]; as editableContext) {\r\n                            <!-- COM LOADING -->\r\n                            @if (editableContext.isLoading) {\r\n                              <button pButton type=\"button\" icon=\"fa-solid fa-rotate fa-spin\" [disabled]=\"true\" class=\"p-button-rounded p-button-text p-button-info mr-2\"></button>\r\n                            }\r\n                            <!-- SEM LOADING -->\r\n                            @if (!editableContext.isLoading) {\r\n                              <!-- EDITANDO -->\r\n                              @if (!editableContext.hasErrors) {\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowCreateSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowEditSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                              <!-- COM ERRORS -->\r\n                              @if (editableContext.hasErrors) {\r\n                                <p-popover #errorsOverlay appendTo=\"body\" [style]=\"{ width: '450px' }\">\r\n                                  <div [innerHtml]=\"editableContext.errors | contentErrors\"></div>\r\n                                </p-popover>\r\n                                <button pButton type=\"button\" icon=\"fas fa-exclamation-triangle\" [disabled]=\"false\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger mr-2\" (click)=\"errorsOverlay.toggle($event)\"></button>\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        }\r\n                        <!-- CUSTOM MENU -->\r\n                        @if (context.state.actions.customActions.isVisible && !editing) {\r\n                          <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: item }\"></ng-container>\r\n                        }\r\n                        <!-- MENU -->\r\n                        @if (context.state.actions.menu.isVisible && !editing) {\r\n                          <smz-menu [callback]=\"context.state.actions.menu.callback\" [items]=\"context.state.actions.menu.items\" [data]=\"item\" [behavior]=\"context.state.actions.menu.behavior\" [ngClass]=\"{ 'ml-2': context.state.actions.customActions.isVisible }\" [icon]=\"context.state.actions.menu.styles.icon\" [styleClass]=\"context.state.actions.menu.styles.styleClass\" [buttonClass]=\"context.state.actions.menu.styles.buttonClass\" [testId]=\"buildRowMenuTestId(item, rowIndex)\"></smz-menu>\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </td>\r\n                }\r\n              </tr>\r\n              @if (item?._isExpanded) {\r\n                <tr>\r\n                  <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\">\r\n                    <ng-container *ngTemplateOutlet=\"rowContentTemplate; context: { $implicit: item }\"></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"emptymessage\" let-columns>\r\n              <tr>\r\n                <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\" [ngStyle]=\"{ 'text-align': 'center' }\">\r\n                  <div [innerHtml]=\"context.state.emptyFeedback.message\"></div>\r\n                  @if (context.state.caption.clearFilters.isButtonVisible && hasFilters()) {\r\n                    <button pButton [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined mt-3\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\"></button>\r\n                  }\r\n                </td>\r\n              </tr>\r\n            </ng-template>\r\n          </p-table>\r\n        }\r\n      </ng-container>\r\n    </ng-container>\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n" }]
+            args: [{ selector: 'smz-ui-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableEditableService, TableFormsService], standalone: false, template: "@if (state | tableContext; as context) {\r\n  @if ((context.state.emptyFeedback != null && (context.state.emptyFeedback.extraInfo || context.state.emptyFeedback.image || context.state.emptyFeedback.actionButtons)) && (items != null && items.length === 0) && context.state.emptyFeedback.isFeatured) {\r\n    <smz-data-info\r\n      [attr.data-testid]=\"buildTableTestId('empty')\"\r\n      [image]=\"context.state.emptyFeedback.image\"\r\n      [message]=\"context.state.emptyFeedback.message\"\r\n      [callbackInfo]=\"context.state.emptyFeedback.extraInfo\"\r\n      [actions]=\"context.state.emptyFeedback.actionButtons\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    <ng-container *ngVar=\"state.source?.items$ != null ? (state.source.items$ | async) : null as observableSource\">\r\n      <ng-container *ngVar=\"state.source?.signalItems != null ? state.source.signalItems() : null as signalSource\">\r\n        @if (((observableSource ?? signalSource ?? items) | cloneTableItems : context: tableKey: context.state.rowExpansion.sincronize); as clonedData) {\r\n          <p-table #dt\r\n            dataKey=\"id\"\r\n            editMode=\"row\"\r\n            [stripedRows]=\"context.state.styles.striped\"\r\n            [value]=\"clonedData.items\"\r\n            [(selection)]=\"selectedItems\"\r\n            [tableStyleClass]=\"context.state.styles.tableStyleClass\"\r\n            [size]=\"context.state.styles.size === 'extra-small' ? 'small' : context.state.styles.size === 'small' ? 'small' : context.state.styles.size === 'large' ? 'large' : undefined\"\r\n            [class]=\"'p-datatable-smz-ui-table' + (context.state.styles.showGrid ? ' p-datatable-gridlines' : '') + (context.state.styles.size === 'extra-small' ? ' p-datatable-xs' : '') + (context.state.styles.size === 'small' ? ' p-datatable-sm' : '') + (context.state.styles.size === 'large' ? ' p-datatable-lg' : '')\"\r\n            [rowHover]=\"context.state.actions.rowBehavior.hoverable\"\r\n            [rows]=\"context.state.pagination.rows\"\r\n            [first]=\"context.state.pagination.state.first\"\r\n            [showCurrentPageReport]=\"context.state.pagination.pageReport.isVisible\"\r\n            [rowsPerPageOptions]=\"context.state.pagination.rowsPerPageOptions\"\r\n            [loading]=\"loading || isViewportInitializing\"\r\n            [style.visibility]=\"isViewportInitializing ? 'hidden' : null\"\r\n            [paginator]=\"context.state.pagination.isVisible\"\r\n            paginatorDropdownAppendTo=\"body\"\r\n            [currentPageReportTemplate]=\"context.state.locale.paginator.template\"\r\n            [sortField]=\"context.state.sort.field\"\r\n            [sortMode]=\"context.state.sort.mode\"\r\n            [sortOrder]=\"context.state.sort.order\"\r\n            [multiSortMeta]=\"context.state.sort.multiSortMeta\"\r\n            [scrollable]=\"context.state.viewport.scrollable\"\r\n            [scrollHeight]=\"context.state.viewport.scrollHeight\"\r\n            [filterDelay]=\"0\"\r\n            [globalFilterFields]=\"context.globalFilter\"\r\n            [columns]=\"context.visibleColumns\"\r\n            [frozenColumns]=\"context.frozenColumns\"\r\n            [frozenWidth]=\"context.state.frozen.isEnabled ? context.state.frozen.width : null\"\r\n            [resizableColumns]=\"context.state.viewport.resizableColumns\"\r\n            [columnResizeMode]=\"context.state.viewport.columnResizeMode\"\r\n            (onPage)=\"onPage($event)\"\r\n            (onFilter)=\"onFilter($event)\"\r\n            (selectionChange)=\"emitSelection($event)\"\r\n            >\r\n            @if (context.state.caption.isVisible) {\r\n              <ng-template pTemplate=\"caption\">\r\n                <div class=\"grid grid-nogutter items-center gap-2\" [attr.data-testid]=\"buildTableTestId('caption')\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                  @if (context.state.caption.title != null) {\r\n                    <div class=\"col database-title\" [attr.data-testid]=\"buildTableTestId('title')\" [innerHTML]=\"context.state.caption.title\"></div>\r\n                  }\r\n                  <ng-container *ngTemplateOutlet=\"captionTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  <smz-table-caption-buttons [buttons]=\"context.state.caption.buttons\" [tableTestId]=\"state.tableTestId\"></smz-table-caption-buttons>\r\n                  @if (context.state.caption.exportToPdf.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-pdf')\" [label]=\"context.state.locale.exportToPdf.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-pdf\" (click)=\"exportToPdf(context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.exportToExcel.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('export-excel')\" [label]=\"context.state.locale.exportToExcel.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-file-excel\" (click)=\"exportToExcel(table, context, clonedData.items)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.editable.creation.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('create')\" [label]=\"context.state.editable.creation.buttonLabel\" class=\"p-button-outlined\" icon=\"fa-solid fa-plus\" (click)=\"editableService.onRowCreateInit(table, context.columns)\" [disabled]=\"clonedData.showSkeleton || editableService.isEditing || editableService.isCreating || context.state.editable.creation.isButtonDisabled\"></button>\r\n                  }\r\n                  @if (context.state.caption.rowSelection.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-selection')\" [label]=\"context.state.locale.rowSelection.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-check-double\" (click)=\"onRowSelection(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.rowExpansion.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('row-expansion')\" [label]=\"context.state.rowExpansion.label\" class=\"p-button-outlined\" icon=\"fa-solid fa-list\" (click)=\"onRowExpansion(context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.clearFilters.isButtonVisible) {\r\n                    <button pButton [attr.data-testid]=\"buildTableTestId('clear-filters')\" [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\" [disabled]=\"clonedData.showSkeleton\"></button>\r\n                  }\r\n                  @if (context.state.caption.columnVisibility.showDropdownSelector) {\r\n                    <p-multiSelect\r\n                      #columnMultiselect\r\n                      [attr.data-testid]=\"buildTableTestId('column-visibility')\"\r\n                      class=\"ml-2 col-12 md:col-2\"\r\n                      styleClass=\"w-full\"\r\n                      appendTo=\"body\"\r\n                      [options]=\"context.hideableColumns\"\r\n                      [(ngModel)]=\"selectedColumns\"\r\n                      [placeholder]=\"context.state.locale.columnVisibility.placeholder\"\r\n                      [selectedItemsLabel]=\"context.state.locale.columnVisibility.selectedItemsLabel\"\r\n                      optionLabel=\"name\"\r\n                      dataKey=\"field\"\r\n                      optionLabel=\"header\"\r\n                      [filter]=\"true\"\r\n                      (onPanelHide)=\"updateColumnsVisibility(true)\"\r\n                      [pTooltip]=\"context.state.locale.columnVisibility.pTooltip\">\r\n                    </p-multiSelect>\r\n                  }\r\n                  @if (context.state.caption.globalFilter.isVisible) {\r\n                    <p-iconfield class=\"col-12\" [ngClass]=\"{ 'md:col-2': !context.state.caption.globalFilter.expanded }\">\r\n                      <p-inputicon styleClass=\"pi pi-search\" />\r\n                      <input #inputGlobal [(ngModel)]=\"globalSearchInput\" pInputText type=\"text\" styleClass=\"database-global-search\" (input)=\"updateGlobalFilter(inputGlobal.value)\"  [disabled]=\"clonedData.showSkeleton\" [placeholder]=\"context.state.locale.globalFilter.placeholder\" [attr.data-testid]=\"buildTableTestId('search')\" />\r\n                    </p-iconfield>\r\n                  }\r\n                </div>\r\n                @if (toolbarTemplate != null) {\r\n                  <div class=\"grid grid-nogutter items-center mt-2\" [ngClass]=\"'justify-' + context.state.caption.toolbarAlignment\">\r\n                    <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                  </div>\r\n                }\r\n              </ng-template>\r\n            }\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr [ngClass]=\"{ 'invisible-header': !context.state.header.isVisible }\">\r\n                @if (context.state.caption.rowSelection.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.caption.rowSelection.ngStyle\">\r\n                    @if (!context.state.actions.batchActions.isVisible) {\r\n                      <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                  </th>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled) {\r\n                  <th [ngStyle]=\"context.state.rowExpansion.ngStyle\"></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (context.state.viewport.resizableColumns) {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th pResizableColumn [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  } @else {\r\n                    @if (col.isOrderable) {\r\n                      <th [pSortableColumn]=\"col.sortField\" [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                    @if (!col.isOrderable) {\r\n                      <th [attr.data-testid]=\"buildColumnTestId(col.field)\" [ngStyle]=\"col.content.ngStyle\" [ngClass]=\"col.headerStyleClass\">\r\n                        <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\r\n                      </th>\r\n                    }\r\n                  }\r\n                  <ng-template #headerContent>\r\n                    <div class=\"flex justify-start items-center\">\r\n                      <span class=\"mr-1\">{{ col.header }}</span>\r\n                      @if (col.showHeaderActions) {\r\n                        <smz-table-header-actions clickStopPropagation class=\"ml-1 mt-1\" [col]=\"col\"></smz-table-header-actions>\r\n                      }\r\n                      @if (!clonedData.showSkeleton && col.isOrderable) {\r\n                        <p-sortIcon [field]=\"col.sortField\"></p-sortIcon>\r\n                      }\r\n                      @if (!clonedData.showSkeleton) {\r\n                        @switch (col.filter.type) {\r\n                          @case (filterTypes.currency) {\r\n                            <smz-column-filter type=\"numeric\" currency=\"BRL\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.numeric) {\r\n                            <smz-column-filter type=\"numeric\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.date) {\r\n                            <smz-column-filter type=\"date\" [field]=\"col.filterField\" [showTime]=\"col.filter.showTime\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.text) {\r\n                            <smz-column-filter type=\"text\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.boolean) {\r\n                            <smz-column-filter type=\"boolean\" [field]=\"col.filterField\"></smz-column-filter>\r\n                          }\r\n                          @case (filterTypes.dropdown) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField + '.id'\" matchMode=\"dropdown\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-select appendTo=\"body\" [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-select>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"in\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_array) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"array-some\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField + '.id' : filterField : null : 'name' : true\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" optionLabel=\"name\" dataKey=\"id\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                          @case (filterTypes.multiselect_string) {\r\n                            @if (col.filterField | filterObject; as filterField) {\r\n                              <smz-column-filter [field]=\"filterField\" matchMode=\"multiselectByString\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                  <div class=\"px-3 pt-3 pb-0\">\r\n                                    <span class=\"p-text-bold\">{{ col.header }}</span>\r\n                                  </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"filter\" let-value let-filter=\"filter\">\r\n                                  <p-multiSelect [ngModel]=\"value\" [options]=\"(clonedData.items != null ? clonedData.items : []) | uniqueFilter : filterField : filterField : null : true : false : false\" [placeholder]=\"context.state.locale.dropdownFilter.placeholder\" (onChange)=\"filter($event.value)\" [maxSelectedLabels]=\"2\" [selectedItemsLabel]=\"'{0}'\"></p-multiSelect>\r\n                                </ng-template>\r\n                              </smz-column-filter>\r\n                            }\r\n                          }\r\n                        }\r\n                      }\r\n                      @if (context.state.caption.columnVisibility.showColumnHideButton) {\r\n                        <button pButton type=\"button\" icon=\"fa-solid fa-eye-slash\" class=\"p-button-rounded p-button-text p-button-plain\" (click)=\"hideColumn(col, context)\"></button>\r\n                      }\r\n                    </div>\r\n                  </ng-template>\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible|| context.state.editable.isEditable) {\r\n                  <th [ngStyle]=\"context.state.editable.isEditable ? context.state.editable.ngStyle : context.state.actions.customActions.ngStyle\"></th>\r\n                }\r\n              </tr>\r\n              @if (context.state.actions.batchActions.isVisible) {\r\n                <tr>\r\n                  <th [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\"\r\n                    [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <p-tableHeaderCheckbox class=\"mr-4\"></p-tableHeaderCheckbox>\r\n                      @if (selectedItems?.length > 0) {\r\n                        @for (batchItem of context.state.actions.batchActions.items; track batchItem.label) {\r\n                          @if (batchItem.visible) {\r\n                            <button pButton [label]=\"batchItem.label\" class=\"p-button-rounded p-button-text p-button-plain animate__animated animate__fadeIn\" [ngClass]=\"batchItem.styleClass\" [icon]=\"batchItem.icon\" (click)=\"batchItem.command(selectedItems); selectedItems = [];\" [disabled]=\"batchItem.disabled\" [pTooltip]=\"batchItem.tooltip\"></button>\r\n                          }\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"body\" let-item let-editing=\"editing\" let-rowIndex=\"rowIndex\" let-columns=\"columns\">\r\n              <tr #editableRowElement\r\n                [pEditableRow]=\"item\"\r\n                tableItemAction\r\n                [isClickable]=\"context.state.actions.rowBehavior.isClickable\"\r\n                [callback]=\"context.state.actions.rowBehavior.clickCallback\"\r\n                [expandRowOnClick]=\"context.state.actions.rowBehavior.expandRowOnClick\"\r\n                [item]=\"item\"\r\n                class=\"p-selectable-row\"\r\n                [attr.data-testid]=\"buildRowTestId(item, rowIndex)\"\r\n                [ngClass]=\"{ 'highlight-row': item?.id === state.actions.rowBehavior.highlights, 'preserve-in-small': state.actions.rowBehavior.preserveLayoutInSmallDevices }\"\r\n                >\r\n                @if (context.state.caption.rowSelection.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\"\r\n                    [ngStyle]=\"context.state.caption.rowSelection.ngStyle\"\r\n                    >\r\n                    <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n                  </td>\r\n                }\r\n                @if (context.state.rowExpansion.isEnabled && !clonedData.showSkeleton) {\r\n                  <td\r\n                    clickStopPropagation\r\n                    class=\"{{ state.actions.rowBehavior.cellStyleClass }}\"\r\n                    [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading, 'grid grid-nogutter justify-start items-center gap-2': context.state.rowExpansion.highlightNewItems && item._isNew }\"\r\n                    [ngStyle]=\"context.state.rowExpansion.ngStyle\"\r\n                    >\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      class=\"p-button-text p-button-rounded p-button-sm smz-table-row-expansion-toggle\"\r\n                      [icon]=\"item._isExpanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"\r\n                      (click)=\"item._isExpanded = !item._isExpanded; item._isNew = false\"\r\n                    ></button>\r\n                    @if (context.state.rowExpansion.highlightNewItems && item._isNew) {\r\n                      <div class=\"rounded bg-cyan-400 text-sm text-white px-2 py-0 smz-table-new-tag\" (click)=\"item._isNew = false\">{{ context.state.rowExpansion.highlightLabel }}</div>\r\n                    }\r\n                  </td>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  @if (clonedData.showSkeleton) {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [ngStyle]=\"col.content.ngStyle\"><p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton></td>\r\n                  } @else {\r\n                    <td class=\"{{ state.actions.rowBehavior.cellStyleClass }}\" [attr.data-testid]=\"buildCellTestId(item, rowIndex, col.field)\" [ngClass]=\"{ 'opacity-50 pointer-events-none': editableService.context[item.id]?.hasErrors || editableService.context[item.id]?.isLoading }\" [ngStyle]=\"col.content.ngStyle\">\r\n                      <span class=\"p-column-title\">{{ col.header }}</span>\r\n                      <p-cellEditor>\r\n                        <!-- CELULAR COM EDITOR -->\r\n                        <ng-template pTemplate=\"input\">\r\n                          @switch (col.editable.type) {\r\n                            @case (editableTypes.none) {\r\n                              <smz-table-content class=\"cursor-default\" [ngClass]=\"col.content.contentStyleClass\" [col]=\"col\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\"></smz-table-content>\r\n                            }\r\n                            @case (editableTypes.custom) {\r\n                              <ng-container *ngTemplateOutlet=\"editableTemplate; context: { $implicit: item, col: col }\"></ng-container>\r\n                            }\r\n                            <!-- INPUT TEXT -->\r\n                            @case (editableTypes.text) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <input pInputText type=\"text\" [formControl]=\"$any(control)\" style=\"width: 100%;\">\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT NUMBER -->\r\n                            @case (editableTypes.number) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-inputNumber\r\n                                      *ngVar=\"col.editable.data as numberData\"\r\n                                      [formControl]=\"$any(control)\"\r\n                                      [mode]=\"numberData.mode\"\r\n                                      [minFractionDigits]=\"numberData.minFractionDigits\"\r\n                                      [maxFractionDigits]=\"numberData.maxFractionDigits\"\r\n                                      [currency]=\"numberData.currency\"\r\n                                      [useGrouping]=\"numberData.useGrouping\"\r\n                                      [allowEmpty]=\"numberData.allowEmpty\"\r\n                                      [showClear]=\"numberData.showClear\"\r\n                                      [showButtons]=\"numberData.showButtons\"\r\n                                      [prefix]=\"numberData.prefix\"\r\n                                      [suffix]=\"numberData.suffix\">\r\n                                    </p-inputNumber>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT SWITCH -->\r\n                            @case (editableTypes.switch) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-toggleswitch [formControl]=\"$any(control)\"></p-toggleswitch>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT TEXT AREA -->\r\n                            @case (editableTypes.area) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <textarea pInputTextarea type=\"text\" [formControl]=\"$any(control)\" [rows]=\"$any(col.editable.data).rows\" required style=\"width: 100%;\"></textarea>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT DROPDOWN -->\r\n                            @case (editableTypes.dropdown) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-select appendTo=\"body\" [formControl]=\"$any(control)\" styleClass=\"w-full\" [options]=\"col.editable.data | editableSource\" optionLabel=\"name\" dataKey=\"id\" [placeholder]=\"$any(col.editable.data).placeholder\" [showClear]=\"!col.editable.validatorsPreset?.isRequired\" [filter]=\"true\"></p-select>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                            <!-- INPUT CALENDAR -->\r\n                            @case (editableTypes.calendar) {\r\n                              @if (editableService.context[item.id]?.form; as form) {\r\n                                @if (form.controls[col.editable.property]; as control) {\r\n                                  <div class=\"relative w-full\">\r\n                                    <p-datepicker [formControl]=\"$any(control)\" appendTo=\"body\" styleClass=\"w-full\" [ngClass]=\"{ 'pl-5': !control.valid }\"></p-datepicker>\r\n                                    <smz-table-validation-messages [errors]=\"control.errors\" [messages]=\"uiConfig.dialogs.forms.validationMessages\" [isFormInvalid]=\"form.invalid\" [isFormDirty]=\"form.dirty\"></smz-table-validation-messages>\r\n                                  </div>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        </ng-template>\r\n                        <!-- CELULAR COM CONTE\u00DADO -->\r\n                        <ng-template pTemplate=\"output\">\r\n                          <smz-table-content\r\n                            [col]=\"col\"\r\n                            [pTooltip]=\"col.content.tooltip != null ? col.content.tooltip(item) : null\"\r\n                            tooltipPosition=\"left\"\r\n                            [ngClass]=\"col.content.contentStyleClass\" [contentTypes]=\"contentTypes\" [item]=\"item\" [rowIndex]=\"rowIndex\" [contentTemplate]=\"contentTemplate\">\r\n                          </smz-table-content>\r\n                        </ng-template>\r\n                      </p-cellEditor>\r\n                    </td>\r\n                  }\r\n                }\r\n                @if (context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) {\r\n                  <td [ngStyle]=\"context.state.actions.customActions.ngStyle\" class=\"px-0\">\r\n                    <div class=\"grid grid-nogutter items-center justify-center\">\r\n                      @if (clonedData.showSkeleton) {\r\n                        <div class=\"w-full\">\r\n                          <p-skeleton width=\"100%\" height=\"1rem\"></p-skeleton>\r\n                        </div>\r\n                      } @else {\r\n                        <!-- SEM EDITAR -->\r\n                        @if (!editing) {\r\n                          @if (context.state.editable.update.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-pencil\" (click)=\"editableService.onRowEditInit(item)\" class=\"p-button-rounded p-button-text mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.update.isButtonDisabled || (!context.state.editable.update.condition(item))\" pInitEditableRow></button>\r\n                          }\r\n                          @if (context.state.editable.remove.isButtonVisible) {\r\n                            <button pButton type=\"button\" icon=\"pi pi-trash\" (click)=\"editableService.onRowRemove($event, table, item)\" class=\"p-button-rounded p-button-text p-button-secondary mx-1\" [disabled]=\"editableService.isEditing || editableService.isCreating || context.state.editable.remove.isButtonDisabled || (!context.state.editable.remove.condition(item))\"></button>\r\n                          }\r\n                        }\r\n                        <!-- EDITANDO -->\r\n                        @if (editing) {\r\n                          @if (editableService.context[item.id]; as editableContext) {\r\n                            <!-- COM LOADING -->\r\n                            @if (editableContext.isLoading) {\r\n                              <button pButton type=\"button\" icon=\"fa-solid fa-rotate fa-spin\" [disabled]=\"true\" class=\"p-button-rounded p-button-text p-button-info mr-2\"></button>\r\n                            }\r\n                            <!-- SEM LOADING -->\r\n                            @if (!editableContext.isLoading) {\r\n                              <!-- EDITANDO -->\r\n                              @if (!editableContext.hasErrors) {\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowCreateSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-check\" (click)=\"editableService.onRowEditSave($event, table, editableRowElement, item)\" [disabled]=\"!editableContext.hasChanged || !editableService.context[item.id]?.form.valid\" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button>\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                              <!-- COM ERRORS -->\r\n                              @if (editableContext.hasErrors) {\r\n                                <p-popover #errorsOverlay appendTo=\"body\" [style]=\"{ width: '450px' }\">\r\n                                  <div [innerHtml]=\"editableContext.errors | contentErrors\"></div>\r\n                                </p-popover>\r\n                                <button pButton type=\"button\" icon=\"fas fa-exclamation-triangle\" [disabled]=\"false\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger mr-2\" (click)=\"errorsOverlay.toggle($event)\"></button>\r\n                                <!-- CRIANDO -->\r\n                                @if (item._context?.isCreating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowCreateCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                                <!-- ATUALIZANDO -->\r\n                                @if (item._context?.isUpdating) {\r\n                                  <button pButton type=\"button\" icon=\"pi pi-times\" (click)=\"editableService.onRowEditCancel($event, table, item)\" class=\"p-button-sm p-button-rounded p-button-text p-button-danger\"></button>\r\n                                }\r\n                              }\r\n                            }\r\n                          }\r\n                        }\r\n                        <!-- CUSTOM MENU -->\r\n                        @if (context.state.actions.customActions.isVisible && !editing) {\r\n                          <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: item }\"></ng-container>\r\n                        }\r\n                        <!-- MENU -->\r\n                        @if (context.state.actions.menu.isVisible && !editing) {\r\n                          <smz-menu [callback]=\"context.state.actions.menu.callback\" [items]=\"context.state.actions.menu.items\" [data]=\"item\" [behavior]=\"context.state.actions.menu.behavior\" [ngClass]=\"{ 'ml-2': context.state.actions.customActions.isVisible }\" [icon]=\"context.state.actions.menu.styles.icon\" [styleClass]=\"context.state.actions.menu.styles.styleClass\" [buttonClass]=\"context.state.actions.menu.styles.buttonClass\" [testId]=\"buildRowMenuTestId(item, rowIndex)\"></smz-menu>\r\n                        }\r\n                      }\r\n                    </div>\r\n                  </td>\r\n                }\r\n              </tr>\r\n              @if (item?._isExpanded) {\r\n                <tr>\r\n                  <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\">\r\n                    <ng-container *ngTemplateOutlet=\"rowContentTemplate; context: { $implicit: item }\"></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </ng-template>\r\n            <ng-template pTemplate=\"emptymessage\" let-columns>\r\n              <tr>\r\n                <td [attr.colspan]=\"columns.length + ((context.state.actions.menu.isVisible || context.state.actions.customActions.isVisible || context.state.editable.isEditable) ? 1 : 0) + (context.state.caption.rowSelection.isEnabled ? 1 : 0) + (context.state.rowExpansion.isEnabled ? 1 : 0)\" [ngStyle]=\"{ 'text-align': 'center' }\">\r\n                  <div [innerHtml]=\"context.state.emptyFeedback.message\"></div>\r\n                  @if (context.state.caption.clearFilters.isButtonVisible && hasFilters()) {\r\n                    <button pButton [label]=\"context.state.locale.clearFilters.label\" class=\"p-button-outlined mt-3\" icon=\"pi pi-filter-slash\" (click)=\"clear(table, context)\"></button>\r\n                  }\r\n                </td>\r\n              </tr>\r\n            </ng-template>\r\n          </p-table>\r\n        }\r\n      </ng-container>\r\n    </ng-container>\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TableEditableService }, { type: TableFormsService }, { type: TableHelperService }, { type: i1$6.Store }, { type: SmzExcelService }], propDecorators: { templates: [{
                 type: ContentChildren,
                 args: [PrimeTemplate]
@@ -28343,6 +28381,10 @@ class SmzDialogCustomButtonBuilder {
         }
         return this;
     }
+    /**
+     * NGXS action types listened via `ofActionSuccessful` / `ofActionErrored` while the button blocks the UI.
+     * Pass action classes (constructors), not plain callbacks.
+     */
     blockUi(successAction, erroredAction) {
         this.button.blockUi = { successAction, erroredAction };
         return this;
@@ -31164,13 +31206,180 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$6.Store }] });
 
+const ATTEMPTED_ROUTE_STORAGE_SUFFIX = '_attempted_route';
+function getAttemptedRouteStorageKey(localStoragePrefix) {
+    return `${localStoragePrefix}${ATTEMPTED_ROUTE_STORAGE_SUFFIX}`;
+}
+function normalizePathname(path) {
+    if (path == null || path.trim() === '') {
+        return '/';
+    }
+    const withoutHash = path.split('#')[0];
+    const withoutQuery = withoutHash.split('?')[0].trim();
+    const withLeadingSlash = withoutQuery.startsWith('/') ? withoutQuery : `/${withoutQuery}`;
+    if (withLeadingSlash.length > 1 && withLeadingSlash.endsWith('/')) {
+        return withLeadingSlash.slice(0, -1);
+    }
+    return withLeadingSlash;
+}
+function pathnamesAreEqual(left, right) {
+    return normalizePathname(left) === normalizePathname(right);
+}
+function isRelativeInternalPath(url) {
+    if (url == null) {
+        return false;
+    }
+    const trimmedUrl = url.trim();
+    if (trimmedUrl === '') {
+        return false;
+    }
+    if (!trimmedUrl.startsWith('/')) {
+        return false;
+    }
+    if (trimmedUrl.startsWith('//')) {
+        return false;
+    }
+    if (trimmedUrl.includes('\\')) {
+        return false;
+    }
+    const pathname = normalizePathname(trimmedUrl);
+    if (pathname.includes(':')) {
+        return false;
+    }
+    return true;
+}
+function isLoginOrNonAuthenticatedPath(url, config) {
+    const pathname = normalizePathname(url);
+    const matchesNonAuthenticatedRoot = pathnamesAreEqual(pathname, config.nonAuthenticatedRoot);
+    const matchesLoginRoute = pathnamesAreEqual(pathname, config.loginRoute);
+    return matchesNonAuthenticatedRoot || matchesLoginRoute;
+}
+/**
+ * Returns true when `url` is a same-app relative path and is not the login page.
+ */
+function isValidAttemptedRoute(url, config) {
+    if (!isRelativeInternalPath(url)) {
+        return false;
+    }
+    if (isLoginOrNonAuthenticatedPath(url, config)) {
+        return false;
+    }
+    return true;
+}
+/**
+ * Joins the router state URL with a fragment when the URL does not already include one.
+ */
+function composeAttemptedRoute(routerStateUrl, fragment) {
+    if (fragment == null || fragment === '') {
+        return routerStateUrl;
+    }
+    if (routerStateUrl.includes('#')) {
+        return routerStateUrl;
+    }
+    return `${routerStateUrl}#${fragment}`;
+}
+function captureAttemptedRoute$1(url, config) {
+    if (!isValidAttemptedRoute(url, config)) {
+        return;
+    }
+    sessionStorage.setItem(getAttemptedRouteStorageKey(config.localStoragePrefix), url);
+}
+function peekAttemptedRoute$1(config) {
+    const storedUrl = sessionStorage.getItem(getAttemptedRouteStorageKey(config.localStoragePrefix));
+    if (storedUrl == null || !isValidAttemptedRoute(storedUrl, config)) {
+        return null;
+    }
+    return storedUrl;
+}
+function consumeAttemptedRoute$1(config) {
+    const storageKey = getAttemptedRouteStorageKey(config.localStoragePrefix);
+    const storedUrl = sessionStorage.getItem(storageKey);
+    sessionStorage.removeItem(storageKey);
+    if (storedUrl == null || !isValidAttemptedRoute(storedUrl, config)) {
+        return null;
+    }
+    return storedUrl;
+}
+function clearAttemptedRoute$1(config) {
+    sessionStorage.removeItem(getAttemptedRouteStorageKey(config.localStoragePrefix));
+}
+function resolvePostLoginUrl$1(config) {
+    const attemptedRoute = consumeAttemptedRoute$1(config);
+    if (attemptedRoute != null) {
+        return attemptedRoute;
+    }
+    return config.authenticatedRoot;
+}
+function buildLoginPageUrlWithOrigin(origin, nonAuthenticatedRoot, extraQuery) {
+    const pathname = normalizePathname(nonAuthenticatedRoot);
+    const loginUrl = new URL(pathname, origin);
+    if (extraQuery != null) {
+        for (const [name, value] of Object.entries(extraQuery)) {
+            if (value == null || value === '') {
+                continue;
+            }
+            loginUrl.searchParams.set(name, value);
+        }
+    }
+    return loginUrl.toString();
+}
+
+function readAttemptedRouteConfig() {
+    const authentication = GlobalInjector.config.rbkUtils.authentication;
+    return {
+        localStoragePrefix: authentication.localStoragePrefix,
+        authenticatedRoot: authentication.authenticatedRoot,
+        nonAuthenticatedRoot: authentication.nonAuthenticatedRoot,
+        loginRoute: authentication.login.route,
+    };
+}
+/**
+ * Stores the route the auth guard intercepted so a later successful login can restore it.
+ * Invalid or login-page URLs are ignored.
+ */
+function captureAttemptedRoute(url) {
+    captureAttemptedRoute$1(url, readAttemptedRouteConfig());
+}
+/**
+ * Returns the stored attempted route without removing it.
+ */
+function peekAttemptedRoute() {
+    return peekAttemptedRoute$1(readAttemptedRouteConfig());
+}
+/**
+ * Returns and removes the stored attempted route, or `null` when none is valid.
+ */
+function consumeAttemptedRoute() {
+    return consumeAttemptedRoute$1(readAttemptedRouteConfig());
+}
+/**
+ * Removes any stored attempted route.
+ */
+function clearAttemptedRoute() {
+    clearAttemptedRoute$1(readAttemptedRouteConfig());
+}
+/**
+ * Returns the stored attempted route, or `authenticatedRoot` when none is valid.
+ * Consumes the stored value.
+ */
+function resolvePostLoginUrl() {
+    return resolvePostLoginUrl$1(readAttemptedRouteConfig());
+}
+/**
+ * Builds an absolute URL pointing at the configured login page.
+ * Use this as the SSO `successfulUrl` so the identity provider returns to the login page, not the deep link.
+ */
+function buildLoginPageUrl(extraQuery) {
+    return buildLoginPageUrlWithOrigin(window.location.origin, GlobalInjector.config.rbkUtils.authentication.nonAuthenticatedRoot, extraQuery);
+}
+
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type */
 class RbkAuthGuard {
     store;
     constructor(store) {
         this.store = store;
     }
-    async canActivate(snapshot) {
+    async canActivate(snapshot, state) {
         if (GlobalInjector.config.debugMode)
             console.groupCollapsed(`RbkAuthGuard on route /${snapshot.routeConfig.path}`);
         let isAuthenticated = this.store.selectSnapshot(AuthenticationSelectors.isAuthenticated);
@@ -31211,6 +31420,10 @@ class RbkAuthGuard {
         if (!isAuthenticated) {
             if (GlobalInjector.config.debugMode)
                 console.log('[RbkAuthGuard] Could not login locally using localstorage, redirecting user to landing page');
+            if (GlobalInjector.config.rbkUtils.authentication.returnToAttemptedRoute === true) {
+                const attemptedRoute = composeAttemptedRoute(state.url, snapshot.fragment);
+                captureAttemptedRoute(attemptedRoute);
+            }
             this.store.dispatch(new Navigate([GlobalInjector.config.rbkUtils.authentication.nonAuthenticatedRoot]));
             // this.store.dispatch(new ToastActions.Error('Usuário não autenticado, redirecionando para ' + GlobalInjector.config.authentication.nonAuthenticatedRoot));
         }
@@ -31295,13 +31508,15 @@ class BoilerplateService {
     titleService;
     store;
     actions$;
+    router;
     subs1;
     subs2;
     subs3;
-    constructor(titleService, store, actions$) {
+    constructor(titleService, store, actions$, router) {
         this.titleService = titleService;
         this.store = store;
         this.actions$ = actions$;
+        this.router = router;
     }
     init(callback) {
         if (callback != null) {
@@ -31312,12 +31527,11 @@ class BoilerplateService {
         if (GlobalInjector.config.rbkUtils.useTitleService === true) {
             this.titleService.init();
         }
-        this.subs1 = this.actions$.subscribe(dispatchData => {
-            if (dispatchData.action.constructor.type === AuthenticationActions.RemoteLoginSuccess.type) {
-                this.store.dispatch(new Navigate([GlobalInjector.config.rbkUtils.authentication.authenticatedRoot]));
-            }
+        this.subs1 = this.actions$.pipe(ofActionSuccessful(AuthenticationActions.RemoteLoginSuccess)).subscribe(() => {
+            this.navigateAfterRemoteLoginSuccess();
         });
         this.subs3 = this.actions$.pipe(ofActionDispatched(AuthenticationActions.Logout)).subscribe((event) => {
+            clearAttemptedRoute();
             this.store.dispatch(new Navigate([event.redirectTo ?? GlobalInjector.config.rbkUtils.authentication.login.route]));
             this.store.dispatch(new DatabaseActions.Clear());
             this.store.dispatch(new FeaturesActions.Clear());
@@ -31325,6 +31539,14 @@ class BoilerplateService {
         });
         this.store.dispatch(new AuthenticationActions.LocalLogin());
     }
+    navigateAfterRemoteLoginSuccess() {
+        const shouldReturnToAttemptedRoute = GlobalInjector.config.rbkUtils.authentication.returnToAttemptedRoute === true;
+        if (shouldReturnToAttemptedRoute) {
+            this.router.navigateByUrl(resolvePostLoginUrl());
+            return;
+        }
+        this.store.dispatch(new Navigate([GlobalInjector.config.rbkUtils.authentication.authenticatedRoot]));
+    }
     killSubscriptions() {
         if (GlobalInjector.config.debugMode)
             console.log('[Boilerplate Service] Killing subscriptions, if any');
@@ -31335,13 +31557,13 @@ class BoilerplateService {
         if (this.subs3 != null)
             this.subs3.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: BoilerplateService, deps: [{ token: TitleService }, { token: i1$6.Store }, { token: i1$6.Actions }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: BoilerplateService, deps: [{ token: TitleService }, { token: i1$6.Store }, { token: i1$6.Actions }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: BoilerplateService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: BoilerplateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: TitleService }, { type: i1$6.Store }, { type: i1$6.Actions }] });
+        }], ctorParameters: () => [{ type: TitleService }, { type: i1$6.Store }, { type: i1$6.Actions }, { type: i1$9.Router }] });
 
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type, @angular-eslint/directive-selector */
 class InputClearExtensionDirective {
@@ -50553,6 +50775,15 @@ class SmzUiAuthenticationBuilder extends SmzBuilderUtilities {
         this._builder._state.rbkUtils.authentication.login.page.useSmzLoginModule = false;
         return this.that;
     }
+    /**
+     * After a successful remote login, navigate back to the route the auth guard intercepted
+     * (including query parameters) instead of always using `authenticatedRoot`.
+     * `authenticatedRoot` remains the fallback when no attempted route was stored.
+     */
+    returnToAttemptedRoute() {
+        this._builder._state.rbkUtils.authentication.returnToAttemptedRoute = true;
+        return this.that;
+    }
     mapAccessTokenData(from, to, type) {
         this._builder._state.rbkUtils.authentication.accessTokenClaims.push({ claimName: from, propertyName: to, type });
         return this.that;
@@ -51603,6 +51834,7 @@ class SmzUiBuilder extends SmzBuilderUtilities {
                 localStoragePrefix: 'ui-demo',
                 authenticatedRoot: '/home',
                 nonAuthenticatedRoot: '/login',
+                returnToAttemptedRoute: false,
                 allowSuperuser: false,
                 useSingleTenantAplication: false,
                 allowTenantSwitching: false,
@@ -57995,5 +58227,5 @@ __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { AUTHORIZATION_HEADER, AccessControlService, ActionDispatchDirective, ApplicationActions, ApplicationSelectors, ApplicationState, AsPipe, AthenaLayout, AthenaLayoutComponent, AthenaLayoutModule, AuthClaimDefinitions, AuthHandler, AuthService, AuthenticationActions, AuthenticationSelectors, AuthenticationService, AuthenticationState, AuthorizationService, AxisOverflowDirection, AxisOverflowType, AxisPosition, BaseApiService, BoilerplateService, BreadcrumbService, CLAIMS_PAGE_ROUTE, CLAIMS_PATH, CLAIMS_STATE_NAME, CONTENT_ENCODING_HEADER, CachedRouteReuseStrategy, CalendarComponent, CalendarPipe, CanAccess, ChartType, CheckBoxComponent, CheckBoxGroupComponent, ClaimAccessType, ClaimAccessTypeDescription, ClaimAccessTypeValues, ClaimsActions, ClaimsModule, ClaimsSelectors, ClaimsState, ClickStopPropagationDirective, ClickStopPropagationModule, ClonePipe, ColorPallete, ColorPickerComponent, Confirmable, CreateLinearChart, CreateRadialChart, CustomError, CustomNgForDirective, CustomNgForModule, DATABASE_REQUIRED_ACTIONS, DATABASE_STATES, DECORATOR_APPLIED, DEFAULT_AUTHENTICATION_ENDPOINTS_ROUTES, DEFAULT_AUTHORIZATION_ENDPOINTS_ROUTES, DatabaseActions, DatabaseSelectors, DatabaseState, DatasetType, DeepWrapper, DescribeAnyPipe, DescribeArrayPipe, DescribeSimpleNamedPipe, DialogContentManagerComponent, DialogService, DropdownComponent, DynamicDialogComponent, DynamicDialogConfig, DynamicDialogInjector, DynamicDialogModule, DynamicDialogRef, ERROR_HANDLING_TYPE_HEADER, ExcelsUiActions, FEATURE_STATES, FeaturesActions, FeaturesSelectors, FeaturesState, FileUploadComponent, FilterContains, FirstOrDefaultPipe, FormGroupComponent, FormSubmitComponent, GenericInjectComponentDirective, GetElementById, GetElementsByParentId, GlobalActions, GlobalFilter, GlobalInjector, GlobalLoaderComponent, GlobalLoaderModule, GlobalState, GroupingType, HephaestusLayout, HephaestusLayoutComponent, HephaestusLayoutModule, HephaestusProviderModule, HostElement, HttpErrorHandler, IGNORE_ERROR_HANDLING, InViewportMetadata, InjectComponentDirective, InjectComponentService, InjectContentAppModule, InjectContentDirective, InjectContentService, InputBlurDetectionModule, InputChangeDetectionDirective, InputClearExtensionDirective, InputCurrencyComponent, InputListComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputSwitchComponent, InputTagAreaComponent, InputTextAreaComponent, InputTextComponent, InputTreeComponent, IsVisiblePipe, IsVisiblePipeModule, JoinPipe, LOADING_BEHAVIOR_HEADER, LOCAL_LOADING_TAG_HEADER, LayoutUiActions, LayoutUiSelectors, LayoutUiState, LegacyAuthenticationSelectors, LinearChartBuilder, LinkedDropdownComponent, LinkedMultiSelectComponent, LoggingScope, LoggingService, MAIN_LAYOUT_PATH, MentionableTextareaComponent, MenuHelperService, MenuType, MergeClonePipe, MergeClonePipeModule, MultiSelectComponent, NG_ON_INIT, NewAthenaLayout, NewAthenaLayoutComponent, NewAthenaLayoutModule, NewAthenaProviderModule, NgCloneDirective, NgCloneModule, NgIfLandscapeDirective, NgIfLandscapeDirectiveModule, NgIfPortraitDirective, NgIfPortraitDirectiveModule, NgVar, NgVarContext, NgVarModule, NgxRbkUtilsConfig, NgxRbkUtilsModule, NgxSmzCardsModule, NgxSmzCommentsModule, NgxSmzDataInfoModule, NgxSmzDataPipesModule, NgxSmzDialogsModule, NgxSmzDockModule, NgxSmzDocumentsModule, NgxSmzFaqsModule, NgxSmzFormsModule, NgxSmzLayoutsModule, NgxSmzMenuModule, NgxSmzMultiTablesModule, NgxSmzRouterParamsModule, NgxSmzSafeImageModule, NgxSmzServerImageModule, NgxSmzServerImageToBase64Module, NgxSmzSideContentModule, NgxSmzTablesModule, NgxSmzTreeWithDetailsModule, NgxSmzTreesModule, NgxSmzUiBlockModule, NgxSmzUiComponent, NgxSmzUiConfig, NgxSmzUiGuidesModule, NgxSmzUiModule, NgxSmzViewportModule, NotificationFolder, NotificationFolderStatus, NotificationStatus, NotificationType, NotificationTypeClass, NotificationsUiActions, NotificationsUiSelectors, PrettyJsonPipe$1 as PrettyJsonPipe, PrettyJsonPipeModule, PrimeConfigService, REFRESH_TOKEN_BEHAVIOR_HEADER, RESTORE_STATE_ON_ERROR_HEADER, ROLES_PAGE_ROUTE, ROLES_PATH, ROLES_STATE_NAME, RadialChartBuilder, RadioButtonComponent, RbkAccessControlModule, RbkAuthGuard, RbkCanAccessAnyPipe, RbkCanAccessPipe, RbkClaimGuardDirective, RbkDatabaseStateGuard, RbkFeatureStateGuard, RbkPipesModule, RbkTableFilterClearDirectivesModule, RegistrySmzUiConfiguration, RepositoryForm, RoleMode, RoleModeDescription, RoleModeValues, RoleSource, RoleSourceDescription, RoleSourceValues, RolesActions, RolesModule, RolesSelectors, RolesState, RouterParamsActions, RouterParamsSelectors, SMZ_CORE_LOGGING_CONFIG, SMZ_UI_ENVIRONMENT_CONFIG, SafeHtmlPipe$2 as SafeHtmlPipe, SafeImageDirective, SafeUrlPipe$1 as SafeUrlPipe, SelectorPipe, ServerImageDirective, ServerImageToBase64Directive, ServerPathPipe, SetTemplateClasses, SetTemplateClassesPipe, SidebarState, SimpleCalendarPipe, SmzActionDispatchModule, SmzAuthorizationDeactivatedUsersTableBuilder, SmzAuthorizationUsersTableBuilder, SmzBaseColumnBuilder, SmzBaseEditableBuilder, SmzBreakpoints, SmzBuilderUtilities, SmzCardsBuilder, SmzCardsComponent, SmzCardsContentType, SmzCardsInjectableComponentBuilder, SmzCardsTemplate, SmzCardsView, SmzChartComponent, SmzChartModule, SmzClipboardService, SmzColumnCollectionBuilder, SmzCommentsBuilder, SmzCommentsComponent, SmzCommentsSectionComponent, SmzContentTheme, SmzContentThemes, SmzContentType, SmzControlType, SmzCoreLogging, SmzCurrencyColumnBuilder, SmzCustomColumnBuilder, SmzDataInfoComponent, SmzDataTransformColumnBuilder, SmzDataTransformTreePipe, SmzDateColumnBuilder, SmzDialogBuilder, SmzDialogComponentBuilder, SmzDialogFormBuilder, SmzDialogTableBuilder, SmzDialogsConfig, SmzDialogsPresets, SmzDialogsService, SmzDockComponent, SmzDockService, SmzDocumentBaseCellBuilder, SmzDocumentBuilder, SmzDocumentComponent, SmzDocumentsService, SmzDragDropModule, SmzDraggable, SmzDropdownEditableBuilder, SmzDroppable, SmzDynamicDialogConfig, SmzEasyBaseColumnBuilder, SmzEasyColumnCollectionBuilder, SmzEasyCustomColumnBuilder, SmzEasyDataTransformColumnBuilder, SmzEasyDateColumnBuilder, SmzEasyMenuTableBuilder, SmzEasyTableBuilder, SmzEasyTableComponent, SmzEasyTableContentType, SmzEasyTableModule, SmzEasyTextColumnBuilder, SmzEditableCollectionBuilder, SmzEditableTableBuilder, SmzEditableType, SmzEnvironment, SmzExcelColorDefinitions, SmzExcelDataDefinitions, SmzExcelFontDefinitions, SmzExcelService, SmzExcelSortOrderDefinitions, SmzExcelThemeDefinitions, SmzExcelTypeDefinitions, SmzExcelsBuilder, SmzExportDialogComponent, SmzExportDialogModule, SmzExportDialogService, SmzExportableContentSource, SmzExportableContentType, SmzFaqsComponent, SmzFaqsConfig, SmzFilterType, SmzFlattenMenuPipe, SmzFlipCardContext, SmzFormBuilder, SmzFormViewdata, SmzFormsConfig, SmzFormsPresets, SmzFormsRepositoryService, SmzGaugeBuilder, SmzGaugeComponent, SmzGaugeThresholdBuilder, SmzGetDataPipe, SmzGridItemComponent, SmzHelpDialogService, SmzHtmlViewerComponent, SmzHtmlViewerModule, SmzIconColumnBuilder, SmzIconMessageComponent, SmzInfoDateComponent, SmzInfoDateModule, SmzInitialPipe, SmzInputAutocompleteTagArea, SmzInputTextModule, SmzInputTextPipe, SmzLayoutsConfig, SmzLoader, SmzLoaders, SmzLoginBuilder, SmzLoginComponent, SmzLoginModule, SmzMenuBuilder, SmzMenuComponent, SmzMenuCreationBuilder, SmzMenuCreationItemBuilder, SmzMenuItemActionsDirective, SmzMenuItemBuilder, SmzMenuItemEasyTableBuilder, SmzMenuItemTableBuilder, SmzMenuTableBuilder, SmzMessagesModule, SmzMultiTablesBuilder, SmzMultiTablesComponent, SmzNotificationsComponent, SmzNotificationsModule, SmzNumberEditableBuilder, SmzPresets, SmzProxyStore, SmzResponsiveBreakpointsDirective, SmzResponsiveBreakpointsDirectiveModule, SmzResponsiveComponent, SmzRouteDatas, SmzRouteParams, SmzRouteQueryParams, SmzSideContentComponent, SmzSideContentDefault, SmzSincronizeTablePipe, SmzSmartTag, SmzSmartTagModule, SmzSubmitComponent, SmzSvgBuilder, SmzSvgComponent, SmzSvgFeatureBuilder, SmzSvgModule, SmzSvgPinBuilder, SmzSvgRootBuilder, SmzSvgWorldCoordinates, SmzSwitchEditableBuilder, SmzTableBuilder, SmzTableComponent, SmzTablesConfig, SmzTagMessage, SmzTailPipe, SmzTemplatesPipeModule, SmzTenantSwitchComponent, SmzTextColumnBuilder, SmzTextEditableBuilder, SmzTextPattern, SmzTimelineBuilder, SmzTimelineComponent, SmzToastComponent, SmzToastModule, SmzTooltipTouchSupportModule, SmzTreeBuilder, SmzTreeComponent, SmzTreeDragAndDropBuilder, SmzTreeDropBuilder, SmzTreeDynamicMenuBuilder, SmzTreeDynamicMenuItemBuilder, SmzTreeEmptyFeedbackBuilder, SmzTreeMenuBuilder, SmzTreeMenuItemBuilder, SmzTreeToolbarBuilder, SmzTreeToolbarButtonBuilder, SmzTreeToolbarButtonCollectionBuilder, SmzTreeWithDetailsBuilder, SmzTreeWithDetailsComponent, SmzUiBlockComponent, SmzUiBlockDirective, SmzUiBlockService, SmzUiBuilder, SmzUiEnvironment, SmzUiGuidesBuilder, SmzUiGuidesService, SmzViewportDirective, SmzViewportService, StandaloneInjectComponentDirective, StateBuilderPipe, TENANTS_PAGE_ROUTE, TENANTS_PATH, TENANTS_STATE_NAME, TableClearExtensionDirective, TableHelperService, TenantAuthenticationSelectors, TenantsActions, TenantsModule, TenantsSelectors, TenantsState, ThemeManagerService, TitleService, Toast, ToastActions, ToastItem, ToastService, TooltipTouchSupportDirective, TreeHelperService, TreeHelpers, Tunnel, UI_DEFINITIONS_STATE_NAME, UI_LOCALIZATION_STATE_NAME, USERS_PAGE_ROUTE, USERS_PATH, USERS_STATE_NAME, USER_ID_HEADER, LayoutUiActions as UiActions, UiDefinitionsDbActions, UiDefinitionsDbSelectors, UiDefinitionsDbState, UiDefinitionsService, UiLocalizationDbActions, UiLocalizationDbSelectors, UiLocalizationDbState, UiLocalizationService, LayoutUiSelectors as UiSelectors, UniqueFilterPipe, UrlCheckerPipe, UrlCheckerPipeModule, UsersActions, UsersModule, UsersSelectors, UsersState, WINDOWS_AUTHENTICATION_HEADER, Wait, applyTableContentNgStyle, b64toBlob, base64ToFile, breakLinesForHtml, buildAuthenticationEndpointsRoutes, buildAuthenticationUrl, buildAuthorizationEndpointsRoutes, buildServerApiUrl, buildSmzDialogCustomButtonTestId, buildSmzDialogTestId, buildSmzDialogTopbarButtonTestId, buildSmzTableTestId, buildState, capitalizeFirstLetter, capitalizeWithSlash, clearArray, clone, cloneAndRemoveProperties, cloneAndRemoveProperty, compare, compareInsensitive, completeSubjectOnTheInstance, convertFormCreationFeature, convertFormFeature, convertFormFeatureFromInputData, convertFormUpdateFeature, count, createObjectFromString, createRound, createSubjectOnTheInstance, dataURLtoFile, databaseSmzAccessStates, debounce, deepClone, deepEqual, deepIndexOf, deepMerge, defaultFormsModuleConfig, defaultState, downloadBase64File, downloadFromServerUrl, downloadFromUrl, empty, every, executeTextPattern, featureSmzAccessStates, fixDate$1 as fixDate, fixDateProperties, fixDates, flatten, flattenObject, getAuthenticationInitialState, getCleanApplicationState, getFirst, getFirstElement, getFirstElements, getFormInputFromDialog, getGlobalInitialState, getInitialApplicationState, getInitialDatabaseStoreState, getInitialState$8 as getInitialState, getLastElements, getPreset, getProperty, getSymbol, getTreeNodeFromKey, getUiDefinitionsInitialState, getUiLocalizationInitialState, getUsersInitialState, getValidatorsForInput, handleBase64, isArray, isConvertibleToNumber, isDeepObject, isEmpty$1 as isEmpty, isFunction$1 as isFunction, isInteger, isNil, isNull$1 as isNull, isNullOrEmptyString, isNumber$1 as isNumber, isNumberFinite$1 as isNumberFinite, isNumeric, isObject$2 as isObject, isObjectHelper, isPositive, isSimpleNamedEntity, isString$1 as isString, isUndefined$1 as isUndefined, isWithinTime, leftPad, longestStringInArray, mapParamsToObject, markAsDecorated, mergeClone, mergeDeep, nameof, namesof, ngxsModuleForFeatureFaqsDbState, ngxsModuleForFeatureUiAthenaLayoutState, ngxsModuleForFeatureUiHephaestusLayoutState, ngxsModuleForFeatureUiNewAthenaLayoutState, normalizeDateToUtc, orderArrayByProperty, pad, provideSmzCoreLogging, provideSmzEnvironment, rbkSafeHtmlPipe, removeElementFromArray, replaceAll, replaceArrayItem, replaceArrayPartialItem, replaceItem, replaceNgOnInit, resolveSmzTableRowId, rightPad, routerModuleForChildUsersModule, routerParamsDispatch, routerParamsListener, setNestedObject, shorten, showConfirmation, showDialog, showMarkdownDialog, showMessage, showObjectDialog, showPersistentDialog, shuffle, slugSmzDialogTestIdKey, slugSmzTableTestIdKey, sortArray, sortArrayOfObjects, sortArrayOfStrings, sortMenuItemsByLabel, sum, synchronizeNodes, synchronizeRow, synchronizeTable, synchronizeTrees, takeUntil, takeWhile, toDecimal, toSimpleNamedEntity, toString, unwrapDeep, upperFirst, uuidv4, wrapDeep };
+export { AUTHORIZATION_HEADER, AccessControlService, ActionDispatchDirective, ApplicationActions, ApplicationSelectors, ApplicationState, AsPipe, AthenaLayout, AthenaLayoutComponent, AthenaLayoutModule, AuthClaimDefinitions, AuthHandler, AuthService, AuthenticationActions, AuthenticationSelectors, AuthenticationService, AuthenticationState, AuthorizationService, AxisOverflowDirection, AxisOverflowType, AxisPosition, BaseApiService, BoilerplateService, BreadcrumbService, CLAIMS_PAGE_ROUTE, CLAIMS_PATH, CLAIMS_STATE_NAME, CONTENT_ENCODING_HEADER, CachedRouteReuseStrategy, CalendarComponent, CalendarPipe, CanAccess, ChartType, CheckBoxComponent, CheckBoxGroupComponent, ClaimAccessType, ClaimAccessTypeDescription, ClaimAccessTypeValues, ClaimsActions, ClaimsModule, ClaimsSelectors, ClaimsState, ClickStopPropagationDirective, ClickStopPropagationModule, ClonePipe, ColorPallete, ColorPickerComponent, Confirmable, CreateLinearChart, CreateRadialChart, CustomError, CustomNgForDirective, CustomNgForModule, DATABASE_REQUIRED_ACTIONS, DATABASE_STATES, DECORATOR_APPLIED, DEFAULT_AUTHENTICATION_ENDPOINTS_ROUTES, DEFAULT_AUTHORIZATION_ENDPOINTS_ROUTES, DatabaseActions, DatabaseSelectors, DatabaseState, DatasetType, DeepWrapper, DescribeAnyPipe, DescribeArrayPipe, DescribeSimpleNamedPipe, DialogContentManagerComponent, DialogService, DropdownComponent, DynamicDialogComponent, DynamicDialogConfig, DynamicDialogInjector, DynamicDialogModule, DynamicDialogRef, ERROR_HANDLING_TYPE_HEADER, ExcelsUiActions, FEATURE_STATES, FeaturesActions, FeaturesSelectors, FeaturesState, FileUploadComponent, FilterContains, FirstOrDefaultPipe, FormGroupComponent, FormSubmitComponent, GenericInjectComponentDirective, GetElementById, GetElementsByParentId, GlobalActions, GlobalFilter, GlobalInjector, GlobalLoaderComponent, GlobalLoaderModule, GlobalState, GroupingType, HephaestusLayout, HephaestusLayoutComponent, HephaestusLayoutModule, HephaestusProviderModule, HostElement, HttpErrorHandler, IGNORE_ERROR_HANDLING, InViewportMetadata, InjectComponentDirective, InjectComponentService, InjectContentAppModule, InjectContentDirective, InjectContentService, InputBlurDetectionModule, InputChangeDetectionDirective, InputClearExtensionDirective, InputCurrencyComponent, InputListComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputSwitchComponent, InputTagAreaComponent, InputTextAreaComponent, InputTextComponent, InputTreeComponent, IsVisiblePipe, IsVisiblePipeModule, JoinPipe, LOADING_BEHAVIOR_HEADER, LOCAL_LOADING_TAG_HEADER, LayoutUiActions, LayoutUiSelectors, LayoutUiState, LegacyAuthenticationSelectors, LinearChartBuilder, LinkedDropdownComponent, LinkedMultiSelectComponent, LoggingScope, LoggingService, MAIN_LAYOUT_PATH, MentionableTextareaComponent, MenuHelperService, MenuType, MergeClonePipe, MergeClonePipeModule, MultiSelectComponent, NG_ON_INIT, NewAthenaLayout, NewAthenaLayoutComponent, NewAthenaLayoutModule, NewAthenaProviderModule, NgCloneDirective, NgCloneModule, NgIfLandscapeDirective, NgIfLandscapeDirectiveModule, NgIfPortraitDirective, NgIfPortraitDirectiveModule, NgVar, NgVarContext, NgVarModule, NgxRbkUtilsConfig, NgxRbkUtilsModule, NgxSmzCardsModule, NgxSmzCommentsModule, NgxSmzDataInfoModule, NgxSmzDataPipesModule, NgxSmzDialogsModule, NgxSmzDockModule, NgxSmzDocumentsModule, NgxSmzFaqsModule, NgxSmzFormsModule, NgxSmzLayoutsModule, NgxSmzMenuModule, NgxSmzMultiTablesModule, NgxSmzRouterParamsModule, NgxSmzSafeImageModule, NgxSmzServerImageModule, NgxSmzServerImageToBase64Module, NgxSmzSideContentModule, NgxSmzTablesModule, NgxSmzTreeWithDetailsModule, NgxSmzTreesModule, NgxSmzUiBlockModule, NgxSmzUiComponent, NgxSmzUiConfig, NgxSmzUiGuidesModule, NgxSmzUiModule, NgxSmzViewportModule, NotificationFolder, NotificationFolderStatus, NotificationStatus, NotificationType, NotificationTypeClass, NotificationsUiActions, NotificationsUiSelectors, PrettyJsonPipe$1 as PrettyJsonPipe, PrettyJsonPipeModule, PrimeConfigService, REFRESH_TOKEN_BEHAVIOR_HEADER, RESTORE_STATE_ON_ERROR_HEADER, ROLES_PAGE_ROUTE, ROLES_PATH, ROLES_STATE_NAME, RadialChartBuilder, RadioButtonComponent, RbkAccessControlModule, RbkAuthGuard, RbkCanAccessAnyPipe, RbkCanAccessPipe, RbkClaimGuardDirective, RbkDatabaseStateGuard, RbkFeatureStateGuard, RbkPipesModule, RbkTableFilterClearDirectivesModule, RegistrySmzUiConfiguration, RepositoryForm, RoleMode, RoleModeDescription, RoleModeValues, RoleSource, RoleSourceDescription, RoleSourceValues, RolesActions, RolesModule, RolesSelectors, RolesState, RouterParamsActions, RouterParamsSelectors, SMZ_CORE_LOGGING_CONFIG, SMZ_UI_ENVIRONMENT_CONFIG, SafeHtmlPipe$2 as SafeHtmlPipe, SafeImageDirective, SafeUrlPipe$1 as SafeUrlPipe, SelectorPipe, ServerImageDirective, ServerImageToBase64Directive, ServerPathPipe, SetTemplateClasses, SetTemplateClassesPipe, SidebarState, SimpleCalendarPipe, SmzActionDispatchModule, SmzAuthorizationDeactivatedUsersTableBuilder, SmzAuthorizationUsersTableBuilder, SmzBaseColumnBuilder, SmzBaseEditableBuilder, SmzBreakpoints, SmzBuilderUtilities, SmzCardsBuilder, SmzCardsComponent, SmzCardsContentType, SmzCardsInjectableComponentBuilder, SmzCardsTemplate, SmzCardsView, SmzChartComponent, SmzChartModule, SmzClipboardService, SmzColumnCollectionBuilder, SmzCommentsBuilder, SmzCommentsComponent, SmzCommentsSectionComponent, SmzContentTheme, SmzContentThemes, SmzContentType, SmzControlType, SmzCoreLogging, SmzCurrencyColumnBuilder, SmzCustomColumnBuilder, SmzDataInfoComponent, SmzDataTransformColumnBuilder, SmzDataTransformTreePipe, SmzDateColumnBuilder, SmzDialogBuilder, SmzDialogComponentBuilder, SmzDialogFormBuilder, SmzDialogTableBuilder, SmzDialogsConfig, SmzDialogsPresets, SmzDialogsService, SmzDockComponent, SmzDockService, SmzDocumentBaseCellBuilder, SmzDocumentBuilder, SmzDocumentComponent, SmzDocumentsService, SmzDragDropModule, SmzDraggable, SmzDropdownEditableBuilder, SmzDroppable, SmzDynamicDialogConfig, SmzEasyBaseColumnBuilder, SmzEasyColumnCollectionBuilder, SmzEasyCustomColumnBuilder, SmzEasyDataTransformColumnBuilder, SmzEasyDateColumnBuilder, SmzEasyMenuTableBuilder, SmzEasyTableBuilder, SmzEasyTableComponent, SmzEasyTableContentType, SmzEasyTableModule, SmzEasyTextColumnBuilder, SmzEditableCollectionBuilder, SmzEditableTableBuilder, SmzEditableType, SmzEnvironment, SmzExcelColorDefinitions, SmzExcelDataDefinitions, SmzExcelFontDefinitions, SmzExcelService, SmzExcelSortOrderDefinitions, SmzExcelThemeDefinitions, SmzExcelTypeDefinitions, SmzExcelsBuilder, SmzExportDialogComponent, SmzExportDialogModule, SmzExportDialogService, SmzExportableContentSource, SmzExportableContentType, SmzFaqsComponent, SmzFaqsConfig, SmzFilterType, SmzFlattenMenuPipe, SmzFlipCardContext, SmzFormBuilder, SmzFormViewdata, SmzFormsConfig, SmzFormsPresets, SmzFormsRepositoryService, SmzGaugeBuilder, SmzGaugeComponent, SmzGaugeThresholdBuilder, SmzGetDataPipe, SmzGridItemComponent, SmzHelpDialogService, SmzHtmlViewerComponent, SmzHtmlViewerModule, SmzIconColumnBuilder, SmzIconMessageComponent, SmzInfoDateComponent, SmzInfoDateModule, SmzInitialPipe, SmzInputAutocompleteTagArea, SmzInputTextModule, SmzInputTextPipe, SmzLayoutsConfig, SmzLoader, SmzLoaders, SmzLoginBuilder, SmzLoginComponent, SmzLoginModule, SmzMenuBuilder, SmzMenuComponent, SmzMenuCreationBuilder, SmzMenuCreationItemBuilder, SmzMenuItemActionsDirective, SmzMenuItemBuilder, SmzMenuItemEasyTableBuilder, SmzMenuItemTableBuilder, SmzMenuTableBuilder, SmzMessagesModule, SmzMultiTablesBuilder, SmzMultiTablesComponent, SmzNotificationsComponent, SmzNotificationsModule, SmzNumberEditableBuilder, SmzPresets, SmzProxyStore, SmzResponsiveBreakpointsDirective, SmzResponsiveBreakpointsDirectiveModule, SmzResponsiveComponent, SmzRouteDatas, SmzRouteParams, SmzRouteQueryParams, SmzSideContentComponent, SmzSideContentDefault, SmzSincronizeTablePipe, SmzSmartTag, SmzSmartTagModule, SmzSubmitComponent, SmzSvgBuilder, SmzSvgComponent, SmzSvgFeatureBuilder, SmzSvgModule, SmzSvgPinBuilder, SmzSvgRootBuilder, SmzSvgWorldCoordinates, SmzSwitchEditableBuilder, SmzTableBuilder, SmzTableComponent, SmzTablesConfig, SmzTagMessage, SmzTailPipe, SmzTemplatesPipeModule, SmzTenantSwitchComponent, SmzTextColumnBuilder, SmzTextEditableBuilder, SmzTextPattern, SmzTimelineBuilder, SmzTimelineComponent, SmzToastComponent, SmzToastModule, SmzTooltipTouchSupportModule, SmzTreeBuilder, SmzTreeComponent, SmzTreeDragAndDropBuilder, SmzTreeDropBuilder, SmzTreeDynamicMenuBuilder, SmzTreeDynamicMenuItemBuilder, SmzTreeEmptyFeedbackBuilder, SmzTreeMenuBuilder, SmzTreeMenuItemBuilder, SmzTreeToolbarBuilder, SmzTreeToolbarButtonBuilder, SmzTreeToolbarButtonCollectionBuilder, SmzTreeWithDetailsBuilder, SmzTreeWithDetailsComponent, SmzUiBlockComponent, SmzUiBlockDirective, SmzUiBlockService, SmzUiBuilder, SmzUiEnvironment, SmzUiGuidesBuilder, SmzUiGuidesService, SmzViewportDirective, SmzViewportService, StandaloneInjectComponentDirective, StateBuilderPipe, TENANTS_PAGE_ROUTE, TENANTS_PATH, TENANTS_STATE_NAME, TableClearExtensionDirective, TableHelperService, TenantAuthenticationSelectors, TenantsActions, TenantsModule, TenantsSelectors, TenantsState, ThemeManagerService, TitleService, Toast, ToastActions, ToastItem, ToastService, TooltipTouchSupportDirective, TreeHelperService, TreeHelpers, Tunnel, UI_DEFINITIONS_STATE_NAME, UI_LOCALIZATION_STATE_NAME, USERS_PAGE_ROUTE, USERS_PATH, USERS_STATE_NAME, USER_ID_HEADER, LayoutUiActions as UiActions, UiDefinitionsDbActions, UiDefinitionsDbSelectors, UiDefinitionsDbState, UiDefinitionsService, UiLocalizationDbActions, UiLocalizationDbSelectors, UiLocalizationDbState, UiLocalizationService, LayoutUiSelectors as UiSelectors, UniqueFilterPipe, UrlCheckerPipe, UrlCheckerPipeModule, UsersActions, UsersModule, UsersSelectors, UsersState, WINDOWS_AUTHENTICATION_HEADER, Wait, applyTableContentNgStyle, b64toBlob, base64ToFile, breakLinesForHtml, buildAuthenticationEndpointsRoutes, buildAuthenticationUrl, buildAuthorizationEndpointsRoutes, buildLoginPageUrl, buildServerApiUrl, buildSmzDialogCustomButtonTestId, buildSmzDialogTestId, buildSmzDialogTopbarButtonTestId, buildSmzTableTestId, buildState, capitalizeFirstLetter, capitalizeWithSlash, captureAttemptedRoute, clearArray, clearAttemptedRoute, clone, cloneAndRemoveProperties, cloneAndRemoveProperty, compare, compareInsensitive, completeSubjectOnTheInstance, composeAttemptedRoute, consumeAttemptedRoute, convertFormCreationFeature, convertFormFeature, convertFormFeatureFromInputData, convertFormUpdateFeature, count, createObjectFromString, createRound, createSubjectOnTheInstance, dataURLtoFile, databaseSmzAccessStates, debounce, deepClone, deepEqual, deepIndexOf, deepMerge, defaultFormsModuleConfig, defaultState, downloadBase64File, downloadFromServerUrl, downloadFromUrl, empty, every, executeTextPattern, featureSmzAccessStates, fixDate$1 as fixDate, fixDateProperties, fixDates, flatten, flattenObject, getAuthenticationInitialState, getCleanApplicationState, getFirst, getFirstElement, getFirstElements, getFormInputFromDialog, getGlobalInitialState, getInitialApplicationState, getInitialDatabaseStoreState, getInitialState$8 as getInitialState, getLastElements, getPreset, getProperty, getSymbol, getTreeNodeFromKey, getUiDefinitionsInitialState, getUiLocalizationInitialState, getUsersInitialState, getValidatorsForInput, handleBase64, isArray, isConvertibleToNumber, isDeepObject, isEmpty$1 as isEmpty, isFunction$1 as isFunction, isInteger, isNil, isNull$1 as isNull, isNullOrEmptyString, isNumber$1 as isNumber, isNumberFinite$1 as isNumberFinite, isNumeric, isObject$2 as isObject, isObjectHelper, isPositive, isSimpleNamedEntity, isString$1 as isString, isUndefined$1 as isUndefined, isValidAttemptedRoute, isWithinTime, leftPad, longestStringInArray, mapParamsToObject, markAsDecorated, mergeClone, mergeDeep, nameof, namesof, ngxsModuleForFeatureFaqsDbState, ngxsModuleForFeatureUiAthenaLayoutState, ngxsModuleForFeatureUiHephaestusLayoutState, ngxsModuleForFeatureUiNewAthenaLayoutState, normalizeDateToUtc, orderArrayByProperty, pad, peekAttemptedRoute, provideSmzCoreLogging, provideSmzEnvironment, rbkSafeHtmlPipe, removeElementFromArray, replaceAll, replaceArrayItem, replaceArrayPartialItem, replaceItem, replaceNgOnInit, resolvePostLoginUrl, resolveSmzTableRowId, rightPad, routerModuleForChildUsersModule, routerParamsDispatch, routerParamsListener, setNestedObject, shorten, showConfirmation, showDialog, showMarkdownDialog, showMessage, showObjectDialog, showPersistentDialog, shuffle, slugSmzDialogTestIdKey, slugSmzTableTestIdKey, sortArray, sortArrayOfObjects, sortArrayOfStrings, sortMenuItemsByLabel, sum, synchronizeNodes, synchronizeRow, synchronizeTable, synchronizeTrees, takeUntil, takeWhile, toDecimal, toSimpleNamedEntity, toString, unwrapDeep, upperFirst, uuidv4, wrapDeep };
 //# sourceMappingURL=ngx-smz-core.mjs.map