@gipisistemas/ngx-core 1.0.13 → 1.0.14

package/fesm2022/gipisistemas-ngx-core.mjs

@@ -4853,11 +4853,24 @@ class FilterPersistenceService {
         return runInInjectionContext(this._injector, () => {
             const activatedRoute = inject(ActivatedRoute);
             const normalizedStorageKey = this._normalizeStorageKey(storageKey, useUserSegregation);
-            const snapshotParams = this._parseQueryParams(activatedRoute.snapshot.queryParams, defaultFilter);
-            if (this._hasQueryParams(snapshotParams, defaultFilter)) {
+            const rawQueryParams = activatedRoute.snapshot.queryParams;
+            const hasAnyQueryParams = Object.keys(rawQueryParams).some((key) => {
+                const value = rawQueryParams[key];
+                return value !== undefined && value !== null && value !== '';
+            });
+            const hasExternalContextParams = this._hasExternalContextParams(rawQueryParams, defaultFilter);
+            // Navegação contextual (ex.: dashboard): ignora URL/localStorage de filtros da listagem.
+            // A tela decide como interpretar os query params externos.
+            if (hasExternalContextParams) {
+                return defaultFilter;
+            }
+            // Se tem QUALQUER query param (ex.: preFilter), não sobrescreve com localStorage
+            if (hasAnyQueryParams) {
+                const snapshotParams = this._parseQueryParams(rawQueryParams, defaultFilter);
+                // Retorna o que conseguiu parsear + default (preFilter fica na URL pra tela usar)
                 return snapshotParams;
             }
-            // FALLBACK do localStorage
+            // FALLBACK do localStorage (somente se NÃO tiver nada na URL)
             const saved = this._loadFromStorage(normalizedStorageKey);
             if (saved) {
                 this._updateUrl(this._serializeToQueryParams(saved));
@@ -4870,16 +4883,18 @@ class FilterPersistenceService {
     updateFilter(storageKey, filters, useUserSegregation = true) {
         const queryParams = this._serializeToQueryParams(filters);
         const cleanedParams = this._cleanQueryParams(queryParams);
+        const mergedParams = this._mergeWithCurrentQueryParams(filters, cleanedParams);
         const normalizedStorageKey = this._normalizeStorageKey(storageKey, useUserSegregation);
         // Atualiza URL
-        this._updateUrl(cleanedParams);
+        this._updateUrl(mergedParams);
         // Salva no localStorage
         this._saveToStorage(normalizedStorageKey, filters);
     }
     /** Limpa filtros da URL e storage */
     clearFilter(storageKey, defaultFilter, useUserSegregation = true) {
         const normalizedStorageKey = this._normalizeStorageKey(storageKey, useUserSegregation);
-        this._updateUrl({});
+        const mergedParams = this._mergeWithCurrentQueryParams(defaultFilter, {});
+        this._updateUrl(mergedParams);
         this._saveToStorage(normalizedStorageKey, defaultFilter);
     }
     /** Normaliza a chave de storage incluindo o usuário quando necessário */
@@ -5035,6 +5050,35 @@ class FilterPersistenceService {
             return null;
         }
     }
+    _mergeWithCurrentQueryParams(filterLike, nextFilterParams) {
+        return runInInjectionContext(this._injector, () => {
+            const activatedRoute = inject(ActivatedRoute);
+            const currentParams = activatedRoute.snapshot.queryParams;
+            const merged = { ...currentParams };
+            const filterKeys = Object.keys(filterLike ?? {});
+            // Remove da URL as chaves controladas pelo filtro atual.
+            filterKeys.forEach((key) => {
+                if (Object.prototype.hasOwnProperty.call(merged, key)) {
+                    delete merged[key];
+                }
+            });
+            // Reaplica somente os parâmetros de filtro válidos (não vazios).
+            Object.entries(nextFilterParams).forEach(([key, value]) => {
+                if (value !== undefined && value !== null && value !== '') {
+                    merged[key] = value;
+                }
+            });
+            return merged;
+        });
+    }
+    _hasExternalContextParams(params, defaultFilter) {
+        const filterKeys = new Set(Object.keys(defaultFilter ?? {}));
+        return Object.keys(params ?? {}).some((key) => {
+            const value = params[key];
+            const hasValue = value !== undefined && value !== null && value !== '';
+            return hasValue && !filterKeys.has(key);
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterPersistenceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterPersistenceService, providedIn: 'root' }); }
 }
@@ -5118,7 +5162,8 @@ class BaseListComponent extends BaseComponent {
         this.filterPersistenceService = inject(FilterPersistenceService);
         this.pageAdjustService = inject(PageAdjustService);
         this._SESSION_STORAGE_FILTER = `gipi.filter.${this.getFilterStorageKey()}`;
-        this._isInitializingScreen = signal(true, ...(ngDevMode ? [{ debugName: "_isInitializingScreen" }] : []));
+        this._isHydrating = signal(true, ...(ngDevMode ? [{ debugName: "_isHydrating" }] : []));
+        this._persistTimer = null;
         this.filter = signal(this.newFilter(), ...(ngDevMode ? [{ debugName: "filter" }] : []));
         this.page = signal(this.newPage(), ...(ngDevMode ? [{ debugName: "page" }] : []));
         this.tableColumns = signal([], ...(ngDevMode ? [{ debugName: "tableColumns" }] : []));
@@ -5157,13 +5202,18 @@ class BaseListComponent extends BaseComponent {
         // Effect para persistência automática dos filtros
         effect(() => {
             const currentFilter = this.filter();
-            const isInitializing = this._isInitializingScreen();
             // Não persiste durante a inicialização
-            if (isInitializing) {
+            if (this._isHydrating()) {
                 return;
             }
+            if (this._persistTimer) {
+                clearTimeout(this._persistTimer);
+            }
             // Debounce manual para evitar muitas atualizações
-            setTimeout(() => this.filterPersistenceService.updateFilter(this._SESSION_STORAGE_FILTER, currentFilter), 100);
+            this._persistTimer = setTimeout(() => {
+                const toPersist = this._filterToPersist(currentFilter);
+                this.filterPersistenceService.updateFilter(this._SESSION_STORAGE_FILTER, toPersist);
+            }, 150);
         });
     }
     /**
@@ -5173,7 +5223,7 @@ class BaseListComponent extends BaseComponent {
     getFilterStorageKey() {
         return this.getPath();
     }
-    /** Método chamado após a inicialização do `filter` é inicializado.  */
+    /** Método chamado após a inicialização do `filter` ser finalizada. */
     afterFilterInit() {
         // Método para ser sobrescrito se necessário
     }
@@ -5205,14 +5255,12 @@ class BaseListComponent extends BaseComponent {
      */
     onInitForm() {
         super.onInitForm();
+        this._isHydrating.set(true);
         this.page.set(this.newPage());
         const defaultFilter = this.newFilter();
         const persistedFilter = this.filterPersistenceService.initializeFilter(this._SESSION_STORAGE_FILTER, defaultFilter);
         this.filter.set(persistedFilter);
-        // Hook para ações após a inicialização do filtro
         this.afterFilterInit();
-        // Marca que a inicialização terminou (agora o effect vai funcionar)
-        setTimeout(() => this._isInitializingScreen.set(false));
         this.tableColumns.set(this.createTableColumns());
         this.tableMenuItemsContext.set(this.createMenuItemsContext());
         this.treeTableColumns.set(this.createTreeTableColumns());
@@ -5220,6 +5268,8 @@ class BaseListComponent extends BaseComponent {
         if (!ObjectUtil.isEmpty(this.filter())) {
             this.setAppliedFilters();
         }
+        // libera a persistência só no final (microtask)
+        queueMicrotask(() => this._isHydrating.set(false));
     }
     /**
      * Método para obter os dados da listagem.
@@ -5268,6 +5318,15 @@ class BaseListComponent extends BaseComponent {
             this.handleError(e);
         }
     }
+    _filterToPersist(filter) {
+        const clone = { ...filter };
+        delete clone.page;
+        delete clone.size;
+        delete clone.pageNumber;
+        delete clone.pageSize;
+        // delete clone.sorts;
+        return clone;
+    }
     /**
      * Método chamado após a busca dos registros.
      * - Chamado após a execução do método `findAll()`
@@ -8909,19 +8968,14 @@ class Chips extends BaseControlValueAccessor {
             }
 
             @if (showRemoveAll() && hasChips()) {
-                <mat-chip class="g-chips-control-item g-chips-control-item-all">
+                <mat-chip
+                    class="g-chips-control-item g-chips-control-item-all"
+                    [class.disabled]="$disabled()"
+                    [attr.aria-label]="'Remover todos'"
+                    (click)="removeAll()"
+                >
                     {{ labelRemoveAll() }}
-
-                    <button
-                        class="g-control-item-button g-control-item-button-all"
-                        [attr.aria-label]="'Remover todos'"
-                        [disabled]="$disabled()"
-                        (click)="removeAll()"
-                    >
-                        <span class="material-symbols-rounded g-control-item-button-icon">
-                            delete
-                        </span>
-                    </button>
+                    <span class="material-symbols-rounded g-control-item-all-icon">delete</span>
                 </mat-chip>
             }
         </mat-chip-set>
@@ -8956,19 +9010,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }
 
             @if (showRemoveAll() && hasChips()) {
-                <mat-chip class="g-chips-control-item g-chips-control-item-all">
+                <mat-chip
+                    class="g-chips-control-item g-chips-control-item-all"
+                    [class.disabled]="$disabled()"
+                    [attr.aria-label]="'Remover todos'"
+                    (click)="removeAll()"
+                >
                     {{ labelRemoveAll() }}
-
-                    <button
-                        class="g-control-item-button g-control-item-button-all"
-                        [attr.aria-label]="'Remover todos'"
-                        [disabled]="$disabled()"
-                        (click)="removeAll()"
-                    >
-                        <span class="material-symbols-rounded g-control-item-button-icon">
-                            delete
-                        </span>
-                    </button>
+                    <span class="material-symbols-rounded g-control-item-all-icon">delete</span>
                 </mat-chip>
             }
         </mat-chip-set>
@@ -12854,7 +12903,10 @@ class DatePicker extends BaseControlValueAccessor {
             !('start' in value));
     }
     _formatDate(date) {
-        return DateUtil.format(date, DateUtil.FORMAT_DATE);
+        const day = date.getDate().toString().padStart(2, '0');
+        const month = (date.getMonth() + 1).toString().padStart(2, '0');
+        const year = date.getFullYear();
+        return `${day}/${month}/${year}`;
     }
     _formatDateTime(date) {
         const dateStr = this._formatDate(date);
@@ -18986,7 +19038,8 @@ class SidenavMenuItem {
             [attr.id]="menu().id"
             [attr.name]="menu().id"
             [routerLink]="menuRoute | async"
-            (click)="onSelect.emit(menu())">
+            (click)="onSelect.emit(menu())"
+        >
             <div class="g-sidenav-menu-item-content">
                 @if (menu().icon || menu().svgIcon) {
                     <gipi-icon
@@ -18994,7 +19047,8 @@ class SidenavMenuItem {
                         [fontSet]="'ROUNDED'"
                         [icon]="menu().icon || ''"
                         [svgIcon]="menu().svgIcon || ''"
-                        [size]="22" />
+                        [size]="22"
+                    />
                 }
 
                 @if (sidenavOpened()) {
@@ -19013,7 +19067,8 @@ class SidenavMenuItem {
             @if (menu().showTagNew && menu().type !== 'COLLAPSABLE') {
                 <div
                     class="g-sidenav-tag-new"
-                    [class.g-sidenav-tag-new-closed]="!sidenavOpened()">
+                    [class.g-sidenav-tag-new-closed]="!sidenavOpened()"
+                >
                     Novo
                 </div>
             }
@@ -19031,7 +19086,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             [attr.id]="menu().id"
             [attr.name]="menu().id"
             [routerLink]="menuRoute | async"
-            (click)="onSelect.emit(menu())">
+            (click)="onSelect.emit(menu())"
+        >
             <div class="g-sidenav-menu-item-content">
                 @if (menu().icon || menu().svgIcon) {
                     <gipi-icon
@@ -19039,7 +19095,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         [fontSet]="'ROUNDED'"
                         [icon]="menu().icon || ''"
                         [svgIcon]="menu().svgIcon || ''"
-                        [size]="22" />
+                        [size]="22"
+                    />
                 }
 
                 @if (sidenavOpened()) {
@@ -19058,7 +19115,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             @if (menu().showTagNew && menu().type !== 'COLLAPSABLE') {
                 <div
                     class="g-sidenav-tag-new"
-                    [class.g-sidenav-tag-new-closed]="!sidenavOpened()">
+                    [class.g-sidenav-tag-new-closed]="!sidenavOpened()"
+                >
                     Novo
                 </div>
             }
@@ -19069,6 +19127,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         class: 'g-sidenav-menu-item',
                     }, imports: [CommonModule, RouterModule, TooltipModule, IconModule] }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: true }] }], sidenavOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavOpened", required: true }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }] } });
+class SidenavContent {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SidenavContent, isStandalone: true, selector: "gipi-sidenav-content", host: { classAttribute: "g-sidenav-content" }, exportAs: ["gSidenavContent"], ngImport: i0, template: `
+        <ng-content />
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gipi-sidenav-content', exportAs: 'gSidenavContent', template: `
+        <ng-content />
+    `, host: {
+                        class: 'g-sidenav-content',
+                    }, imports: [CommonModule] }]
+        }], ctorParameters: () => [] });
+class SidenavContainer {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SidenavContainer, isStandalone: true, selector: "gipi-sidenav-container", host: { classAttribute: "g-sidenav-container" }, exportAs: ["gSidenavContainer"], ngImport: i0, template: `
+        <div class="g-sidenav-container-inner">
+            <ng-content select="gipi-sidenav" />
+            <ng-content select="gipi-sidenav-content" />
+        </div>
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'gipi-sidenav-container', exportAs: 'gSidenavContainer', template: `
+        <div class="g-sidenav-container-inner">
+            <ng-content select="gipi-sidenav" />
+            <ng-content select="gipi-sidenav-content" />
+        </div>
+    `, host: {
+                        class: 'g-sidenav-container',
+                    }, imports: [CommonModule] }]
+        }], ctorParameters: () => [] });
 class Sidenav {
     set opened(value) {
         this._opened = booleanAttribute(value);
@@ -19092,9 +19186,11 @@ class Sidenav {
     }
     constructor() {
         this._uniqueId = inject(_IdGenerator).getId('gipi-sidenav-');
-        this.arrowType = signal('arrow_left', ...(ngDevMode ? [{ debugName: "arrowType" }] : []));
-        this._menuLevel = signal([], ...(ngDevMode ? [{ debugName: "_menuLevel" }] : []));
         this._changeDetectorRef = inject(ChangeDetectorRef);
+        this._menuLevel = signal([], ...(ngDevMode ? [{ debugName: "_menuLevel" }] : []));
+        this.arrowType = signal('arrow_left', ...(ngDevMode ? [{ debugName: "arrowType" }] : []));
+        this.mode = signal('over', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.viewportSize = signal('mobile', ...(ngDevMode ? [{ debugName: "viewportSize" }] : []));
         this.id = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "id" }] : []));
         this.name = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "name" }] : []));
         this._opened = false;
@@ -19115,6 +19211,9 @@ class Sidenav {
                 : '';
         }, ...(ngDevMode ? [{ debugName: "menuLevelName" }] : []));
     }
+    ngOnInit() {
+        this._applyResponsiveState(true);
+    }
     ngOnChanges(changes) {
         const menuValue = changes['menuList'];
         if (menuValue && menuValue !== menuValue.previousValue) {
@@ -19122,48 +19221,114 @@ class Sidenav {
             this._changeDetectorRef.detectChanges();
         }
     }
-    onHandleToggleSidenav() {
+    handleWindowResize() {
+        this._applyResponsiveState();
+    }
+    handleMouseEnter() {
+        if (this.viewportSize() === 'tablet' && !this.opened) {
+            this.opened = true;
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    handleMouseLeave() {
+        if (this.viewportSize() === 'tablet' && this.opened) {
+            this.opened = false;
+            this._menuLevel.set([]);
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    handleToggleSidenav() {
         this.opened = !this.opened;
         this._menuLevel.set([]);
         this._changeDetectorRef.detectChanges();
     }
-    onHandleMenuLevelGoBack() {
+    handleMenuLevelGoBack() {
         const level = this._menuLevel();
         if (level.length > 0) {
             this._menuLevel.set(level.slice(0, level.length - 1));
         }
         this._changeDetectorRef.detectChanges();
     }
-    onHandleMenuItemSelect(menu) {
+    handleMenuItemSelect(menu) {
         if (menu.type === 'COLLAPSABLE') {
             this._menuLevel.update((level) => [...level, menu]);
         }
+        if (this.mode() === 'over' && this.opened && menu.type !== 'COLLAPSABLE') {
+            this.opened = false;
+        }
         this._changeDetectorRef.detectChanges();
         menu.action?.();
     }
+    _applyResponsiveState(force = false) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const nextViewport = this._getViewportSize(window.innerWidth);
+        if (!force && nextViewport === this.viewportSize()) {
+            return;
+        }
+        this.viewportSize.set(nextViewport);
+        if (nextViewport === 'desktop') {
+            this.mode.set('side');
+            this.opened = true;
+        }
+        else {
+            this.mode.set('over');
+            this.opened = false;
+        }
+        this._menuLevel.set([]);
+        this._changeDetectorRef.detectChanges();
+    }
+    _getViewportSize(width) {
+        if (width <= 640) {
+            return 'mobile';
+        }
+        if (width < 1366) {
+            return 'tablet';
+        }
+        return 'desktop';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Sidenav, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: Sidenav, isStandalone: true, selector: "gipi-sidenav", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: false, isRequired: false, transformFunction: null }, menuList: { classPropertyName: "menuList", publicName: "menuList", isSignal: false, isRequired: false, transformFunction: null }, menuFooterList: { classPropertyName: "menuFooterList", publicName: "menuFooterList", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.name": "name()", "class.g-sidenav-opened": "opened", "class.g-sidenav-closed": "!opened" }, classAttribute: "g-sidenav" }, exportAs: ["gSidenav"], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: Sidenav, isStandalone: true, selector: "gipi-sidenav", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: false, isRequired: false, transformFunction: null }, menuList: { classPropertyName: "menuList", publicName: "menuList", isSignal: false, isRequired: false, transformFunction: null }, menuFooterList: { classPropertyName: "menuFooterList", publicName: "menuFooterList", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "handleWindowResize()" }, properties: { "attr.id": "id()", "attr.name": "name()", "class.g-sidenav-opened": "opened", "class.g-sidenav-closed": "!opened", "class.g-sidenav-mode-over": "mode() === 'over'", "class.g-sidenav-mode-side": "mode() === 'side'", "class.g-sidenav-mobile": "viewportSize() === 'mobile'", "class.g-sidenav-tablet": "viewportSize() === 'tablet'", "class.g-sidenav-desktop": "viewportSize() === 'desktop'" }, classAttribute: "g-sidenav" }, exportAs: ["gSidenav"], usesOnChanges: true, ngImport: i0, template: `
+        @if (mode() === 'over' && opened) {
+            <button
+                type="button"
+                class="g-sidenav-backdrop"
+                aria-label="Fechar menu lateral"
+                (click)="handleToggleSidenav()"
+            >
+                <!-- Fechar menu lateral -->
+            </button>
+        }
+
         <button
             id="btnToggleSidenav"
             name="btnToggleSidenav"
             class="g-sidenav-control"
-            (click)="onHandleToggleSidenav()">
+            (click)="handleToggleSidenav()"
+        >
             <span
                 class="material-symbols-rounded g-sidenav-control-icon"
-                [@rotateArrow]="arrowType()!">
+                [@rotateArrow]="arrowType()!"
+            >
                 chevron_left
             </span>
             {{ opened ? 'Retrair menu' : '' }}
         </button>
 
-        <div class="g-sidenav-menu">
+        <div
+            class="g-sidenav-menu"
+            (mouseenter)="handleMouseEnter()"
+            (mouseleave)="handleMouseLeave()"
+        >
             <div class="g-sidenav-menu-list-base g-sidenav-menu-list">
                 @if (opened && menuLevelName()) {
                     <button
                         id="btnMenuLevelGoBack"
                         name="btnMenuLevelGoBack"
                         class="g-sidenav-menu-item-level-back"
-                        (click)="onHandleMenuLevelGoBack()">
+                        (click)="handleMenuLevelGoBack()"
+                    >
                         <div class="g-sidenav-menu-item-content">
                             <span class="material-symbols-rounded g-sidenav-menu-level-back-icon">
                                 arrow_left_alt
@@ -19178,7 +19343,8 @@ class Sidenav {
                     <gipi-sidenav-menu-item
                         [menu]="menu"
                         [sidenavOpened]="opened"
-                        (onSelect)="onHandleMenuItemSelect($event)" />
+                        (onSelect)="handleMenuItemSelect($event)"
+                    />
                 }
             </div>
             @if (menuFooterList.length) {
@@ -19187,7 +19353,8 @@ class Sidenav {
                         <gipi-sidenav-menu-item
                             [menu]="menu"
                             [sidenavOpened]="opened"
-                            (onSelect)="onHandleMenuItemSelect($event)" />
+                            (onSelect)="handleMenuItemSelect($event)"
+                        />
                     }
                 </div>
             }
@@ -19197,27 +19364,45 @@ class Sidenav {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Sidenav, decorators: [{
             type: Component,
             args: [{ selector: 'gipi-sidenav', exportAs: 'gSidenav', template: `
+        @if (mode() === 'over' && opened) {
+            <button
+                type="button"
+                class="g-sidenav-backdrop"
+                aria-label="Fechar menu lateral"
+                (click)="handleToggleSidenav()"
+            >
+                <!-- Fechar menu lateral -->
+            </button>
+        }
+
         <button
             id="btnToggleSidenav"
             name="btnToggleSidenav"
             class="g-sidenav-control"
-            (click)="onHandleToggleSidenav()">
+            (click)="handleToggleSidenav()"
+        >
             <span
                 class="material-symbols-rounded g-sidenav-control-icon"
-                [@rotateArrow]="arrowType()!">
+                [@rotateArrow]="arrowType()!"
+            >
                 chevron_left
             </span>
             {{ opened ? 'Retrair menu' : '' }}
         </button>
 
-        <div class="g-sidenav-menu">
+        <div
+            class="g-sidenav-menu"
+            (mouseenter)="handleMouseEnter()"
+            (mouseleave)="handleMouseLeave()"
+        >
             <div class="g-sidenav-menu-list-base g-sidenav-menu-list">
                 @if (opened && menuLevelName()) {
                     <button
                         id="btnMenuLevelGoBack"
                         name="btnMenuLevelGoBack"
                         class="g-sidenav-menu-item-level-back"
-                        (click)="onHandleMenuLevelGoBack()">
+                        (click)="handleMenuLevelGoBack()"
+                    >
                         <div class="g-sidenav-menu-item-content">
                             <span class="material-symbols-rounded g-sidenav-menu-level-back-icon">
                                 arrow_left_alt
@@ -19232,7 +19417,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     <gipi-sidenav-menu-item
                         [menu]="menu"
                         [sidenavOpened]="opened"
-                        (onSelect)="onHandleMenuItemSelect($event)" />
+                        (onSelect)="handleMenuItemSelect($event)"
+                    />
                 }
             </div>
             @if (menuFooterList.length) {
@@ -19241,7 +19427,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         <gipi-sidenav-menu-item
                             [menu]="menu"
                             [sidenavOpened]="opened"
-                            (onSelect)="onHandleMenuItemSelect($event)" />
+                            (onSelect)="handleMenuItemSelect($event)"
+                        />
                     }
                 </div>
             }
@@ -19252,6 +19439,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         class: 'g-sidenav',
                         '[class.g-sidenav-opened]': 'opened',
                         '[class.g-sidenav-closed]': '!opened',
+                        '[class.g-sidenav-mode-over]': "mode() === 'over'",
+                        '[class.g-sidenav-mode-side]': "mode() === 'side'",
+                        '[class.g-sidenav-mobile]': "viewportSize() === 'mobile'",
+                        '[class.g-sidenav-tablet]': "viewportSize() === 'tablet'",
+                        '[class.g-sidenav-desktop]': "viewportSize() === 'desktop'",
                     }, animations: [rotateArrowBtnControl], imports: [CommonModule, SidenavMenuItem] }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], opened: [{
                 type: Input$1
@@ -19259,17 +19451,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input$1
             }], menuFooterList: [{
                 type: Input$1
+            }], handleWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
             }] } });
 class SidenavModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: SidenavModule, imports: [SidenavMenuItem, Sidenav], exports: [SidenavMenuItem, Sidenav] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavModule, imports: [SidenavMenuItem, Sidenav] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: SidenavModule, imports: [SidenavMenuItem, SidenavContent, SidenavContainer, Sidenav], exports: [SidenavMenuItem, SidenavContent, SidenavContainer, Sidenav] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavModule, imports: [SidenavMenuItem, SidenavContent, SidenavContainer, Sidenav] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SidenavModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [SidenavMenuItem, Sidenav],
-                    exports: [SidenavMenuItem, Sidenav],
+                    imports: [SidenavMenuItem, SidenavContent, SidenavContainer, Sidenav],
+                    exports: [SidenavMenuItem, SidenavContent, SidenavContainer, Sidenav],
                 }]
         }] });
 
@@ -20523,27 +20718,21 @@ class Table {
     get columnExpandDetailColspan() {
         return this.columnsToDisplay().length;
     }
-    get _matSortDirection() {
-        const matSortDirection = this.matSortDirection();
-        return !StringUtil.isEmpty(matSortDirection)
-            ? matSortDirection === 'DESC'
-                ? 'desc'
-                : 'asc'
-            : '';
-    }
     get _matSortStart() {
-        const matSortDirection = this.matSortDirection();
-        return !StringUtil.isEmpty(matSortDirection) ? matSortDirection : '';
+        const configuredStart = this._toMaterialSortDirection(this.matSortStart());
+        return StringUtil.isEmpty(configuredStart) ? 'asc' : configuredStart;
     }
     constructor() {
+        this._uniqueId = inject(_IdGenerator).getId('gipi-table-');
+        this._changeDetectorRef = inject(ChangeDetectorRef);
+        this._ngZone = inject(NgZone);
         this.expandDetailRef = contentChild('expandDetail', ...(ngDevMode ? [{ debugName: "expandDetailRef" }] : []));
         this.actionsRef = contentChild('actions', ...(ngDevMode ? [{ debugName: "actionsRef" }] : []));
         this.menuContextRef = contentChild('menuContext', ...(ngDevMode ? [{ debugName: "menuContextRef" }] : []));
         this.footerRef = contentChild('footer', ...(ngDevMode ? [{ debugName: "footerRef" }] : []));
-        this._uniqueId = inject(_IdGenerator).getId('gipi-table-');
-        this._changeDetectorRef = inject(ChangeDetectorRef);
-        this._ngZone = inject(NgZone);
         this.menuContextWrapperElement = signal(null, ...(ngDevMode ? [{ debugName: "menuContextWrapperElement" }] : []));
+        this.sortActiveState = signal('', ...(ngDevMode ? [{ debugName: "sortActiveState" }] : []));
+        this.sortDirectionState = signal('', ...(ngDevMode ? [{ debugName: "sortDirectionState" }] : []));
         this.tableFooterElement = signal(null, ...(ngDevMode ? [{ debugName: "tableFooterElement" }] : []));
         this.tableMinHeight = computed(() => {
             const headerHeight = ROW_HEIGHT$1;
@@ -20731,6 +20920,17 @@ class Table {
         this.onSort = output();
         this.onPage = output();
         this.onClickRow = output();
+        effect(() => {
+            const externalActive = this.matSortActive();
+            const externalDirection = this._toMaterialSortDirection(this.matSortDirection());
+            // Evita sobrescrever a interação local com estado externo vazio
+            // enquanto o parent ainda processa o sort/page assíncrono.
+            if (StringUtil.isEmpty(externalActive) && StringUtil.isEmpty(externalDirection)) {
+                return;
+            }
+            this.sortActiveState.set(externalActive);
+            this.sortDirectionState.set(externalDirection);
+        });
     }
     ngOnInit() {
         queueMicrotask(() => {
@@ -20768,7 +20968,9 @@ class Table {
         return CssUtil.coerceCssPixelValue(width);
     }
     onHandleSort(event) {
-        const sort = new BaseSortModel(event.active, event.direction);
+        this.sortActiveState.set(event.active ?? '');
+        this.sortDirectionState.set(event.direction ?? '');
+        const sort = new BaseSortModel(event.active, this._toCoreSortDirection(event.direction));
         this.onSort.emit(sort);
         const pageEvent = {
             pageIndex: this.paginatorPageNumber(),
@@ -20942,7 +21144,12 @@ class Table {
             else if (!NumberUtil.isEmpty(columnInitial)) {
                 throw new Error(`Final column is not available`);
             }
-            const offsetX = event.clientX - 15;
+            /**
+             * Ponto incial do menu referente ao mouse.
+             * - Se contem 1 ou 2 itens, o ponto inicial é mais próximo ao canto esquerdo do menu.
+             * - Se contem mais de 2 itens, o ponto inicial é mais próximo ao centro do menu.
+             */
+            const offsetX = menuContextRect.width < 85 ? event.clientX - 20 : event.clientX - 60;
             const clampedX = Math.min(Math.max(offsetX, startX), endX);
             this._ngZone.run(() => {
                 menuContextWrapperElement.style.top = `${rowTop}px`;
@@ -21000,13 +21207,39 @@ class Table {
         }
         return JSON.stringify(row1) === JSON.stringify(row2);
     }
+    _toMaterialSortDirection(direction) {
+        if (StringUtil.isEmpty(direction)) {
+            return '';
+        }
+        const normalizedDirection = String(direction).toUpperCase();
+        if (normalizedDirection === 'ASC') {
+            return 'asc';
+        }
+        if (normalizedDirection === 'DESC') {
+            return 'desc';
+        }
+        return '';
+    }
+    _toCoreSortDirection(direction) {
+        if (StringUtil.isEmpty(direction)) {
+            return '';
+        }
+        const normalizedDirection = String(direction).toUpperCase();
+        if (normalizedDirection === 'ASC') {
+            return 'ASC';
+        }
+        if (normalizedDirection === 'DESC') {
+            return 'DESC';
+        }
+        return '';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: Table, isStandalone: true, selector: "gipi-table", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, calcMinHeight: { classPropertyName: "calcMinHeight", publicName: "calcMinHeight", isSignal: true, isRequired: false, transformFunction: null }, isRowHighlightFn: { classPropertyName: "isRowHighlightFn", publicName: "isRowHighlightFn", isSignal: true, isRequired: false, transformFunction: null }, matSortFrontend: { classPropertyName: "matSortFrontend", publicName: "sortFrontend", isSignal: true, isRequired: false, transformFunction: null }, matSortActive: { classPropertyName: "matSortActive", publicName: "sortActive", isSignal: true, isRequired: false, transformFunction: null }, matSortDirection: { classPropertyName: "matSortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null }, matSortDisableClear: { classPropertyName: "matSortDisableClear", publicName: "sortDisableClear", isSignal: true, isRequired: false, transformFunction: null }, matSortDisabled: { classPropertyName: "matSortDisabled", publicName: "sortDisabled", isSignal: true, isRequired: false, transformFunction: null }, matSortStart: { classPropertyName: "matSortStart", publicName: "sortStart", isSignal: true, isRequired: false, transformFunction: null }, expandedRows: { classPropertyName: "expandedRows", publicName: "expandedRows", isSignal: false, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expandedRowsInitial: { classPropertyName: "expandedRowsInitial", publicName: "expandedRows", isSignal: true, isRequired: false, transformFunction: null }, expandAllEnabled: { classPropertyName: "expandAllEnabled", publicName: "expandAllEnabled", isSignal: true, isRequired: false, transformFunction: null }, multiExpandable: { classPropertyName: "multiExpandable", publicName: "multiExpandable", isSignal: true, isRequired: false, transformFunction: null }, expandablePosition: { classPropertyName: "expandablePosition", publicName: "expandablePosition", isSignal: true, isRequired: false, transformFunction: null }, expandableByClickInRow: { classPropertyName: "expandableByClickInRow", publicName: "expandableByClickInRow", isSignal: true, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, multiSelectionWithClick: { classPropertyName: "multiSelectionWithClick", publicName: "multiSelectionWithClick", isSignal: true, isRequired: false, transformFunction: null }, multiSelectable: { classPropertyName: "multiSelectable", publicName: "multiSelectable", isSignal: true, isRequired: false, transformFunction: null }, expandableCompareWithFn: { classPropertyName: "expandableCompareWithFn", publicName: "expandableCompareWithFn", isSignal: true, isRequired: false, transformFunction: null }, isRowExpandableFn: { classPropertyName: "isRowExpandableFn", publicName: "isRowExpandableFn", isSignal: true, isRequired: false, transformFunction: null }, selectAllEnabled: { classPropertyName: "selectAllEnabled", publicName: "selectAllEnabled", isSignal: true, isRequired: false, transformFunction: null }, selectablePosition: { classPropertyName: "selectablePosition", publicName: "selectablePosition", isSignal: true, isRequired: false, transformFunction: null }, selectByClickInRow: { classPropertyName: "selectByClickInRow", publicName: "selectByClickInRow", isSignal: true, isRequired: false, transformFunction: null }, selectCompareWithFn: { classPropertyName: "selectCompareWithFn", publicName: "selectCompareWithFn", isSignal: true, isRequired: false, transformFunction: null }, selectedRowsInitial: { classPropertyName: "selectedRowsInitial", publicName: "selectedRowsInitial", isSignal: true, isRequired: false, transformFunction: null }, isRowSelectableFn: { classPropertyName: "isRowSelectableFn", publicName: "isRowSelectableFn", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: true, transformFunction: null }, columnInitial: { classPropertyName: "columnInitial", publicName: "columnInitial", isSignal: true, isRequired: false, transformFunction: null }, columnFinal: { classPropertyName: "columnFinal", publicName: "columnFinal", isSignal: true, isRequired: false, transformFunction: null }, showActionsOnHover: { classPropertyName: "showActionsOnHover", publicName: "showActionsOnHover", isSignal: true, isRequired: false, transformFunction: null }, actionsWidth: { classPropertyName: "actionsWidth", publicName: "actionsWidth", isSignal: true, isRequired: false, transformFunction: null }, actionsMinWidth: { classPropertyName: "actionsMinWidth", publicName: "actionsMinWidth", isSignal: true, isRequired: false, transformFunction: null }, actionsMaxWidth: { classPropertyName: "actionsMaxWidth", publicName: "actionsMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorFrontend: { classPropertyName: "paginatorFrontend", publicName: "paginatorFrontend", isSignal: true, isRequired: false, transformFunction: null }, paginatorDisabled: { classPropertyName: "paginatorDisabled", publicName: "paginatorDisabled", isSignal: true, isRequired: false, transformFunction: null }, paginatorPageSize: { classPropertyName: "paginatorPageSize", publicName: "paginatorPageSize", isSignal: false, isRequired: false, transformFunction: numberAttribute }, paginatorPageNumber: { classPropertyName: "paginatorPageNumber", publicName: "paginatorPageNumber", isSignal: true, isRequired: false, transformFunction: null }, paginatorLength: { classPropertyName: "paginatorLength", publicName: "paginatorLength", isSignal: true, isRequired: false, transformFunction: null }, paginatorPageSizeOptions: { classPropertyName: "paginatorPageSizeOptions", publicName: "paginatorPageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, paginatorHidePageSize: { classPropertyName: "paginatorHidePageSize", publicName: "paginatorHidePageSize", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, menuItemsContext: { classPropertyName: "menuItemsContext", publicName: "menuItemsContext", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { expandedRowsChange: "expandedRowsChange", onExpandedRows: "onExpandedRows", onExpandRow: "onExpandRow", selectedRowsChange: "selectedRowsChange", onSelectedRows: "onSelectedRows", onSelectRow: "onSelectRow", onSort: "onSort", onPage: "onPage", onClickRow: "onClickRow" }, host: { properties: { "attr.id": "id()", "attr.name": "name()", "attr.role": "'table'", "style.min-height": "this.tableMinHeightPx" }, classAttribute: "g-table" }, providers: [
             {
                 provide: MatPaginatorIntl,
                 useFactory: () => inject(PaginatorIntlToken),
             },
-        ], queries: [{ propertyName: "expandDetailRef", first: true, predicate: ["expandDetail"], descendants: true, isSignal: true }, { propertyName: "actionsRef", first: true, predicate: ["actions"], descendants: true, isSignal: true }, { propertyName: "menuContextRef", first: true, predicate: ["menuContext"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableFooterRef", first: true, predicate: ["gTableFooter"], descendants: true, read: ElementRef }, { propertyName: "matPaginatorRef", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSortRef", first: true, predicate: MatSort, descendants: true }, { propertyName: "menuContextWrapperRef", first: true, predicate: ["menuContextWrapper"], descendants: true, read: ElementRef }], exportAs: ["gTable"], ngImport: i0, template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"matSortActive()\"\n    [matSortDirection]=\"_matSortDirection\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CdkTableModule }, { kind: "component", type: i2$4.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i2$4.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i2$4.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i2$4.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i2$4.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["cdkColumnDef", "sticky", "stickyEnd"] }, { kind: "directive", type: i2$4.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i2$4.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i2$4.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i2$4.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i2$4.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: TextEllipsisModule }, { kind: "directive", type: TextEllipsisDirective, selector: "[gTextEllipsis]", inputs: ["gTextEllipsis", "gTextEllipsisEnabled"], exportAs: ["gTextEllipsis"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: TooltipDirective, selector: "[gTooltip]", inputs: ["gTooltip", "gTooltipPosition", "gTooltipDisabled", "gTooltipShowDelay", "gTooltipHideDelay"], exportAs: ["gTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: Checkbox, selector: "gipi-checkbox", inputs: ["label", "help", "variant", "checked", "indeterminate"], outputs: ["indeterminateChange", "change", "focus", "blur"], exportAs: ["gCheckbox"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: Icon, selector: "gipi-icon", inputs: ["id", "name", "class", "style", "variation", "weight", "grade", "optical", "inline", "aria-label", "tooltip", "icon", "svgIcon", "size", "color", "fontSet"], exportAs: ["gIcon"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: Loading, selector: "gipi-loading", inputs: ["id", "name", "variant", "type"], exportAs: ["gLoading"] }, { kind: "ngmodule", type: EmptyModule }, { kind: "component", type: Empty, selector: "gipi-empty", inputs: ["id", "name", "label"], exportAs: ["gEmpty"] }] }); }
+        ], queries: [{ propertyName: "expandDetailRef", first: true, predicate: ["expandDetail"], descendants: true, isSignal: true }, { propertyName: "actionsRef", first: true, predicate: ["actions"], descendants: true, isSignal: true }, { propertyName: "menuContextRef", first: true, predicate: ["menuContext"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableFooterRef", first: true, predicate: ["gTableFooter"], descendants: true, read: ElementRef }, { propertyName: "matPaginatorRef", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSortRef", first: true, predicate: MatSort, descendants: true }, { propertyName: "menuContextWrapperRef", first: true, predicate: ["menuContextWrapper"], descendants: true, read: ElementRef }], exportAs: ["gTable"], ngImport: i0, template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"sortActiveState()\"\n    [matSortDirection]=\"sortDirectionState()\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CdkTableModule }, { kind: "component", type: i2$4.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i2$4.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i2$4.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i2$4.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i2$4.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["cdkColumnDef", "sticky", "stickyEnd"] }, { kind: "directive", type: i2$4.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i2$4.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i2$4.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i2$4.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i2$4.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: TextEllipsisModule }, { kind: "directive", type: TextEllipsisDirective, selector: "[gTextEllipsis]", inputs: ["gTextEllipsis", "gTextEllipsisEnabled"], exportAs: ["gTextEllipsis"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: TooltipDirective, selector: "[gTooltip]", inputs: ["gTooltip", "gTooltipPosition", "gTooltipDisabled", "gTooltipShowDelay", "gTooltipHideDelay"], exportAs: ["gTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: Checkbox, selector: "gipi-checkbox", inputs: ["label", "help", "variant", "checked", "indeterminate"], outputs: ["indeterminateChange", "change", "focus", "blur"], exportAs: ["gCheckbox"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: Icon, selector: "gipi-icon", inputs: ["id", "name", "class", "style", "variation", "weight", "grade", "optical", "inline", "aria-label", "tooltip", "icon", "svgIcon", "size", "color", "fontSet"], exportAs: ["gIcon"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: Loading, selector: "gipi-loading", inputs: ["id", "name", "variant", "type"], exportAs: ["gLoading"] }, { kind: "ngmodule", type: EmptyModule }, { kind: "component", type: Empty, selector: "gipi-empty", inputs: ["id", "name", "label"], exportAs: ["gEmpty"] }] }); }
 }
 __decorate([
     Debounce(50)
@@ -21035,7 +21268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         IconModule,
                         LoadingModule,
                         EmptyModule,
-                    ], template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"matSortActive()\"\n    [matSortDirection]=\"_matSortDirection\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n" }]
+                    ], template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"sortActiveState()\"\n    [matSortDirection]=\"sortDirectionState()\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { tableFooterRef: [{
                 type: ViewChild,
                 args: ['gTableFooter', { read: ElementRef }]
@@ -23916,5 +24149,5 @@ function useLinkedFilter(initialValue, options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionRow, ActionRowModule, AllowedPublicRoutesToken, AppMessagesToken, ArrayUtil, AutoFocusDirective, AutoFocusModule, Avatar, AvatarModule, BaseAppliedFilter, BaseAuthService, BaseAuthServiceToken, BaseAuthorityModel, BaseComponent, BaseControlValueAccessor, BaseCrudService, BaseFilterModel, BaseFormComponent, BaseFormDialogComponent, BaseFormDialogDataModel, BaseInput, BaseListComponent, BaseListDialogComponent, BaseListDialogDataModel, BaseMenuModel, BaseModel, BasePageModel, BaseQueryParams, BaseReportComponent, BaseService, BaseSortModel, BaseTokenModel, BaseUserModel, Button, ButtonGroup, ButtonGroupModule, ButtonModule, CAPITALIZE_ACRONYMS, CAPITALIZE_PREPOSITIONS, CURRENCY_OPTIONS_DEFAULT, CacheableService, Checkbox, CheckboxGroup, CheckboxModule, Chips, ChipsModule, ConfirmDialog, ConfirmDialogIcon, ConfirmDialogModel, ConfirmDialogModule, ConfirmDialogService, CssUtil, CurrencyDirective, CurrencyModule, CurrencyUtil, DEFAULT_MESSAGES, DatePicker, DatePickerModule, DateUtil, Debounce, DialogConfig, DialogService, DisableAutoFillDirective, DocumentPipe, DocumentUtil, EchartsConfigToken, EchartsDirective, EchartsModule, EmailUtil, Empty, EmptyModule, ExpansionPanel, ExpansionPanelModule, Fieldset, FieldsetModule, FileDragAndDrop, FileDragAndDropModule, FileSaverService, FilterListbox, FilterListboxModule, FilterPersistenceService, FilterService, FilterURLService, FlexLayoutDirective, FlexLayoutModule, FormField, FormFieldErrors, FormFieldInputDirective, FormFieldModule, FormFieldPrefixDirective, FormFieldSuffixDirective, FormWrapper, FormWrapperDialog, FormWrapperModule, HelpfulTip, HelpfulTipModule, Icon, IconModule, Input, InputCurrency, InputCurrencyModule, InputFile, InputFileModule, InputGroup, InputGroupAddon, InputGroupModule, InputModule, InputPhone, InputPhoneModule, Label, LabelModule, Loading, LoadingModule, LocalStorageToken, Lozenge, LozengeModule, MoneyPipe, NomalizeTextPipe, NumberToWordsUtil, NumberUtil, ObjectUtil, PAGINATOR_INTL_PT_BR, PageAdjustService, Paginator, PaginatorIntlToken, PaginatorModule, PaginatorPipe, PasswordRequirements, PasswordRequirementsModule, PasswordValidationUtil, PdfViewer, PdfViewerDialog, PdfViewerDialogModel, PdfViewerDialogModule, PdfViewerService, PhoneUtil, Popover, PopoverModule, PopoverTargetDirective, PopoverTriggerDirective, RadioGroup, RadioGroupModule, STATES_DATA, ScrollFadeDirective, ScrollFadeModule, SelectClientSide, SelectEnum, SelectModule, SelectServerSide, SessionStorageToken, Sidenav, SidenavMenuItem, SidenavModule, Skeleton, SkeletonModule, SplitButton, SplitButtonModule, StateUtil, Step, Stepper, StepperModule, StringUtil, SvgRegisterService, Tab, TabGroup, Table, TableColumn, TableColumnBuilder, TableMenuItemContext, TableMenuItemContextBuilder, TableModule, TabsModule, Tag, TagModule, TextCapitalizeDirective, TextCapitalizeModule, TextEllipsisDirective, TextEllipsisModule, Textarea, TextareaModule, Toast, ToastIcon, ToastModel, ToastModule, ToastService, ToggleSwitch, ToggleSwitchModule, Toolbar, ToolbarModule, TooltipDirective, TooltipModule, TopNav, TopNavModule, TreeTable, TreeTableColumn, TreeTableColumnBuilder, TreeTableMenuItemContext, TreeTableMenuItemContextBuilder, TreeTableModule, UUIDUtil, UserProfile, UserProfileModule, animationFlyInOut, authChildGuard, authGuard, authInterceptor, eConfirmDialogTypes, eCurrencyInputMode, eMenuType, eSortDirection, eToastTypes, eTypeOperationCloseDialogEnum, eTypeOperationDialog, entityFilterSignal, errorInterceptor, filterSignal, provideAllowedPublicRoutes, provideAppMessages, provideBaseAuthService, provideEchartsCore, providePaginatorIntl, provideValueAccessor, publicChildGuard, publicGuard, rotateAnimation, rotateArrowTreeTableExpand, stateNamesMap, transformFilterSignal, useFilterPersistence, useLinkedFilter };
+export { ActionRow, ActionRowModule, AllowedPublicRoutesToken, AppMessagesToken, ArrayUtil, AutoFocusDirective, AutoFocusModule, Avatar, AvatarModule, BaseAppliedFilter, BaseAuthService, BaseAuthServiceToken, BaseAuthorityModel, BaseComponent, BaseControlValueAccessor, BaseCrudService, BaseFilterModel, BaseFormComponent, BaseFormDialogComponent, BaseFormDialogDataModel, BaseInput, BaseListComponent, BaseListDialogComponent, BaseListDialogDataModel, BaseMenuModel, BaseModel, BasePageModel, BaseQueryParams, BaseReportComponent, BaseService, BaseSortModel, BaseTokenModel, BaseUserModel, Button, ButtonGroup, ButtonGroupModule, ButtonModule, CAPITALIZE_ACRONYMS, CAPITALIZE_PREPOSITIONS, CURRENCY_OPTIONS_DEFAULT, CacheableService, Checkbox, CheckboxGroup, CheckboxModule, Chips, ChipsModule, ConfirmDialog, ConfirmDialogIcon, ConfirmDialogModel, ConfirmDialogModule, ConfirmDialogService, CssUtil, CurrencyDirective, CurrencyModule, CurrencyUtil, DEFAULT_MESSAGES, DatePicker, DatePickerModule, DateUtil, Debounce, DialogConfig, DialogService, DisableAutoFillDirective, DocumentPipe, DocumentUtil, EchartsConfigToken, EchartsDirective, EchartsModule, EmailUtil, Empty, EmptyModule, ExpansionPanel, ExpansionPanelModule, Fieldset, FieldsetModule, FileDragAndDrop, FileDragAndDropModule, FileSaverService, FilterListbox, FilterListboxModule, FilterPersistenceService, FilterService, FilterURLService, FlexLayoutDirective, FlexLayoutModule, FormField, FormFieldErrors, FormFieldInputDirective, FormFieldModule, FormFieldPrefixDirective, FormFieldSuffixDirective, FormWrapper, FormWrapperDialog, FormWrapperModule, HelpfulTip, HelpfulTipModule, Icon, IconModule, Input, InputCurrency, InputCurrencyModule, InputFile, InputFileModule, InputGroup, InputGroupAddon, InputGroupModule, InputModule, InputPhone, InputPhoneModule, Label, LabelModule, Loading, LoadingModule, LocalStorageToken, Lozenge, LozengeModule, MoneyPipe, NomalizeTextPipe, NumberToWordsUtil, NumberUtil, ObjectUtil, PAGINATOR_INTL_PT_BR, PageAdjustService, Paginator, PaginatorIntlToken, PaginatorModule, PaginatorPipe, PasswordRequirements, PasswordRequirementsModule, PasswordValidationUtil, PdfViewer, PdfViewerDialog, PdfViewerDialogModel, PdfViewerDialogModule, PdfViewerService, PhoneUtil, Popover, PopoverModule, PopoverTargetDirective, PopoverTriggerDirective, RadioGroup, RadioGroupModule, STATES_DATA, ScrollFadeDirective, ScrollFadeModule, SelectClientSide, SelectEnum, SelectModule, SelectServerSide, SessionStorageToken, Sidenav, SidenavContainer, SidenavContent, SidenavMenuItem, SidenavModule, Skeleton, SkeletonModule, SplitButton, SplitButtonModule, StateUtil, Step, Stepper, StepperModule, StringUtil, SvgRegisterService, Tab, TabGroup, Table, TableColumn, TableColumnBuilder, TableMenuItemContext, TableMenuItemContextBuilder, TableModule, TabsModule, Tag, TagModule, TextCapitalizeDirective, TextCapitalizeModule, TextEllipsisDirective, TextEllipsisModule, Textarea, TextareaModule, Toast, ToastIcon, ToastModel, ToastModule, ToastService, ToggleSwitch, ToggleSwitchModule, Toolbar, ToolbarModule, TooltipDirective, TooltipModule, TopNav, TopNavModule, TreeTable, TreeTableColumn, TreeTableColumnBuilder, TreeTableMenuItemContext, TreeTableMenuItemContextBuilder, TreeTableModule, UUIDUtil, UserProfile, UserProfileModule, animationFlyInOut, authChildGuard, authGuard, authInterceptor, eConfirmDialogTypes, eCurrencyInputMode, eMenuType, eSortDirection, eToastTypes, eTypeOperationCloseDialogEnum, eTypeOperationDialog, entityFilterSignal, errorInterceptor, filterSignal, provideAllowedPublicRoutes, provideAppMessages, provideBaseAuthService, provideEchartsCore, providePaginatorIntl, provideValueAccessor, publicChildGuard, publicGuard, rotateAnimation, rotateArrowTreeTableExpand, stateNamesMap, transformFilterSignal, useFilterPersistence, useLinkedFilter };
 //# sourceMappingURL=gipisistemas-ngx-core.mjs.map