structra-ui 0.2.89 → 0.2.90

package/fesm2022/structra-ui.mjs

@@ -304,6 +304,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/** Chaves de {@link StructraPreserveScrollDirective} / {@link StructraScrollStateService} no quadro Kanban. */
+const STRUCTRA_KANBAN_SCROLL_BOARD_KEY = 'kanban-board';
+const STRUCTRA_KANBAN_SCROLL_STATUS_TABS_KEY = 'kanban-status-chips';
+function structraKanbanColScrollKey(status) {
+    return `kanban-col-${status}`;
+}
+
+/** Coluna ocupa ~100% da largura do board (layout mobile com snap). */
+const DEFAULT_MOBILE_COLUMN_WIDTH_RATIO = 0.85;
+function queryKanbanBoardColumns(board, columnSelector) {
+    return Array.from(board.querySelectorAll(columnSelector)).filter((col) => !col.closest('.oficina-kanban-mobile-status-tabs'));
+}
+/** Indica se o board está no layout mobile (uma coluna por viewport). */
+function isStructraKanbanMobileSnapBoard(board, options = {}) {
+    const columnSelector = options.columnSelector ?? '[data-kanban-board-col], .oficina-kanban-board__col';
+    const cols = queryKanbanBoardColumns(board, columnSelector);
+    if (cols.length === 0 || board.clientWidth < 1) {
+        return false;
+    }
+    const ratio = options.mobileColumnWidthRatio ?? DEFAULT_MOBILE_COLUMN_WIDTH_RATIO;
+    return cols[0].clientWidth >= board.clientWidth * ratio;
+}
+/**
+ * Alinha `scrollLeft` à coluna mobile (snap). Desktop não altera.
+ * @returns status da coluna alinhada ou null se não aplicável.
+ */
+function snapStructraKanbanMobileBoard(board, options = {}) {
+    const columnSelector = options.columnSelector ?? '[data-kanban-board-col], .oficina-kanban-board__col';
+    if (!isStructraKanbanMobileSnapBoard(board, options)) {
+        return null;
+    }
+    const cols = queryKanbanBoardColumns(board, columnSelector);
+    if (cols.length === 0) {
+        return null;
+    }
+    let target = null;
+    if (options.preferredStatus != null) {
+        const wanted = String(options.preferredStatus);
+        target =
+            cols.find((col) => col.dataset['kanbanStatus']?.trim() === wanted) ?? null;
+    }
+    if (!target) {
+        const viewportCenter = board.scrollLeft + board.clientWidth / 2;
+        let melhorDist = Number.POSITIVE_INFINITY;
+        for (const col of cols) {
+            const center = col.offsetLeft + col.clientWidth / 2;
+            const dist = Math.abs(center - viewportCenter);
+            if (dist < melhorDist) {
+                melhorDist = dist;
+                target = col;
+            }
+        }
+    }
+    if (!target) {
+        return null;
+    }
+    const alvo = target.offsetLeft;
+    if (Math.abs(board.scrollLeft - alvo) > 1) {
+        board.scrollLeft = alvo;
+    }
+    const status = Number(target.dataset['kanbanStatus']);
+    return Number.isNaN(status) ? null : status;
+}
+/** Chave do contentor de scroll horizontal do board (Structra scroll state). */
+const structraKanbanBoardScrollContainerKey = () => STRUCTRA_KANBAN_SCROLL_BOARD_KEY;
+/**
+ * Após restaurar scroll do board, corrige posição «pelo meio» no mobile.
+ * @returns status da coluna alinhada ou null.
+ */
+function normalizeStructraKanbanBoardScrollAfterRestore(board, options = {}) {
+    return snapStructraKanbanMobileBoard(board, options);
+}
+
 const RESTORE_DELAYS_MS = [0, 50, 150, 300];
 const SCROLL_SAVE_THROTTLE_MS = 100;
 function attachStructraScrollPreserve(options) {
@@ -319,6 +392,14 @@ function attachStructraScrollPreserve(options) {
         }
         restoreTimers = [];
     };
+    const applyRestore = () => {
+        scrollState.restore(storageKey, target);
+        if (options.containerKey === STRUCTRA_KANBAN_SCROLL_BOARD_KEY &&
+            target instanceof HTMLElement) {
+            snapStructraKanbanMobileBoard(target);
+            scrollState.saveForContainer(options.containerKey, scrollState.readValues(target), route);
+        }
+    };
     const scheduleRestore = () => {
         clearRestoreTimers();
         for (const delay of RESTORE_DELAYS_MS) {
@@ -326,7 +407,7 @@ function attachStructraScrollPreserve(options) {
                 if (destroyed) {
                     return;
                 }
-                scrollState.restore(storageKey, target);
+                applyRestore();
             }, delay);
             restoreTimers.push(timer);
         }
@@ -350,13 +431,18 @@ function attachStructraScrollPreserve(options) {
         target.addEventListener('scroll', onScroll, { passive: true });
     }
     scheduleRestore();
-    const navSub = router.events
+    const navEndSub = router.events
         .pipe(filter((e) => e instanceof NavigationEnd))
         .subscribe((e) => {
         route = e.urlAfterRedirects;
         storageKey = scrollState.buildKey(options.containerKey, route);
         scheduleRestore();
     });
+    const navStartSub = router.events
+        .pipe(filter((e) => e instanceof NavigationStart))
+        .subscribe(() => {
+        flush();
+    });
     const flush = () => {
         if (saveTimer != null) {
             clearTimeout(saveTimer);
@@ -377,7 +463,8 @@ function attachStructraScrollPreserve(options) {
             target.removeEventListener('scroll', onScroll);
         }
         clearRestoreTimers();
-        navSub.unsubscribe();
+        navEndSub.unsubscribe();
+        navStartSub.unsubscribe();
     };
     return { flush, destroy };
 }
@@ -453,58 +540,63 @@ function provideStructraScrollState() {
     ]);
 }
 
+/** Tempo de pressão (touch) antes de iniciar drag no Kanban mobile — alinhado ao CDK `cdkDragStartDelay`. */
+const STRUCTRA_KANBAN_MOBILE_DRAG_LONG_PRESS_MS = 450;
+const STRUCTRA_KANBAN_MOBILE_DRAG_START_DELAY = {
+    touch: STRUCTRA_KANBAN_MOBILE_DRAG_LONG_PRESS_MS,
+    mouse: 0,
+};
+
 /** Breakpoint desktop do Kanban Structra (mobile = max-width 768px). */
 const STRUCTRA_KANBAN_DESKTOP_MIN_WIDTH = 769;
 const DEFAULT_EDGE_SIZE = 90;
+const DEFAULT_COLUMN_EDGE_SIZE = 72;
+const DEFAULT_PLACEHOLDER_PADDING_PX = 12;
 const DEFAULT_BASE_SPEED = 10;
 const DEFAULT_MAX_SPEED = 22;
 /**
- * Auto-scroll horizontal do contentor Kanban durante drag (CDK), apenas desktop.
- * Instanciar no componente do board e chamar nos eventos cdkDragMoved / cdkDragEnded / drop.
+ * Auto-scroll do Kanban durante drag (CDK):
+ * - horizontal no board (desktop / colunas estreitas);
+ * - vertical na coluna (desktop e mobile — long-press reorder).
  */
 class StructraKanbanDragAutoScrollController {
     constructor(options = {}) {
         this.options = options;
         this.frame = null;
-        this.direction = 0;
-        this.speed = 0;
-        this.container = null;
+        this.horizontalDirection = 0;
+        this.horizontalSpeed = 0;
+        this.horizontalContainer = null;
+        this.verticalList = null;
+        this.verticalDirection = 0;
+        this.verticalSpeed = 0;
     }
     onDragMoved(event, container) {
-        if (!this.isDesktop()) {
-            this.stop();
-            return;
-        }
         if (!container) {
             this.stop();
             return;
         }
-        const rect = container.getBoundingClientRect();
-        const pointerX = event.pointerPosition.x;
-        const edgeSize = this.options.edgeSize ?? DEFAULT_EDGE_SIZE;
-        const distanceToLeft = pointerX - rect.left;
-        const distanceToRight = rect.right - pointerX;
-        if (distanceToRight >= 0 && distanceToRight < edgeSize) {
-            const intensity = 1 - distanceToRight / edgeSize;
-            this.start(1, this.calculateSpeed(intensity), container);
-            return;
+        const mobileSnap = isStructraKanbanMobileSnapBoard(container);
+        if (!mobileSnap) {
+            this.updateHorizontalScrollTarget(event, container);
         }
-        if (distanceToLeft >= 0 && distanceToLeft < edgeSize) {
-            const intensity = 1 - distanceToLeft / edgeSize;
-            this.start(-1, this.calculateSpeed(intensity), container);
-            return;
+        this.updateVerticalScrollTarget(event, container);
+        this.revealPlaceholderInColumn(container);
+        if (this.hasActiveScroll()) {
+            this.ensureAnimationLoop();
+        }
+        else {
+            this.stopAnimationLoop();
         }
-        this.stop();
     }
     /** Chamar em cdkDragEnded, após drop, rollback/cancel e ngOnDestroy. */
     stop() {
-        this.direction = 0;
-        this.speed = 0;
-        this.container = null;
-        if (this.frame != null) {
-            cancelAnimationFrame(this.frame);
-            this.frame = null;
-        }
+        this.horizontalDirection = 0;
+        this.horizontalSpeed = 0;
+        this.horizontalContainer = null;
+        this.verticalList = null;
+        this.verticalDirection = 0;
+        this.verticalSpeed = 0;
+        this.stopAnimationLoop();
     }
     destroy() {
         this.stop();
@@ -519,30 +611,394 @@ class StructraKanbanDragAutoScrollController {
         const minWidth = this.options.desktopMinWidth ?? STRUCTRA_KANBAN_DESKTOP_MIN_WIDTH;
         return window.matchMedia(`(min-width: ${minWidth}px)`).matches;
     }
+    columnListSelector() {
+        return this.options.columnListSelector ?? '.oficina-kanban-board__col-list';
+    }
+    placeholderSelector() {
+        return (this.options.placeholderSelector ??
+            '.cdk-drag-placeholder, .oficina-kanban-board__card-placeholder');
+    }
     calculateSpeed(intensity) {
         const baseSpeed = this.options.baseSpeed ?? DEFAULT_BASE_SPEED;
         const maxSpeed = this.options.maxSpeed ?? DEFAULT_MAX_SPEED;
         const clamped = Math.min(1, Math.max(0, intensity));
         return baseSpeed + (maxSpeed - baseSpeed) * clamped;
     }
-    start(direction, speed, container) {
-        this.direction = direction;
-        this.speed = speed;
-        this.container = container;
+    updateHorizontalScrollTarget(event, container) {
+        const rect = container.getBoundingClientRect();
+        const pointerX = event.pointerPosition.x;
+        const edgeSize = this.options.edgeSize ?? DEFAULT_EDGE_SIZE;
+        const distanceToLeft = pointerX - rect.left;
+        const distanceToRight = rect.right - pointerX;
+        if (distanceToRight >= 0 && distanceToRight < edgeSize) {
+            const intensity = 1 - distanceToRight / edgeSize;
+            this.horizontalDirection = 1;
+            this.horizontalSpeed = this.calculateSpeed(intensity);
+            this.horizontalContainer = container;
+            return;
+        }
+        if (distanceToLeft >= 0 && distanceToLeft < edgeSize) {
+            const intensity = 1 - distanceToLeft / edgeSize;
+            this.horizontalDirection = -1;
+            this.horizontalSpeed = this.calculateSpeed(intensity);
+            this.horizontalContainer = container;
+            return;
+        }
+        this.horizontalDirection = 0;
+        this.horizontalSpeed = 0;
+        this.horizontalContainer = null;
+    }
+    updateVerticalScrollTarget(event, container) {
+        const edgeSize = this.options.columnEdgeSize ?? DEFAULT_COLUMN_EDGE_SIZE;
+        const pointerY = event.pointerPosition.y;
+        let target = null;
+        let direction = 0;
+        let speed = 0;
+        container.querySelectorAll(this.columnListSelector()).forEach((node) => {
+            if (!(node instanceof HTMLElement)) {
+                return;
+            }
+            if (node.scrollHeight <= node.clientHeight + 1) {
+                return;
+            }
+            const rect = node.getBoundingClientRect();
+            if (pointerY < rect.top || pointerY > rect.bottom) {
+                return;
+            }
+            const distanceToBottom = rect.bottom - pointerY;
+            const distanceToTop = pointerY - rect.top;
+            if (distanceToBottom >= 0 && distanceToBottom < edgeSize) {
+                const intensity = 1 - distanceToBottom / edgeSize;
+                target = node;
+                direction = 1;
+                speed = Math.max(speed, this.calculateSpeed(intensity));
+                return;
+            }
+            if (distanceToTop >= 0 && distanceToTop < edgeSize) {
+                const intensity = 1 - distanceToTop / edgeSize;
+                target = node;
+                direction = -1;
+                speed = Math.max(speed, this.calculateSpeed(intensity));
+            }
+        });
+        this.verticalList = target;
+        this.verticalDirection = direction;
+        this.verticalSpeed = speed;
+    }
+    /** Garante que o placeholder de drop fique visível na lista da coluna. */
+    revealPlaceholderInColumn(container) {
+        const placeholder = container.querySelector(this.placeholderSelector());
+        if (!(placeholder instanceof HTMLElement)) {
+            return;
+        }
+        const colList = placeholder.closest(this.columnListSelector());
+        if (!(colList instanceof HTMLElement)) {
+            return;
+        }
+        if (colList.scrollHeight <= colList.clientHeight + 1) {
+            return;
+        }
+        const padding = this.options.placeholderPaddingPx ?? DEFAULT_PLACEHOLDER_PADDING_PX;
+        const listRect = colList.getBoundingClientRect();
+        const phRect = placeholder.getBoundingClientRect();
+        if (phRect.bottom > listRect.bottom - padding) {
+            colList.scrollTop += phRect.bottom - (listRect.bottom - padding);
+        }
+        else if (phRect.top < listRect.top + padding) {
+            colList.scrollTop -= listRect.top + padding - phRect.top;
+        }
+    }
+    hasActiveScroll() {
+        return ((this.horizontalContainer != null &&
+            this.horizontalDirection !== 0 &&
+            this.horizontalSpeed > 0) ||
+            (this.verticalList != null && this.verticalDirection !== 0 && this.verticalSpeed > 0));
+    }
+    ensureAnimationLoop() {
         if (this.frame != null) {
             return;
         }
         const tick = () => {
-            const activeContainer = this.container;
-            if (!activeContainer || this.direction === 0 || this.speed <= 0) {
+            if (!this.hasActiveScroll()) {
                 this.frame = null;
                 return;
             }
-            activeContainer.scrollLeft += this.direction * this.speed;
+            const horizontalContainer = this.horizontalContainer;
+            if (horizontalContainer &&
+                this.horizontalDirection !== 0 &&
+                this.horizontalSpeed > 0) {
+                horizontalContainer.scrollLeft += this.horizontalDirection * this.horizontalSpeed;
+            }
+            const verticalList = this.verticalList;
+            if (verticalList && this.verticalDirection !== 0 && this.verticalSpeed > 0) {
+                verticalList.scrollTop += this.verticalDirection * this.verticalSpeed;
+            }
+            if (horizontalContainer) {
+                this.revealPlaceholderInColumn(horizontalContainer);
+            }
             this.frame = requestAnimationFrame(tick);
         };
         this.frame = requestAnimationFrame(tick);
     }
+    stopAnimationLoop() {
+        if (this.frame != null) {
+            cancelAnimationFrame(this.frame);
+            this.frame = null;
+        }
+    }
+}
+
+/** Breakpoint mobile do Kanban (igual ao board Oficina / Structra drag). */
+const STRUCTRA_KANBAN_MOBILE_MAX_WIDTH = 768;
+const PAN_LOCK_THRESHOLD_PX = 8;
+/** Só trata como scroll vertical quando |ΔY| supera claramente |ΔX| (cards não rolam na horizontal). */
+const VERTICAL_DOMINANCE_RATIO = 1.35;
+const PAN_SWIPE_ON_CARD_PX = 24;
+/**
+ * Swipe horizontal no corpo das colunas (incl. vazias e com cards) para rolar o board no mobile.
+ * Complementa `touch-action` CSS quando a lista vertical captura o gesto.
+ */
+class StructraKanbanMobileBoardPanController {
+    constructor(options = {}) {
+        this.options = options;
+        this.abortController = null;
+        this.activeTouchId = null;
+        this.startX = 0;
+        this.startY = 0;
+        this.startScrollLeft = 0;
+        this.panning = false;
+        this.directionLock = null;
+        this.snapDisabledBoard = null;
+        this.touchStartedOnCard = false;
+        this.touchStartedAtMs = 0;
+    }
+    attach(root, board) {
+        this.detach();
+        if (!this.isMobile() || !root.isConnected || !board.isConnected) {
+            return;
+        }
+        const controller = new AbortController();
+        this.abortController = controller;
+        const signal = controller.signal;
+        root.addEventListener('touchstart', (event) => this.onTouchStart(event, board), {
+            passive: true,
+            capture: true,
+            signal,
+        });
+        root.addEventListener('touchmove', (event) => this.onTouchMove(event, board), {
+            passive: false,
+            capture: true,
+            signal,
+        });
+        root.addEventListener('touchend', (event) => this.onTouchEnd(event, board), {
+            passive: true,
+            capture: true,
+            signal,
+        });
+        root.addEventListener('touchcancel', (event) => this.onTouchEnd(event, board), {
+            passive: true,
+            capture: true,
+            signal,
+        });
+    }
+    detach() {
+        this.abortController?.abort();
+        this.abortController = null;
+        this.finishPan(this.snapDisabledBoard);
+    }
+    destroy() {
+        this.detach();
+    }
+    isMobile() {
+        if (this.options.isMobile) {
+            return this.options.isMobile();
+        }
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        const max = this.options.mobileMaxWidth ?? STRUCTRA_KANBAN_MOBILE_MAX_WIDTH;
+        return window.matchMedia(`(max-width: ${max}px)`).matches;
+    }
+    panZoneSelector() {
+        return (this.options.panZoneSelector ??
+            '[data-kanban-board-col], .oficina-kanban-board__col');
+    }
+    panIgnoreSelector() {
+        return (this.options.panIgnoreSelector ??
+            '.oficina-kanban-mobile-status-tabs, .oficina-kanban-board__card-mover, button, a, input, textarea, select');
+    }
+    onTouchStart(event, board) {
+        if (this.isKanbanDragging()) {
+            return;
+        }
+        if (event.touches.length !== 1 || this.activeTouchId != null) {
+            return;
+        }
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        if (target.closest(this.panIgnoreSelector())) {
+            return;
+        }
+        if (!target.closest(this.panZoneSelector())) {
+            return;
+        }
+        const touch = event.touches[0];
+        this.activeTouchId = touch.identifier;
+        this.startX = touch.clientX;
+        this.startY = touch.clientY;
+        this.startScrollLeft = board.scrollLeft;
+        this.panning = false;
+        this.directionLock = null;
+        this.touchStartedOnCard = !!target.closest('.oficina-kanban-board__card');
+        this.touchStartedAtMs = Date.now();
+    }
+    isKanbanDragging() {
+        if (typeof document === 'undefined') {
+            return false;
+        }
+        return !!document.querySelector('.cdk-drop-list-dragging');
+    }
+    shouldDeferPanForCardLongPress(absX, absY) {
+        if (!this.touchStartedOnCard) {
+            return false;
+        }
+        if (Date.now() - this.touchStartedAtMs >= STRUCTRA_KANBAN_MOBILE_DRAG_LONG_PRESS_MS) {
+            return this.isKanbanDragging();
+        }
+        if (absX >= PAN_SWIPE_ON_CARD_PX && absX > absY * VERTICAL_DOMINANCE_RATIO) {
+            this.touchStartedOnCard = false;
+            return false;
+        }
+        return true;
+    }
+    onTouchMove(event, board) {
+        if (this.isKanbanDragging()) {
+            this.resetTouch();
+            return;
+        }
+        if (this.activeTouchId == null) {
+            return;
+        }
+        const touch = Array.from(event.touches).find((t) => t.identifier === this.activeTouchId);
+        if (!touch) {
+            return;
+        }
+        const deltaX = this.startX - touch.clientX;
+        const deltaY = this.startY - touch.clientY;
+        const absX = Math.abs(deltaX);
+        const absY = Math.abs(deltaY);
+        if (this.shouldDeferPanForCardLongPress(absX, absY)) {
+            return;
+        }
+        if (this.directionLock == null) {
+            if (absX < PAN_LOCK_THRESHOLD_PX && absY < PAN_LOCK_THRESHOLD_PX) {
+                return;
+            }
+            if (absY > absX * VERTICAL_DOMINANCE_RATIO) {
+                this.directionLock = 'vertical';
+                this.resetTouch();
+                return;
+            }
+            this.directionLock = 'horizontal';
+            if (!this.boardPodeRolar(board, deltaX)) {
+                this.resetTouch();
+                return;
+            }
+            this.beginHorizontalPan(board);
+        }
+        if (this.directionLock !== 'horizontal' || !this.panning) {
+            return;
+        }
+        event.preventDefault();
+        board.scrollLeft = this.startScrollLeft + deltaX;
+        this.options.onScroll?.();
+    }
+    onTouchEnd(event, board) {
+        if (this.activeTouchId == null) {
+            return;
+        }
+        const touch = Array.from(event.changedTouches).find((t) => t.identifier === this.activeTouchId);
+        if (!touch) {
+            return;
+        }
+        this.finishPan(board);
+    }
+    beginHorizontalPan(board) {
+        this.panning = true;
+        if (this.snapDisabledBoard === board) {
+            return;
+        }
+        this.snapDisabledBoard = board;
+        board.style.scrollSnapType = 'none';
+        board.classList.add('structra-kanban-board--panning');
+    }
+    finishPan(board) {
+        if (board) {
+            snapStructraKanbanMobileBoard(board);
+            this.options.onScroll?.();
+        }
+        if (board) {
+            board.style.scrollSnapType = '';
+            board.classList.remove('structra-kanban-board--panning');
+        }
+        if (this.snapDisabledBoard && this.snapDisabledBoard !== board) {
+            this.snapDisabledBoard.style.scrollSnapType = '';
+            this.snapDisabledBoard.classList.remove('structra-kanban-board--panning');
+        }
+        this.snapDisabledBoard = null;
+        this.activeTouchId = null;
+        this.panning = false;
+        this.directionLock = null;
+        this.touchStartedOnCard = false;
+        this.touchStartedAtMs = 0;
+    }
+    boardPodeRolar(board, deltaX) {
+        if (board.scrollWidth <= board.clientWidth + 1) {
+            return false;
+        }
+        if (deltaX > 0) {
+            return board.scrollLeft + board.clientWidth < board.scrollWidth - 1;
+        }
+        if (deltaX < 0) {
+            return board.scrollLeft > 0;
+        }
+        return false;
+    }
+    resetTouch() {
+        this.finishPan(this.snapDisabledBoard);
+    }
+}
+
+/**
+ * Executa uma ação (ex.: mover card) sem alterar o scroll horizontal do board/chips no mobile.
+ * Útil quando o utilizador move vários itens na mesma coluna.
+ */
+function structraKanbanPreserveScrollDuring(targets, action) {
+    if (!targets?.board) {
+        action();
+        return;
+    }
+    const { board, statusTabs } = targets;
+    const boardLeft = board.scrollLeft;
+    const tabsLeft = statusTabs?.scrollLeft ?? 0;
+    action();
+    const restore = () => {
+        board.scrollLeft = boardLeft;
+        if (statusTabs) {
+            statusTabs.scrollLeft = tabsLeft;
+        }
+    };
+    queueMicrotask(restore);
+    requestAnimationFrame(restore);
+}
+/**
+ * No mobile, após mover via diálogo, só rola até a coluna destino quando a origem
+ * ficará vazia (último card). Caso contrário mantém o scroll na coluna atual.
+ */
+function shouldStructraKanbanScrollToColumnAfterMobileMove(itensNaColunaOrigemAntesDoMove) {
+    return itensNaColunaOrigemAntesDoMove <= 1;
 }
 
 /** Breakpoint alinhado à vista adaptativa (`max-width: 767.98px`). */
@@ -934,11 +1390,14 @@ function resolveFieldControlTypographyPx(el) {
 }
 function applyFieldControlTypography(el) {
     const { fontSizePx, lineHeightPx } = resolveFieldControlTypographyPx(el);
-    el.style.setProperty('font-size', fontSizePx, 'important');
-    el.style.setProperty('line-height', lineHeightPx, 'important');
-    el.style.setProperty('font-family', 'inherit', 'important');
-    el.style.setProperty('font-weight', 'inherit', 'important');
-    el.style.setProperty('-webkit-text-size-adjust', '100%', 'important');
+    const targets = [el, ...Array.from(el.querySelectorAll('.select-field__value, .multiselect-field__value'))];
+    for (const node of targets) {
+        node.style.setProperty('font-size', fontSizePx, 'important');
+        node.style.setProperty('line-height', lineHeightPx, 'important');
+        node.style.setProperty('font-family', 'inherit', 'important');
+        node.style.setProperty('font-weight', 'inherit', 'important');
+        node.style.setProperty('-webkit-text-size-adjust', '100%', 'important');
+    }
 }
 /**
  * Força tipografia padrão no nó nativo. O Chrome pinta autofill/preview via `::first-line` com UA
@@ -3544,7 +4003,7 @@ class MenuListBodyComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MenuListBodyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MenuListBodyComponent, isStandalone: true, selector: "app-menu-list-body", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: false, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: false, isRequired: false, transformFunction: null }, compressText: { classPropertyName: "compressText", publicName: "compressText", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, popupOptionAlign: { classPropertyName: "popupOptionAlign", publicName: "popupOptionAlign", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, clickToOpen: { classPropertyName: "clickToOpen", publicName: "clickToOpen", isSignal: false, isRequired: false, transformFunction: null }, groupCollapsible: { classPropertyName: "groupCollapsible", publicName: "groupCollapsible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, groupDefaultExpansion: { classPropertyName: "groupDefaultExpansion", publicName: "groupDefaultExpansion", isSignal: false, isRequired: false, transformFunction: null }, persistGroupExpansion: { classPropertyName: "persistGroupExpansion", publicName: "persistGroupExpansion", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, expandAllGroupsInitially: { classPropertyName: "expandAllGroupsInitially", publicName: "expandAllGroupsInitially", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { selectionScrollHint: "selectionScrollHint", itemSelect: "itemSelect", closeRequest: "closeRequest", submenuBack: "submenuBack", groupToggled: "groupToggled" }, host: { listeners: { "focusin": "onFocusIn($event)", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "nestedLists", predicate: MenuListBodyComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"menu-list\" [class.menu-list--nested]=\"nested\" [class.menu-list--dense]=\"dense\"\n  [class.menu-list--compress-text]=\"compressText\" [class.menu-list--popup-option-align]=\"popupOptionAlign\"\n  tabindex=\"-1\" (mouseleave)=\"onMenuSurfaceLeave()\">\n  @if (!nested) {\n  <div class=\"menu-list__toolbar\">\n    <ng-content />\n  </div>\n  }\n  <div class=\"menu-list__viewport\" cdkScrollable tabindex=\"-1\">\n    <div class=\"menu-list__items\" role=\"menu\" [attr.aria-labelledby]=\"null\" tabindex=\"-1\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: viewSections }\" />\n    </div>\n  </div>\n</div>\n\n<ng-template #renderSections let-sections=\"sections\">\n  @for (section of sections; track trackViewSection($index, section)) {\n  @switch (section.kind) {\n  @case ('flat') {\n  @for (e of section.entries; track trackViewEntry(e)) {\n  @switch (e.viewRow.kind) {\n  @case ('divider') {\n  <app-menu-divider (mouseenter)=\"onNonOptionSurfaceEnter()\" />\n  }\n  @case ('submenu') {\n  @let row = e.viewRow;\n  @let idx = displayRowIndexFromSourceIndex(e.sourceIndex);\n  <div class=\"menu-list__submenu-wrap\" cdkOverlayOrigin #subOrigin=\"cdkOverlayOrigin\"\n    (mouseenter)=\"onSubmenuTriggerEnter(row, idx)\" (mouseleave)=\"onSubmenuTriggerLeave(row, idx)\">\n    <div class=\"menu-list__option menu-list__option--submenu\" role=\"menuitem\" [attr.aria-haspopup]=\"'true'\"\n      [attr.aria-expanded]=\"isSubmenuOpen(row, idx)\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n      [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n      [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.title]=\"compressText ? row.item.label : null\"\n      [attr.aria-label]=\"compressText ? row.item.label : null\" [class.menu-list__option--disabled]=\"row.item.disabled\"\n      [class.menu-list__option--active]=\"isActiveRow(row)\" [class.menu-list__option--selected]=\"isRowSelected(row)\"\n      (click)=\"onSubmenuRowClick($event, row, idx)\" (mouseenter)=\"onRowMouseEnter(row)\">\n      @if (row.item.icon?.trim()) {\n      <span class=\"menu-list__icon\" aria-hidden=\"true\">\n        <i [ngClass]=\"row.item.icon\"></i>\n      </span>\n      }\n      <span class=\"menu-list__text\">\n        <span class=\"menu-list__label\">{{ row.item.label }}</span>\n        @if (row.item.description?.trim()) {\n        <span class=\"menu-list__description\">{{ row.item.description }}</span>\n        }\n      </span>\n      <span class=\"menu-list__submenu-chevron\" aria-hidden=\"true\">\n        @if (isSubmenuOpen(row, idx)) {\n        <i class=\"fa-solid fa-chevron-right\"></i>\n        } @else {\n        <i class=\"fa-solid fa-chevron-down\"></i>\n        }\n      </span>\n    </div>\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"subOrigin\"\n      [cdkConnectedOverlayOpen]=\"isSubmenuOpen(row, idx)\" [cdkConnectedOverlayPositions]=\"submenuPositions\"\n      [cdkConnectedOverlayPush]=\"true\" [cdkConnectedOverlayPanelClass]=\"overlayPanelClasses()\"\n      [cdkConnectedOverlayMinWidth]=\"200\" (overlayOutsideClick)=\"onSubmenuOutsideClick(row, idx)\">\n      <div class=\"menu-submenu__panel\" [ngClass]=\"panelThemeNgClass()\" (mouseenter)=\"onSubmenuPanelEnter()\"\n        (mouseleave)=\"onSubmenuPanelLeave(row, idx)\" (click)=\"$event.stopPropagation()\">\n        <app-menu-list-body [items]=\"row.item.items\" [menuId]=\"submenuMenuId(row)\" [nested]=\"true\" [dense]=\"dense\"\n          [compressText]=\"compressText\" [popupOptionAlign]=\"popupOptionAlign\" [groupCollapsible]=\"groupCollapsible\"\n          [groupDefaultExpansion]=\"groupDefaultExpansion\" [persistGroupExpansion]=\"persistGroupExpansion\"\n          [expandAllGroupsInitially]=\"expandAllGroupsInitially\"\n          [clickToOpen]=\"clickToOpen\" [selectedItemId]=\"selectedItemId\" [appTheme]=\"appTheme()\"\n          (itemSelect)=\"onNestedItemSelect($event)\" (closeRequest)=\"closeRequest.emit()\"\n          (submenuBack)=\"closeOpenSubmenu()\" />\n      </div>\n    </ng-template>\n  </div>\n  }\n  @case ('action') {\n  @let row = e.viewRow;\n  <div class=\"menu-list__option\" role=\"menuitem\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n    [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n    [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.aria-busy]=\"row.item.loading ? true : null\"\n    [attr.title]=\"compressText ? row.item.label : null\" [attr.aria-label]=\"compressText ? row.item.label : null\"\n    [class.menu-list__option--disabled]=\"row.item.disabled\" [class.menu-list__option--loading]=\"row.item.loading\"\n    [class.menu-list__option--danger]=\"row.item.danger\" [class.menu-list__option--active]=\"isActiveRow(row)\"\n    [class.menu-list__option--selected]=\"isRowSelected(row)\" (click)=\"onItemClick($event, row.item)\"\n    (mouseenter)=\"onRowMouseEnter(row)\">\n    @if (row.item.loading) {\n    <span class=\"menu-list__icon menu-list__icon--spin\" aria-hidden=\"true\">\n      <i class=\"fa-solid fa-spinner\"></i>\n    </span>\n    } @else if (row.item.icon?.trim()) {\n    <span class=\"menu-list__icon\" aria-hidden=\"true\">\n      <i [ngClass]=\"row.item.icon\"></i>\n    </span>\n    }\n    <span class=\"menu-list__text\">\n      <span class=\"menu-list__label\">{{ row.item.label }}</span>\n      @if (row.item.description?.trim()) {\n      <span class=\"menu-list__description\">{{ row.item.description }}</span>\n      }\n    </span>\n  </div>\n  }\n  }\n  }\n  }\n  @case ('group') {\n  <div class=\"menu-list__group-row\" [class.menu-list__group-row--pinned]=\"section.groupRow.alwaysExpanded\"\n    [attr.data-structra-group-id]=\"section.groupRow.groupId\" (mouseenter)=\"onNonOptionSurfaceEnter()\">\n    <app-menu-group [label]=\"section.groupRow.label\" [hideLabel]=\"compressText\"\n      [collapsible]=\"groupCollapsible && !compressText && !section.groupRow.alwaysExpanded\"\n      [expanded]=\"isGroupExpanded(section.groupRow.groupId)\"\n      (toggleExpand)=\"toggleGroup(section.groupRow.groupId)\" />\n  </div>\n  @if (section.animated) {\n  <div class=\"menu-list__group-body\"\n    [class.menu-list__group-body--open]=\"isGroupExpanded(section.groupRow.groupId)\">\n    <div class=\"menu-list__group-body-inner\"\n      [attr.aria-hidden]=\"isGroupExpanded(section.groupRow.groupId) ? null : 'true'\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n    </div>\n  </div>\n  } @else {\n  <ng-container *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n  }\n  }\n  }\n  }\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.5rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.1875rem)}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => MenuListBodyComponent), selector: "app-menu-list-body", inputs: ["appTheme", "items", "menuId", "dense", "nested", "selectedItemId", "compressText", "popupOptionAlign", "clickToOpen", "groupCollapsible", "groupDefaultExpansion", "persistGroupExpansion", "expandAllGroupsInitially"], outputs: ["selectionScrollHint", "itemSelect", "closeRequest", "submenuBack", "groupToggled"] }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => CdkConnectedOverlay), selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i0.forwardRef(() => CdkOverlayOrigin), selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i0.forwardRef(() => CdkScrollable), selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i0.forwardRef(() => MenuDividerComponent), selector: "app-menu-divider" }, { kind: "component", type: i0.forwardRef(() => MenuGroupComponent), selector: "app-menu-group", inputs: ["label", "hideLabel", "collapsible", "expanded"], outputs: ["toggleExpand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MenuListBodyComponent, isStandalone: true, selector: "app-menu-list-body", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: false, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: false, isRequired: false, transformFunction: null }, compressText: { classPropertyName: "compressText", publicName: "compressText", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, popupOptionAlign: { classPropertyName: "popupOptionAlign", publicName: "popupOptionAlign", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, clickToOpen: { classPropertyName: "clickToOpen", publicName: "clickToOpen", isSignal: false, isRequired: false, transformFunction: null }, groupCollapsible: { classPropertyName: "groupCollapsible", publicName: "groupCollapsible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, groupDefaultExpansion: { classPropertyName: "groupDefaultExpansion", publicName: "groupDefaultExpansion", isSignal: false, isRequired: false, transformFunction: null }, persistGroupExpansion: { classPropertyName: "persistGroupExpansion", publicName: "persistGroupExpansion", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, expandAllGroupsInitially: { classPropertyName: "expandAllGroupsInitially", publicName: "expandAllGroupsInitially", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { selectionScrollHint: "selectionScrollHint", itemSelect: "itemSelect", closeRequest: "closeRequest", submenuBack: "submenuBack", groupToggled: "groupToggled" }, host: { listeners: { "focusin": "onFocusIn($event)", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "nestedLists", predicate: MenuListBodyComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"menu-list\" [class.menu-list--nested]=\"nested\" [class.menu-list--dense]=\"dense\"\n  [class.menu-list--compress-text]=\"compressText\" [class.menu-list--popup-option-align]=\"popupOptionAlign\"\n  tabindex=\"-1\" (mouseleave)=\"onMenuSurfaceLeave()\">\n  @if (!nested) {\n  <div class=\"menu-list__toolbar\">\n    <ng-content />\n  </div>\n  }\n  <div class=\"menu-list__viewport\" cdkScrollable tabindex=\"-1\">\n    <div class=\"menu-list__items\" role=\"menu\" [attr.aria-labelledby]=\"null\" tabindex=\"-1\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: viewSections }\" />\n    </div>\n  </div>\n</div>\n\n<ng-template #renderSections let-sections=\"sections\">\n  @for (section of sections; track trackViewSection($index, section)) {\n  @switch (section.kind) {\n  @case ('flat') {\n  @for (e of section.entries; track trackViewEntry(e)) {\n  @switch (e.viewRow.kind) {\n  @case ('divider') {\n  <app-menu-divider (mouseenter)=\"onNonOptionSurfaceEnter()\" />\n  }\n  @case ('submenu') {\n  @let row = e.viewRow;\n  @let idx = displayRowIndexFromSourceIndex(e.sourceIndex);\n  <div class=\"menu-list__submenu-wrap\" cdkOverlayOrigin #subOrigin=\"cdkOverlayOrigin\"\n    (mouseenter)=\"onSubmenuTriggerEnter(row, idx)\" (mouseleave)=\"onSubmenuTriggerLeave(row, idx)\">\n    <div class=\"menu-list__option menu-list__option--submenu\" role=\"menuitem\" [attr.aria-haspopup]=\"'true'\"\n      [attr.aria-expanded]=\"isSubmenuOpen(row, idx)\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n      [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n      [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.title]=\"compressText ? row.item.label : null\"\n      [attr.aria-label]=\"compressText ? row.item.label : null\" [class.menu-list__option--disabled]=\"row.item.disabled\"\n      [class.menu-list__option--active]=\"isActiveRow(row)\" [class.menu-list__option--selected]=\"isRowSelected(row)\"\n      (click)=\"onSubmenuRowClick($event, row, idx)\" (mouseenter)=\"onRowMouseEnter(row)\">\n      @if (row.item.icon?.trim()) {\n      <span class=\"menu-list__icon\" aria-hidden=\"true\">\n        <i [ngClass]=\"row.item.icon\"></i>\n      </span>\n      }\n      <span class=\"menu-list__text\">\n        <span class=\"menu-list__label\">{{ row.item.label }}</span>\n        @if (row.item.description?.trim()) {\n        <span class=\"menu-list__description\">{{ row.item.description }}</span>\n        }\n      </span>\n      <span class=\"menu-list__submenu-chevron\" aria-hidden=\"true\">\n        @if (isSubmenuOpen(row, idx)) {\n        <i class=\"fa-solid fa-chevron-right\"></i>\n        } @else {\n        <i class=\"fa-solid fa-chevron-down\"></i>\n        }\n      </span>\n    </div>\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"subOrigin\"\n      [cdkConnectedOverlayOpen]=\"isSubmenuOpen(row, idx)\" [cdkConnectedOverlayPositions]=\"submenuPositions\"\n      [cdkConnectedOverlayPush]=\"true\" [cdkConnectedOverlayPanelClass]=\"overlayPanelClasses()\"\n      [cdkConnectedOverlayMinWidth]=\"200\" (overlayOutsideClick)=\"onSubmenuOutsideClick(row, idx)\">\n      <div class=\"menu-submenu__panel\" [ngClass]=\"panelThemeNgClass()\" (mouseenter)=\"onSubmenuPanelEnter()\"\n        (mouseleave)=\"onSubmenuPanelLeave(row, idx)\" (click)=\"$event.stopPropagation()\">\n        <app-menu-list-body [items]=\"row.item.items\" [menuId]=\"submenuMenuId(row)\" [nested]=\"true\" [dense]=\"dense\"\n          [compressText]=\"compressText\" [popupOptionAlign]=\"popupOptionAlign\" [groupCollapsible]=\"groupCollapsible\"\n          [groupDefaultExpansion]=\"groupDefaultExpansion\" [persistGroupExpansion]=\"persistGroupExpansion\"\n          [expandAllGroupsInitially]=\"expandAllGroupsInitially\"\n          [clickToOpen]=\"clickToOpen\" [selectedItemId]=\"selectedItemId\" [appTheme]=\"appTheme()\"\n          (itemSelect)=\"onNestedItemSelect($event)\" (closeRequest)=\"closeRequest.emit()\"\n          (submenuBack)=\"closeOpenSubmenu()\" />\n      </div>\n    </ng-template>\n  </div>\n  }\n  @case ('action') {\n  @let row = e.viewRow;\n  <div class=\"menu-list__option\" role=\"menuitem\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n    [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n    [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.aria-busy]=\"row.item.loading ? true : null\"\n    [attr.title]=\"compressText ? row.item.label : null\" [attr.aria-label]=\"compressText ? row.item.label : null\"\n    [class.menu-list__option--disabled]=\"row.item.disabled\" [class.menu-list__option--loading]=\"row.item.loading\"\n    [class.menu-list__option--danger]=\"row.item.danger\" [class.menu-list__option--active]=\"isActiveRow(row)\"\n    [class.menu-list__option--selected]=\"isRowSelected(row)\" (click)=\"onItemClick($event, row.item)\"\n    (mouseenter)=\"onRowMouseEnter(row)\">\n    @if (row.item.loading) {\n    <span class=\"menu-list__icon menu-list__icon--spin\" aria-hidden=\"true\">\n      <i class=\"fa-solid fa-spinner\"></i>\n    </span>\n    } @else if (row.item.icon?.trim()) {\n    <span class=\"menu-list__icon\" aria-hidden=\"true\">\n      <i [ngClass]=\"row.item.icon\"></i>\n    </span>\n    }\n    <span class=\"menu-list__text\">\n      <span class=\"menu-list__label\">{{ row.item.label }}</span>\n      @if (row.item.description?.trim()) {\n      <span class=\"menu-list__description\">{{ row.item.description }}</span>\n      }\n    </span>\n  </div>\n  }\n  }\n  }\n  }\n  @case ('group') {\n  <div class=\"menu-list__group-row\" [class.menu-list__group-row--pinned]=\"section.groupRow.alwaysExpanded\"\n    [attr.data-structra-group-id]=\"section.groupRow.groupId\" (mouseenter)=\"onNonOptionSurfaceEnter()\">\n    <app-menu-group [label]=\"section.groupRow.label\" [hideLabel]=\"compressText\"\n      [collapsible]=\"groupCollapsible && !compressText && !section.groupRow.alwaysExpanded\"\n      [expanded]=\"isGroupExpanded(section.groupRow.groupId)\"\n      (toggleExpand)=\"toggleGroup(section.groupRow.groupId)\" />\n  </div>\n  @if (section.animated) {\n  <div class=\"menu-list__group-body\"\n    [class.menu-list__group-body--open]=\"isGroupExpanded(section.groupRow.groupId)\">\n    <div class=\"menu-list__group-body-inner\"\n      [attr.aria-hidden]=\"isGroupExpanded(section.groupRow.groupId) ? null : 'true'\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n    </div>\n  </div>\n  } @else {\n  <ng-container *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n  }\n  }\n  }\n  }\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.48rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.14rem)}@media(max-width:767.98px){:host-context(.app-drawer__body) .menu-list{padding:.32rem 0;gap:.28rem}:host-context(.app-drawer__body) .menu-list__items{gap:.06rem}}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => MenuListBodyComponent), selector: "app-menu-list-body", inputs: ["appTheme", "items", "menuId", "dense", "nested", "selectedItemId", "compressText", "popupOptionAlign", "clickToOpen", "groupCollapsible", "groupDefaultExpansion", "persistGroupExpansion", "expandAllGroupsInitially"], outputs: ["selectionScrollHint", "itemSelect", "closeRequest", "submenuBack", "groupToggled"] }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => CdkConnectedOverlay), selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i0.forwardRef(() => CdkOverlayOrigin), selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i0.forwardRef(() => CdkScrollable), selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i0.forwardRef(() => MenuDividerComponent), selector: "app-menu-divider" }, { kind: "component", type: i0.forwardRef(() => MenuGroupComponent), selector: "app-menu-group", inputs: ["label", "hideLabel", "collapsible", "expanded"], outputs: ["toggleExpand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MenuListBodyComponent, decorators: [{
             type: Component,
@@ -3557,7 +4016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         CdkScrollable,
                         MenuDividerComponent,
                         MenuGroupComponent,
-                    ], template: "<div class=\"menu-list\" [class.menu-list--nested]=\"nested\" [class.menu-list--dense]=\"dense\"\n  [class.menu-list--compress-text]=\"compressText\" [class.menu-list--popup-option-align]=\"popupOptionAlign\"\n  tabindex=\"-1\" (mouseleave)=\"onMenuSurfaceLeave()\">\n  @if (!nested) {\n  <div class=\"menu-list__toolbar\">\n    <ng-content />\n  </div>\n  }\n  <div class=\"menu-list__viewport\" cdkScrollable tabindex=\"-1\">\n    <div class=\"menu-list__items\" role=\"menu\" [attr.aria-labelledby]=\"null\" tabindex=\"-1\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: viewSections }\" />\n    </div>\n  </div>\n</div>\n\n<ng-template #renderSections let-sections=\"sections\">\n  @for (section of sections; track trackViewSection($index, section)) {\n  @switch (section.kind) {\n  @case ('flat') {\n  @for (e of section.entries; track trackViewEntry(e)) {\n  @switch (e.viewRow.kind) {\n  @case ('divider') {\n  <app-menu-divider (mouseenter)=\"onNonOptionSurfaceEnter()\" />\n  }\n  @case ('submenu') {\n  @let row = e.viewRow;\n  @let idx = displayRowIndexFromSourceIndex(e.sourceIndex);\n  <div class=\"menu-list__submenu-wrap\" cdkOverlayOrigin #subOrigin=\"cdkOverlayOrigin\"\n    (mouseenter)=\"onSubmenuTriggerEnter(row, idx)\" (mouseleave)=\"onSubmenuTriggerLeave(row, idx)\">\n    <div class=\"menu-list__option menu-list__option--submenu\" role=\"menuitem\" [attr.aria-haspopup]=\"'true'\"\n      [attr.aria-expanded]=\"isSubmenuOpen(row, idx)\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n      [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n      [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.title]=\"compressText ? row.item.label : null\"\n      [attr.aria-label]=\"compressText ? row.item.label : null\" [class.menu-list__option--disabled]=\"row.item.disabled\"\n      [class.menu-list__option--active]=\"isActiveRow(row)\" [class.menu-list__option--selected]=\"isRowSelected(row)\"\n      (click)=\"onSubmenuRowClick($event, row, idx)\" (mouseenter)=\"onRowMouseEnter(row)\">\n      @if (row.item.icon?.trim()) {\n      <span class=\"menu-list__icon\" aria-hidden=\"true\">\n        <i [ngClass]=\"row.item.icon\"></i>\n      </span>\n      }\n      <span class=\"menu-list__text\">\n        <span class=\"menu-list__label\">{{ row.item.label }}</span>\n        @if (row.item.description?.trim()) {\n        <span class=\"menu-list__description\">{{ row.item.description }}</span>\n        }\n      </span>\n      <span class=\"menu-list__submenu-chevron\" aria-hidden=\"true\">\n        @if (isSubmenuOpen(row, idx)) {\n        <i class=\"fa-solid fa-chevron-right\"></i>\n        } @else {\n        <i class=\"fa-solid fa-chevron-down\"></i>\n        }\n      </span>\n    </div>\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"subOrigin\"\n      [cdkConnectedOverlayOpen]=\"isSubmenuOpen(row, idx)\" [cdkConnectedOverlayPositions]=\"submenuPositions\"\n      [cdkConnectedOverlayPush]=\"true\" [cdkConnectedOverlayPanelClass]=\"overlayPanelClasses()\"\n      [cdkConnectedOverlayMinWidth]=\"200\" (overlayOutsideClick)=\"onSubmenuOutsideClick(row, idx)\">\n      <div class=\"menu-submenu__panel\" [ngClass]=\"panelThemeNgClass()\" (mouseenter)=\"onSubmenuPanelEnter()\"\n        (mouseleave)=\"onSubmenuPanelLeave(row, idx)\" (click)=\"$event.stopPropagation()\">\n        <app-menu-list-body [items]=\"row.item.items\" [menuId]=\"submenuMenuId(row)\" [nested]=\"true\" [dense]=\"dense\"\n          [compressText]=\"compressText\" [popupOptionAlign]=\"popupOptionAlign\" [groupCollapsible]=\"groupCollapsible\"\n          [groupDefaultExpansion]=\"groupDefaultExpansion\" [persistGroupExpansion]=\"persistGroupExpansion\"\n          [expandAllGroupsInitially]=\"expandAllGroupsInitially\"\n          [clickToOpen]=\"clickToOpen\" [selectedItemId]=\"selectedItemId\" [appTheme]=\"appTheme()\"\n          (itemSelect)=\"onNestedItemSelect($event)\" (closeRequest)=\"closeRequest.emit()\"\n          (submenuBack)=\"closeOpenSubmenu()\" />\n      </div>\n    </ng-template>\n  </div>\n  }\n  @case ('action') {\n  @let row = e.viewRow;\n  <div class=\"menu-list__option\" role=\"menuitem\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n    [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n    [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.aria-busy]=\"row.item.loading ? true : null\"\n    [attr.title]=\"compressText ? row.item.label : null\" [attr.aria-label]=\"compressText ? row.item.label : null\"\n    [class.menu-list__option--disabled]=\"row.item.disabled\" [class.menu-list__option--loading]=\"row.item.loading\"\n    [class.menu-list__option--danger]=\"row.item.danger\" [class.menu-list__option--active]=\"isActiveRow(row)\"\n    [class.menu-list__option--selected]=\"isRowSelected(row)\" (click)=\"onItemClick($event, row.item)\"\n    (mouseenter)=\"onRowMouseEnter(row)\">\n    @if (row.item.loading) {\n    <span class=\"menu-list__icon menu-list__icon--spin\" aria-hidden=\"true\">\n      <i class=\"fa-solid fa-spinner\"></i>\n    </span>\n    } @else if (row.item.icon?.trim()) {\n    <span class=\"menu-list__icon\" aria-hidden=\"true\">\n      <i [ngClass]=\"row.item.icon\"></i>\n    </span>\n    }\n    <span class=\"menu-list__text\">\n      <span class=\"menu-list__label\">{{ row.item.label }}</span>\n      @if (row.item.description?.trim()) {\n      <span class=\"menu-list__description\">{{ row.item.description }}</span>\n      }\n    </span>\n  </div>\n  }\n  }\n  }\n  }\n  @case ('group') {\n  <div class=\"menu-list__group-row\" [class.menu-list__group-row--pinned]=\"section.groupRow.alwaysExpanded\"\n    [attr.data-structra-group-id]=\"section.groupRow.groupId\" (mouseenter)=\"onNonOptionSurfaceEnter()\">\n    <app-menu-group [label]=\"section.groupRow.label\" [hideLabel]=\"compressText\"\n      [collapsible]=\"groupCollapsible && !compressText && !section.groupRow.alwaysExpanded\"\n      [expanded]=\"isGroupExpanded(section.groupRow.groupId)\"\n      (toggleExpand)=\"toggleGroup(section.groupRow.groupId)\" />\n  </div>\n  @if (section.animated) {\n  <div class=\"menu-list__group-body\"\n    [class.menu-list__group-body--open]=\"isGroupExpanded(section.groupRow.groupId)\">\n    <div class=\"menu-list__group-body-inner\"\n      [attr.aria-hidden]=\"isGroupExpanded(section.groupRow.groupId) ? null : 'true'\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n    </div>\n  </div>\n  } @else {\n  <ng-container *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n  }\n  }\n  }\n  }\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.5rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.1875rem)}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"] }]
+                    ], template: "<div class=\"menu-list\" [class.menu-list--nested]=\"nested\" [class.menu-list--dense]=\"dense\"\n  [class.menu-list--compress-text]=\"compressText\" [class.menu-list--popup-option-align]=\"popupOptionAlign\"\n  tabindex=\"-1\" (mouseleave)=\"onMenuSurfaceLeave()\">\n  @if (!nested) {\n  <div class=\"menu-list__toolbar\">\n    <ng-content />\n  </div>\n  }\n  <div class=\"menu-list__viewport\" cdkScrollable tabindex=\"-1\">\n    <div class=\"menu-list__items\" role=\"menu\" [attr.aria-labelledby]=\"null\" tabindex=\"-1\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: viewSections }\" />\n    </div>\n  </div>\n</div>\n\n<ng-template #renderSections let-sections=\"sections\">\n  @for (section of sections; track trackViewSection($index, section)) {\n  @switch (section.kind) {\n  @case ('flat') {\n  @for (e of section.entries; track trackViewEntry(e)) {\n  @switch (e.viewRow.kind) {\n  @case ('divider') {\n  <app-menu-divider (mouseenter)=\"onNonOptionSurfaceEnter()\" />\n  }\n  @case ('submenu') {\n  @let row = e.viewRow;\n  @let idx = displayRowIndexFromSourceIndex(e.sourceIndex);\n  <div class=\"menu-list__submenu-wrap\" cdkOverlayOrigin #subOrigin=\"cdkOverlayOrigin\"\n    (mouseenter)=\"onSubmenuTriggerEnter(row, idx)\" (mouseleave)=\"onSubmenuTriggerLeave(row, idx)\">\n    <div class=\"menu-list__option menu-list__option--submenu\" role=\"menuitem\" [attr.aria-haspopup]=\"'true'\"\n      [attr.aria-expanded]=\"isSubmenuOpen(row, idx)\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n      [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n      [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.title]=\"compressText ? row.item.label : null\"\n      [attr.aria-label]=\"compressText ? row.item.label : null\" [class.menu-list__option--disabled]=\"row.item.disabled\"\n      [class.menu-list__option--active]=\"isActiveRow(row)\" [class.menu-list__option--selected]=\"isRowSelected(row)\"\n      (click)=\"onSubmenuRowClick($event, row, idx)\" (mouseenter)=\"onRowMouseEnter(row)\">\n      @if (row.item.icon?.trim()) {\n      <span class=\"menu-list__icon\" aria-hidden=\"true\">\n        <i [ngClass]=\"row.item.icon\"></i>\n      </span>\n      }\n      <span class=\"menu-list__text\">\n        <span class=\"menu-list__label\">{{ row.item.label }}</span>\n        @if (row.item.description?.trim()) {\n        <span class=\"menu-list__description\">{{ row.item.description }}</span>\n        }\n      </span>\n      <span class=\"menu-list__submenu-chevron\" aria-hidden=\"true\">\n        @if (isSubmenuOpen(row, idx)) {\n        <i class=\"fa-solid fa-chevron-right\"></i>\n        } @else {\n        <i class=\"fa-solid fa-chevron-down\"></i>\n        }\n      </span>\n    </div>\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"subOrigin\"\n      [cdkConnectedOverlayOpen]=\"isSubmenuOpen(row, idx)\" [cdkConnectedOverlayPositions]=\"submenuPositions\"\n      [cdkConnectedOverlayPush]=\"true\" [cdkConnectedOverlayPanelClass]=\"overlayPanelClasses()\"\n      [cdkConnectedOverlayMinWidth]=\"200\" (overlayOutsideClick)=\"onSubmenuOutsideClick(row, idx)\">\n      <div class=\"menu-submenu__panel\" [ngClass]=\"panelThemeNgClass()\" (mouseenter)=\"onSubmenuPanelEnter()\"\n        (mouseleave)=\"onSubmenuPanelLeave(row, idx)\" (click)=\"$event.stopPropagation()\">\n        <app-menu-list-body [items]=\"row.item.items\" [menuId]=\"submenuMenuId(row)\" [nested]=\"true\" [dense]=\"dense\"\n          [compressText]=\"compressText\" [popupOptionAlign]=\"popupOptionAlign\" [groupCollapsible]=\"groupCollapsible\"\n          [groupDefaultExpansion]=\"groupDefaultExpansion\" [persistGroupExpansion]=\"persistGroupExpansion\"\n          [expandAllGroupsInitially]=\"expandAllGroupsInitially\"\n          [clickToOpen]=\"clickToOpen\" [selectedItemId]=\"selectedItemId\" [appTheme]=\"appTheme()\"\n          (itemSelect)=\"onNestedItemSelect($event)\" (closeRequest)=\"closeRequest.emit()\"\n          (submenuBack)=\"closeOpenSubmenu()\" />\n      </div>\n    </ng-template>\n  </div>\n  }\n  @case ('action') {\n  @let row = e.viewRow;\n  <div class=\"menu-list__option\" role=\"menuitem\" [id]=\"row.focusIndex !== null ? optionId(row.focusIndex) : null\"\n    [attr.tabindex]=\"row.focusIndex !== null && !row.item.disabled ? (isActiveRow(row) ? 0 : -1) : -1\"\n    [attr.aria-disabled]=\"row.item.disabled ? true : null\" [attr.aria-busy]=\"row.item.loading ? true : null\"\n    [attr.title]=\"compressText ? row.item.label : null\" [attr.aria-label]=\"compressText ? row.item.label : null\"\n    [class.menu-list__option--disabled]=\"row.item.disabled\" [class.menu-list__option--loading]=\"row.item.loading\"\n    [class.menu-list__option--danger]=\"row.item.danger\" [class.menu-list__option--active]=\"isActiveRow(row)\"\n    [class.menu-list__option--selected]=\"isRowSelected(row)\" (click)=\"onItemClick($event, row.item)\"\n    (mouseenter)=\"onRowMouseEnter(row)\">\n    @if (row.item.loading) {\n    <span class=\"menu-list__icon menu-list__icon--spin\" aria-hidden=\"true\">\n      <i class=\"fa-solid fa-spinner\"></i>\n    </span>\n    } @else if (row.item.icon?.trim()) {\n    <span class=\"menu-list__icon\" aria-hidden=\"true\">\n      <i [ngClass]=\"row.item.icon\"></i>\n    </span>\n    }\n    <span class=\"menu-list__text\">\n      <span class=\"menu-list__label\">{{ row.item.label }}</span>\n      @if (row.item.description?.trim()) {\n      <span class=\"menu-list__description\">{{ row.item.description }}</span>\n      }\n    </span>\n  </div>\n  }\n  }\n  }\n  }\n  @case ('group') {\n  <div class=\"menu-list__group-row\" [class.menu-list__group-row--pinned]=\"section.groupRow.alwaysExpanded\"\n    [attr.data-structra-group-id]=\"section.groupRow.groupId\" (mouseenter)=\"onNonOptionSurfaceEnter()\">\n    <app-menu-group [label]=\"section.groupRow.label\" [hideLabel]=\"compressText\"\n      [collapsible]=\"groupCollapsible && !compressText && !section.groupRow.alwaysExpanded\"\n      [expanded]=\"isGroupExpanded(section.groupRow.groupId)\"\n      (toggleExpand)=\"toggleGroup(section.groupRow.groupId)\" />\n  </div>\n  @if (section.animated) {\n  <div class=\"menu-list__group-body\"\n    [class.menu-list__group-body--open]=\"isGroupExpanded(section.groupRow.groupId)\">\n    <div class=\"menu-list__group-body-inner\"\n      [attr.aria-hidden]=\"isGroupExpanded(section.groupRow.groupId) ? null : 'true'\">\n      <ng-container\n        *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n    </div>\n  </div>\n  } @else {\n  <ng-container *ngTemplateOutlet=\"renderSections; context: { sections: section.innerSections }\" />\n  }\n  }\n  }\n  }\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.48rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.14rem)}@media(max-width:767.98px){:host-context(.app-drawer__body) .menu-list{padding:.32rem 0;gap:.28rem}:host-context(.app-drawer__body) .menu-list__items{gap:.06rem}}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { appTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "appTheme", required: false }] }], selectionScrollHint: [{ type: i0.Output, args: ["selectionScrollHint"] }], items: [{
                 type: Input,
                 args: [{ required: true }]
@@ -3826,11 +4285,11 @@ class BaseFieldComponent {
         this.contextMenuSelect.emit(id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: BaseFieldComponent, isStandalone: true, selector: "app-base-field", inputs: { label: "label", errorMessage: "errorMessage", hint: "hint", hintId: "hintId", required: "required", showRequiredMark: "showRequiredMark", invalid: "invalid", invalidThemed: ["invalidThemed", "invalidThemed", booleanAttribute], filled: "filled", labelAlwaysFloated: ["labelAlwaysFloated", "labelAlwaysFloated", booleanAttribute], disabled: "disabled", readonly: "readonly", size: "size", inputId: "inputId", errorId: "errorId", showPrefixIcon: "showPrefixIcon", prefixIcon: "prefixIcon", clearable: "clearable", clearAriaLabel: "clearAriaLabel", showSuffixSlot: "showSuffixSlot", valueAlignEnd: "valueAlignEnd", loading: ["loading", "loading", booleanAttribute], skeletonVariant: "skeletonVariant", mostrarMenuContexto: ["mostrarMenuContexto", "mostrarMenuContexto", booleanAttribute], contextMenuItems: "contextMenuItems", contextMenuId: "contextMenuId" }, outputs: { clear: "clear", contextMenuSelect: "contextMenuSelect" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"base-field\" [class.base-field--size-sm]=\"size === 'sm'\"\n  [class.base-field--size-lg]=\"size === 'lg'\"\n  [class.base-field--invalid]=\"invalid\"\n  [class.base-field--invalid-themed]=\"invalid && invalidThemed\" [class.base-field--filled]=\"filled\"\n  [class.base-field--label-always-top]=\"labelAlwaysFloated\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\" [class.base-field__prefix--unused]=\"loading\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl && !loading) {\n      <i [attr.class]=\"prefixIconClassTpl\" aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\"\n        [class.base-field__control--textarea-skeleton]=\"loading && skeletonVariant === 'textarea'\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"showFaTpl\" [size]=\"size\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n  @if (!loading && showHintTpl) {\n  <p class=\"base-field__hint\" [id]=\"hintId || null\">{{ hint }}</p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box;font-size:1rem;line-height:1.35}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:flex-start}.base-field--loading .base-field__control{display:block;width:100%;min-width:0;min-height:calc(1.8rem + 1.35em)}.base-field--size-sm.base-field--loading .base-field__control{min-height:2.345625rem}.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.8rem + 4.05em)}.base-field--size-sm.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.5rem + 3.75em)}.base-field--size-lg.base-field--loading .base-field__control{min-height:3.5375rem}.base-field--size-lg.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(2.1rem + 4.2em)}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--field-background, var(--ui-field-float-bg));transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-float-border-hover);box-shadow:none}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-readonly-border-hover);box-shadow:none}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--field-background, var(--ui-field-float-bg))}.base-field--readonly.base-field--invalid:not(.base-field--disabled):not(.base-field--invalid-themed) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-readonly-bg)}.base-field--invalid.base-field--invalid-themed .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix--unused{display:none!important;padding:0!important;width:0;min-width:0;overflow:hidden}.base-field__prefix-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:1rem;line-height:1;margin:0;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon:before{line-height:1}.base-field__suffix{display:grid;grid-auto-flow:column;grid-auto-columns:auto;column-gap:.125rem;align-content:center;justify-content:end;justify-items:center;flex-shrink:0;padding-right:.4rem;padding-left:.1rem;min-height:0;align-self:stretch}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear{min-width:2rem;min-height:2rem;line-height:0}.base-field__clear-x{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.2rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon,.base-field--invalid .base-field__prefix-icon:before,.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;margin:0;padding:0;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .37rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:var(--field-float-label-rest-weight, var(--structra-body-weight));line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field:not(.base-field--readonly) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight))}.base-field:not(.base-field--readonly):not(.base-field--invalid) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-focus-color)}.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-readonly-label-top-color)}.base-field--filled .base-field__float-label,.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label,.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid.base-field--label-always-top .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--label-always-top .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly.base-field--label-always-top .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.base-field__hint{margin:.28rem 0 0;padding:0 .15rem;font-size:.72rem;line-height:1.35;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--app-color-text-muted, var(--ui-field-float-prefix-color, #5c6b7a));user-select:none;-webkit-user-select:none}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1rem)!important;line-height:var(--structra-field-input-line-height, 1.35)!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}@supports (-webkit-appearance: none){.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important}.base-field--size-sm .base-field__prefix{padding-left:.45rem}.base-field--size-sm .base-field__prefix-icon{font-size:.8125rem}.base-field--size-sm .base-field__suffix{padding-right:.28rem;padding-left:.06rem;column-gap:.05rem}.base-field--size-sm .base-field__float-label{left:.45rem;right:.45rem;top:.28rem;font-size:.8125rem;line-height:1.2;transform:translate3d(0,.5059375rem,0) scale(1)}.base-field--size-sm .base-field__box:focus-within .base-field__float-label,.base-field--size-sm.base-field--filled .base-field__float-label,.base-field--size-sm.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:13px!important;line-height:16.25px!important}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, .8125rem)!important;line-height:var(--structra-field-input-line-height, 1.25)!important}.base-field--size-sm .base-field__clear,.base-field--size-sm .base-field__ctx-trigger{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem}.base-field--size-sm .base-field__clear-x{font-size:1.05rem;width:1.1rem;height:1.1rem}.base-field--size-sm .base-field__suffix-reserve{width:1.65rem;height:1.65rem}.base-field--size-sm .base-field__control ::ng-deep .text-field__input,.base-field--size-sm .base-field__control ::ng-deep .integer-field__input,.base-field--size-sm .base-field__control ::ng-deep .decimal-field__input,.base-field--size-sm .base-field__control ::ng-deep .password-field__input,.base-field--size-sm .base-field__control ::ng-deep .cep-field__input,.base-field--size-sm .base-field__control ::ng-deep .phone-field__input,.base-field--size-sm .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-sm .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-sm .base-field__control ::ng-deep .textarea-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input,.base-field--size-sm .base-field__control ::ng-deep .color-picker-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:2.345625rem!important}.base-field--size-sm .base-field__control ::ng-deep .date-field__display{left:.45rem;right:.45rem;font-size:.8125rem;line-height:1.25}.base-field--size-sm .base-field__control ::ng-deep .select-field__origin,.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{min-height:2.345625rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.05rem .28rem .28rem .45rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem;margin:0 .06rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.72rem;padding-top:1px}.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__trigger-suffix{padding-top:2px}.base-field--size-lg .base-field__prefix{padding-left:.95rem}.base-field--size-lg .base-field__prefix-icon{font-size:1.0625rem}.base-field--size-lg .base-field__suffix{padding-right:.52rem;padding-left:.12rem;column-gap:.15rem}.base-field--size-lg .base-field__float-label{left:.9rem;right:.9rem;top:.48rem;font-size:1.0625rem;line-height:1.2;transform:translate3d(0,.6846875rem,0) scale(1)}.base-field--size-lg .base-field__box:focus-within .base-field__float-label,.base-field--size-lg.base-field--filled .base-field__float-label,.base-field--size-lg.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:17px!important;line-height:23.8px!important}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1.0625rem)!important;line-height:var(--structra-field-input-line-height, 1.4)!important}.base-field--size-lg .base-field__clear,.base-field--size-lg .base-field__ctx-trigger{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem}.base-field--size-lg .base-field__clear-x{font-size:1.35rem;width:1.35rem;height:1.35rem}.base-field--size-lg .base-field__suffix-reserve{width:2.35rem;height:2.35rem}.base-field--size-lg .base-field__control ::ng-deep .text-field__input,.base-field--size-lg .base-field__control ::ng-deep .integer-field__input,.base-field--size-lg .base-field__control ::ng-deep .decimal-field__input,.base-field--size-lg .base-field__control ::ng-deep .password-field__input,.base-field--size-lg .base-field__control ::ng-deep .cep-field__input,.base-field--size-lg .base-field__control ::ng-deep .phone-field__input,.base-field--size-lg .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-lg .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-lg .base-field__control ::ng-deep .textarea-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input,.base-field--size-lg .base-field__control ::ng-deep .color-picker-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:3.5375rem!important}.base-field--size-lg .base-field__control ::ng-deep .date-field__display{left:.9rem;right:.9rem;font-size:1.0625rem;line-height:1.4}.base-field--size-lg .base-field__control ::ng-deep .select-field__origin,.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{min-height:3.5375rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.55rem .38rem .5rem .9rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem;margin:0 .12rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.88rem}@media(max-width:768px),(hover:none)and (pointer:coarse){.base-field__control ::ng-deep :where(input,textarea,select){--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep .text-field__input,.base-field__control ::ng-deep .integer-field__input,.base-field__control ::ng-deep .decimal-field__input,.base-field__control ::ng-deep .password-field__input,.base-field__control ::ng-deep .cep-field__input,.base-field__control ::ng-deep .phone-field__input,.base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field__control ::ng-deep .input-mask-field__input,.base-field__control ::ng-deep .textarea-field__input,.base-field__control ::ng-deep .date-field__input,.base-field__control ::ng-deep .color-picker-field__input,.base-field__control ::ng-deep .dropdown-search-field__input,.base-field__control ::ng-deep .select-field__value-btn,.base-field__control ::ng-deep .multiselect-field__value-btn{--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important}}\n"], dependencies: [{ kind: "component", type: SkeletonFieldShellComponent, selector: "app-skeleton-field-shell", inputs: ["variant", "animate", "size", "showLeadingIcon"] }, { kind: "component", type: DropdownMenuComponent, selector: "app-dropdown-menu", inputs: ["items", "placement", "minWidthPx", "matchTriggerWidth", "closeOnSelect", "menuId"], outputs: ["itemSelect", "openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: BaseFieldComponent, isStandalone: true, selector: "app-base-field", inputs: { label: "label", errorMessage: "errorMessage", hint: "hint", hintId: "hintId", required: "required", showRequiredMark: "showRequiredMark", invalid: "invalid", invalidThemed: ["invalidThemed", "invalidThemed", booleanAttribute], filled: "filled", labelAlwaysFloated: ["labelAlwaysFloated", "labelAlwaysFloated", booleanAttribute], disabled: "disabled", readonly: "readonly", size: "size", inputId: "inputId", errorId: "errorId", showPrefixIcon: "showPrefixIcon", prefixIcon: "prefixIcon", clearable: "clearable", clearAriaLabel: "clearAriaLabel", showSuffixSlot: "showSuffixSlot", valueAlignEnd: "valueAlignEnd", loading: ["loading", "loading", booleanAttribute], skeletonVariant: "skeletonVariant", mostrarMenuContexto: ["mostrarMenuContexto", "mostrarMenuContexto", booleanAttribute], contextMenuItems: "contextMenuItems", contextMenuId: "contextMenuId" }, outputs: { clear: "clear", contextMenuSelect: "contextMenuSelect" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"base-field\" [class.base-field--size-sm]=\"size === 'sm'\"\n  [class.base-field--size-lg]=\"size === 'lg'\"\n  [class.base-field--invalid]=\"invalid\"\n  [class.base-field--invalid-themed]=\"invalid && invalidThemed\" [class.base-field--filled]=\"filled\"\n  [class.base-field--label-always-top]=\"labelAlwaysFloated\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\" [class.base-field__prefix--unused]=\"loading\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl && !loading) {\n      <i [attr.class]=\"prefixIconClassTpl\" aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\"\n        [class.base-field__control--textarea-skeleton]=\"loading && skeletonVariant === 'textarea'\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"showFaTpl\" [size]=\"size\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n  @if (!loading && showHintTpl) {\n  <p class=\"base-field__hint\" [id]=\"hintId || null\">{{ hint }}</p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box;font-size:1rem;line-height:1.35}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:flex-start}.base-field--loading .base-field__control{display:block;width:100%;min-width:0;min-height:calc(1.8rem + 1.35em)}.base-field--size-sm.base-field--loading .base-field__control{min-height:2.345625rem}.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.8rem + 4.05em)}.base-field--size-sm.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.5rem + 3.75em)}.base-field--size-lg.base-field--loading .base-field__control{min-height:3.5375rem}.base-field--size-lg.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(2.1rem + 4.2em)}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--field-background, var(--ui-field-float-bg));transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-float-border-hover);box-shadow:none}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-readonly-border-hover);box-shadow:none}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--field-background, var(--ui-field-float-bg))}.base-field--readonly.base-field--invalid:not(.base-field--disabled):not(.base-field--invalid-themed) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-readonly-bg)}.base-field--invalid.base-field--invalid-themed .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix--unused{display:none!important;padding:0!important;width:0;min-width:0;overflow:hidden}.base-field__prefix-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:1rem;line-height:1;margin:0;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon:before{line-height:1}.base-field__suffix{display:grid;grid-auto-flow:column;grid-auto-columns:auto;column-gap:.125rem;align-content:center;justify-content:end;justify-items:center;flex-shrink:0;padding-right:.4rem;padding-left:.1rem;min-height:0;align-self:stretch}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear{min-width:2rem;min-height:2rem;line-height:0}.base-field__clear-x{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.2rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon,.base-field--invalid .base-field__prefix-icon:before,.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;margin:0;padding:0;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .37rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:var(--field-float-label-rest-weight, var(--structra-body-weight));line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field:not(.base-field--readonly) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight))}.base-field:not(.base-field--readonly):not(.base-field--invalid) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-focus-color)}.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-readonly-label-top-color)}.base-field--filled .base-field__float-label,.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label,.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid.base-field--label-always-top .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--label-always-top .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly.base-field--label-always-top .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.base-field__hint{margin:.28rem 0 0;padding:0 .15rem;font-size:.72rem;line-height:1.35;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--app-color-text-muted, var(--ui-field-float-prefix-color, #5c6b7a));user-select:none;-webkit-user-select:none}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1rem)!important;line-height:var(--structra-field-input-line-height, 1.35)!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}@supports (-webkit-appearance: none){.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important}.base-field--size-sm .base-field__prefix{padding-left:.45rem}.base-field--size-sm .base-field__prefix-icon{font-size:.8125rem}.base-field--size-sm .base-field__suffix{padding-right:.28rem;padding-left:.06rem;column-gap:.05rem}.base-field--size-sm .base-field__float-label{left:.45rem;right:.45rem;top:.28rem;font-size:.8125rem;line-height:1.2;transform:translate3d(0,.5059375rem,0) scale(1)}.base-field--size-sm .base-field__box:focus-within .base-field__float-label,.base-field--size-sm.base-field--filled .base-field__float-label,.base-field--size-sm.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:13px!important;line-height:16.25px!important}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, .8125rem)!important;line-height:var(--structra-field-input-line-height, 1.25)!important}.base-field--size-sm .base-field__clear,.base-field--size-sm .base-field__ctx-trigger{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem}.base-field--size-sm .base-field__clear-x{font-size:1.05rem;width:1.1rem;height:1.1rem}.base-field--size-sm .base-field__suffix-reserve{width:1.65rem;height:1.65rem}.base-field--size-sm .base-field__control ::ng-deep .text-field__input,.base-field--size-sm .base-field__control ::ng-deep .integer-field__input,.base-field--size-sm .base-field__control ::ng-deep .decimal-field__input,.base-field--size-sm .base-field__control ::ng-deep .password-field__input,.base-field--size-sm .base-field__control ::ng-deep .cep-field__input,.base-field--size-sm .base-field__control ::ng-deep .phone-field__input,.base-field--size-sm .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-sm .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-sm .base-field__control ::ng-deep .textarea-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input,.base-field--size-sm .base-field__control ::ng-deep .color-picker-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:2.345625rem!important}.base-field--size-sm .base-field__control ::ng-deep .date-field__display{left:.45rem;right:.45rem;font-size:.8125rem;line-height:1.25}.base-field--size-sm .base-field__control ::ng-deep .select-field__origin,.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{min-height:2.345625rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.05rem .28rem .28rem .45rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem;margin:0 .06rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.72rem;padding-top:1px}.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__trigger-suffix{padding-top:2px}.base-field--size-lg .base-field__prefix{padding-left:.95rem}.base-field--size-lg .base-field__prefix-icon{font-size:1.0625rem}.base-field--size-lg .base-field__suffix{padding-right:.52rem;padding-left:.12rem;column-gap:.15rem}.base-field--size-lg .base-field__float-label{left:.9rem;right:.9rem;top:.48rem;font-size:1.0625rem;line-height:1.2;transform:translate3d(0,.6846875rem,0) scale(1)}.base-field--size-lg .base-field__box:focus-within .base-field__float-label,.base-field--size-lg.base-field--filled .base-field__float-label,.base-field--size-lg.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:17px!important;line-height:23.8px!important}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1.0625rem)!important;line-height:var(--structra-field-input-line-height, 1.4)!important}.base-field--size-lg .base-field__clear,.base-field--size-lg .base-field__ctx-trigger{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem}.base-field--size-lg .base-field__clear-x{font-size:1.35rem;width:1.35rem;height:1.35rem}.base-field--size-lg .base-field__suffix-reserve{width:2.35rem;height:2.35rem}.base-field--size-lg .base-field__control ::ng-deep .text-field__input,.base-field--size-lg .base-field__control ::ng-deep .integer-field__input,.base-field--size-lg .base-field__control ::ng-deep .decimal-field__input,.base-field--size-lg .base-field__control ::ng-deep .password-field__input,.base-field--size-lg .base-field__control ::ng-deep .cep-field__input,.base-field--size-lg .base-field__control ::ng-deep .phone-field__input,.base-field--size-lg .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-lg .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-lg .base-field__control ::ng-deep .textarea-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input,.base-field--size-lg .base-field__control ::ng-deep .color-picker-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:3.5375rem!important}.base-field--size-lg .base-field__control ::ng-deep .date-field__display{left:.9rem;right:.9rem;font-size:1.0625rem;line-height:1.4}.base-field--size-lg .base-field__control ::ng-deep .select-field__origin,.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{min-height:3.5375rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.55rem .38rem .5rem .9rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem;margin:0 .12rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.88rem}@media(max-width:768px),(hover:none)and (pointer:coarse){.base-field__control ::ng-deep :where(input,textarea,select){--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep .text-field__input,.base-field__control ::ng-deep .integer-field__input,.base-field__control ::ng-deep .decimal-field__input,.base-field__control ::ng-deep .password-field__input,.base-field__control ::ng-deep .cep-field__input,.base-field__control ::ng-deep .phone-field__input,.base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field__control ::ng-deep .input-mask-field__input,.base-field__control ::ng-deep .textarea-field__input,.base-field__control ::ng-deep .date-field__input,.base-field__control ::ng-deep .color-picker-field__input,.base-field__control ::ng-deep .dropdown-search-field__input,.base-field__control ::ng-deep .select-field__value-btn,.base-field__control ::ng-deep .multiselect-field__value-btn,.base-field__control ::ng-deep .select-field__value,.base-field__control ::ng-deep .multiselect-field__value{--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important}}\n"], dependencies: [{ kind: "component", type: SkeletonFieldShellComponent, selector: "app-skeleton-field-shell", inputs: ["variant", "animate", "size", "showLeadingIcon"] }, { kind: "component", type: DropdownMenuComponent, selector: "app-dropdown-menu", inputs: ["items", "placement", "minWidthPx", "matchTriggerWidth", "closeOnSelect", "menuId"], outputs: ["itemSelect", "openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-base-field', imports: [SkeletonFieldShellComponent, DropdownMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"base-field\" [class.base-field--size-sm]=\"size === 'sm'\"\n  [class.base-field--size-lg]=\"size === 'lg'\"\n  [class.base-field--invalid]=\"invalid\"\n  [class.base-field--invalid-themed]=\"invalid && invalidThemed\" [class.base-field--filled]=\"filled\"\n  [class.base-field--label-always-top]=\"labelAlwaysFloated\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\" [class.base-field__prefix--unused]=\"loading\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl && !loading) {\n      <i [attr.class]=\"prefixIconClassTpl\" aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\"\n        [class.base-field__control--textarea-skeleton]=\"loading && skeletonVariant === 'textarea'\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"showFaTpl\" [size]=\"size\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n  @if (!loading && showHintTpl) {\n  <p class=\"base-field__hint\" [id]=\"hintId || null\">{{ hint }}</p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box;font-size:1rem;line-height:1.35}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:flex-start}.base-field--loading .base-field__control{display:block;width:100%;min-width:0;min-height:calc(1.8rem + 1.35em)}.base-field--size-sm.base-field--loading .base-field__control{min-height:2.345625rem}.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.8rem + 4.05em)}.base-field--size-sm.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.5rem + 3.75em)}.base-field--size-lg.base-field--loading .base-field__control{min-height:3.5375rem}.base-field--size-lg.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(2.1rem + 4.2em)}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--field-background, var(--ui-field-float-bg));transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-float-border-hover);box-shadow:none}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-readonly-border-hover);box-shadow:none}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--field-background, var(--ui-field-float-bg))}.base-field--readonly.base-field--invalid:not(.base-field--disabled):not(.base-field--invalid-themed) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-readonly-bg)}.base-field--invalid.base-field--invalid-themed .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix--unused{display:none!important;padding:0!important;width:0;min-width:0;overflow:hidden}.base-field__prefix-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:1rem;line-height:1;margin:0;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon:before{line-height:1}.base-field__suffix{display:grid;grid-auto-flow:column;grid-auto-columns:auto;column-gap:.125rem;align-content:center;justify-content:end;justify-items:center;flex-shrink:0;padding-right:.4rem;padding-left:.1rem;min-height:0;align-self:stretch}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear{min-width:2rem;min-height:2rem;line-height:0}.base-field__clear-x{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.2rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon,.base-field--invalid .base-field__prefix-icon:before,.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;margin:0;padding:0;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .37rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:var(--field-float-label-rest-weight, var(--structra-body-weight));line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field:not(.base-field--readonly) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight))}.base-field:not(.base-field--readonly):not(.base-field--invalid) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-focus-color)}.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-readonly-label-top-color)}.base-field--filled .base-field__float-label,.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label,.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid.base-field--label-always-top .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--label-always-top .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly.base-field--label-always-top .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.base-field__hint{margin:.28rem 0 0;padding:0 .15rem;font-size:.72rem;line-height:1.35;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--app-color-text-muted, var(--ui-field-float-prefix-color, #5c6b7a));user-select:none;-webkit-user-select:none}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1rem)!important;line-height:var(--structra-field-input-line-height, 1.35)!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}@supports (-webkit-appearance: none){.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important}.base-field--size-sm .base-field__prefix{padding-left:.45rem}.base-field--size-sm .base-field__prefix-icon{font-size:.8125rem}.base-field--size-sm .base-field__suffix{padding-right:.28rem;padding-left:.06rem;column-gap:.05rem}.base-field--size-sm .base-field__float-label{left:.45rem;right:.45rem;top:.28rem;font-size:.8125rem;line-height:1.2;transform:translate3d(0,.5059375rem,0) scale(1)}.base-field--size-sm .base-field__box:focus-within .base-field__float-label,.base-field--size-sm.base-field--filled .base-field__float-label,.base-field--size-sm.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:13px!important;line-height:16.25px!important}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, .8125rem)!important;line-height:var(--structra-field-input-line-height, 1.25)!important}.base-field--size-sm .base-field__clear,.base-field--size-sm .base-field__ctx-trigger{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem}.base-field--size-sm .base-field__clear-x{font-size:1.05rem;width:1.1rem;height:1.1rem}.base-field--size-sm .base-field__suffix-reserve{width:1.65rem;height:1.65rem}.base-field--size-sm .base-field__control ::ng-deep .text-field__input,.base-field--size-sm .base-field__control ::ng-deep .integer-field__input,.base-field--size-sm .base-field__control ::ng-deep .decimal-field__input,.base-field--size-sm .base-field__control ::ng-deep .password-field__input,.base-field--size-sm .base-field__control ::ng-deep .cep-field__input,.base-field--size-sm .base-field__control ::ng-deep .phone-field__input,.base-field--size-sm .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-sm .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-sm .base-field__control ::ng-deep .textarea-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input,.base-field--size-sm .base-field__control ::ng-deep .color-picker-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:2.345625rem!important}.base-field--size-sm .base-field__control ::ng-deep .date-field__display{left:.45rem;right:.45rem;font-size:.8125rem;line-height:1.25}.base-field--size-sm .base-field__control ::ng-deep .select-field__origin,.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{min-height:2.345625rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.05rem .28rem .28rem .45rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem;margin:0 .06rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.72rem;padding-top:1px}.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__trigger-suffix{padding-top:2px}.base-field--size-lg .base-field__prefix{padding-left:.95rem}.base-field--size-lg .base-field__prefix-icon{font-size:1.0625rem}.base-field--size-lg .base-field__suffix{padding-right:.52rem;padding-left:.12rem;column-gap:.15rem}.base-field--size-lg .base-field__float-label{left:.9rem;right:.9rem;top:.48rem;font-size:1.0625rem;line-height:1.2;transform:translate3d(0,.6846875rem,0) scale(1)}.base-field--size-lg .base-field__box:focus-within .base-field__float-label,.base-field--size-lg.base-field--filled .base-field__float-label,.base-field--size-lg.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:17px!important;line-height:23.8px!important}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1.0625rem)!important;line-height:var(--structra-field-input-line-height, 1.4)!important}.base-field--size-lg .base-field__clear,.base-field--size-lg .base-field__ctx-trigger{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem}.base-field--size-lg .base-field__clear-x{font-size:1.35rem;width:1.35rem;height:1.35rem}.base-field--size-lg .base-field__suffix-reserve{width:2.35rem;height:2.35rem}.base-field--size-lg .base-field__control ::ng-deep .text-field__input,.base-field--size-lg .base-field__control ::ng-deep .integer-field__input,.base-field--size-lg .base-field__control ::ng-deep .decimal-field__input,.base-field--size-lg .base-field__control ::ng-deep .password-field__input,.base-field--size-lg .base-field__control ::ng-deep .cep-field__input,.base-field--size-lg .base-field__control ::ng-deep .phone-field__input,.base-field--size-lg .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-lg .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-lg .base-field__control ::ng-deep .textarea-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input,.base-field--size-lg .base-field__control ::ng-deep .color-picker-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:3.5375rem!important}.base-field--size-lg .base-field__control ::ng-deep .date-field__display{left:.9rem;right:.9rem;font-size:1.0625rem;line-height:1.4}.base-field--size-lg .base-field__control ::ng-deep .select-field__origin,.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{min-height:3.5375rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.55rem .38rem .5rem .9rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem;margin:0 .12rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.88rem}@media(max-width:768px),(hover:none)and (pointer:coarse){.base-field__control ::ng-deep :where(input,textarea,select){--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep .text-field__input,.base-field__control ::ng-deep .integer-field__input,.base-field__control ::ng-deep .decimal-field__input,.base-field__control ::ng-deep .password-field__input,.base-field__control ::ng-deep .cep-field__input,.base-field__control ::ng-deep .phone-field__input,.base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field__control ::ng-deep .input-mask-field__input,.base-field__control ::ng-deep .textarea-field__input,.base-field__control ::ng-deep .date-field__input,.base-field__control ::ng-deep .color-picker-field__input,.base-field__control ::ng-deep .dropdown-search-field__input,.base-field__control ::ng-deep .select-field__value-btn,.base-field__control ::ng-deep .multiselect-field__value-btn{--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important}}\n"] }]
+            args: [{ selector: 'app-base-field', imports: [SkeletonFieldShellComponent, DropdownMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"base-field\" [class.base-field--size-sm]=\"size === 'sm'\"\n  [class.base-field--size-lg]=\"size === 'lg'\"\n  [class.base-field--invalid]=\"invalid\"\n  [class.base-field--invalid-themed]=\"invalid && invalidThemed\" [class.base-field--filled]=\"filled\"\n  [class.base-field--label-always-top]=\"labelAlwaysFloated\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\" [class.base-field__prefix--unused]=\"loading\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl && !loading) {\n      <i [attr.class]=\"prefixIconClassTpl\" aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\"\n        [class.base-field__control--textarea-skeleton]=\"loading && skeletonVariant === 'textarea'\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"showFaTpl\" [size]=\"size\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n  @if (!loading && showHintTpl) {\n  <p class=\"base-field__hint\" [id]=\"hintId || null\">{{ hint }}</p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box;font-size:1rem;line-height:1.35}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:flex-start}.base-field--loading .base-field__control{display:block;width:100%;min-width:0;min-height:calc(1.8rem + 1.35em)}.base-field--size-sm.base-field--loading .base-field__control{min-height:2.345625rem}.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.8rem + 4.05em)}.base-field--size-sm.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(1.5rem + 3.75em)}.base-field--size-lg.base-field--loading .base-field__control{min-height:3.5375rem}.base-field--size-lg.base-field--loading .base-field__control--textarea-skeleton{min-height:calc(2.1rem + 4.2em)}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--field-background, var(--ui-field-float-bg));transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-float-border-hover);box-shadow:none}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid):not(:focus-within):hover .base-field__box{border-color:var(--ui-field-readonly-border-hover);box-shadow:none}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--field-background, var(--ui-field-float-bg))}.base-field--readonly.base-field--invalid:not(.base-field--disabled):not(.base-field--invalid-themed) .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-readonly-bg)}.base-field--invalid.base-field--invalid-themed .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix--unused{display:none!important;padding:0!important;width:0;min-width:0;overflow:hidden}.base-field__prefix-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:1rem;line-height:1;margin:0;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon:before{line-height:1}.base-field__suffix{display:grid;grid-auto-flow:column;grid-auto-columns:auto;column-gap:.125rem;align-content:center;justify-content:end;justify-items:center;flex-shrink:0;padding-right:.4rem;padding-left:.1rem;min-height:0;align-self:stretch}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-focus-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear{min-width:2rem;min-height:2rem;line-height:0}.base-field__clear-x{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.2rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon,.base-field--invalid .base-field__prefix-icon:before,.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;margin:0;padding:0;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .37rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:var(--field-float-label-rest-weight, var(--structra-body-weight));line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field:not(.base-field--readonly) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight))}.base-field:not(.base-field--readonly):not(.base-field--invalid) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-focus-color)}.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-readonly-label-top-color)}.base-field--filled .base-field__float-label,.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:var(--field-label-weight, var(--structra-label-weight));color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label,.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid.base-field--label-always-top .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--label-always-top .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--invalid .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly.base-field--label-always-top .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.base-field__hint{margin:.28rem 0 0;padding:0 .15rem;font-size:.72rem;line-height:1.35;font-weight:var(--field-helper-weight, var(--structra-body-weight));color:var(--app-color-text-muted, var(--ui-field-float-prefix-color, #5c6b7a));user-select:none;-webkit-user-select:none}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1rem)!important;line-height:var(--structra-field-input-line-height, 1.35)!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%}@supports (-webkit-appearance: none){.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active,:-webkit-autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid:not(.base-field--invalid-themed):not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;box-shadow:0 0 0 1000px var(--field-background, var(--ui-field-float-bg)) inset!important;background-color:var(--field-background, var(--ui-field-float-bg))!important;transition:background-color 50000s ease 0s!important}.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--invalid.base-field--invalid-themed:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible),.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):is(:autofill,:autofill:hover,:autofill:focus,:autofill:active,:autofill:focus-visible):first-line{animation-name:structraNativeAutofillStart;animation-duration:1ms;font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;caret-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-float-input-text)!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:16px!important;line-height:21.6px!important;font-family:inherit!important;font-weight:inherit!important;-webkit-text-size-adjust:100%;-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important}.base-field--size-sm .base-field__prefix{padding-left:.45rem}.base-field--size-sm .base-field__prefix-icon{font-size:.8125rem}.base-field--size-sm .base-field__suffix{padding-right:.28rem;padding-left:.06rem;column-gap:.05rem}.base-field--size-sm .base-field__float-label{left:.45rem;right:.45rem;top:.28rem;font-size:.8125rem;line-height:1.2;transform:translate3d(0,.5059375rem,0) scale(1)}.base-field--size-sm .base-field__box:focus-within .base-field__float-label,.base-field--size-sm.base-field--filled .base-field__float-label,.base-field--size-sm.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-sm .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:13px!important;line-height:16.25px!important}.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-sm .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, .8125rem)!important;line-height:var(--structra-field-input-line-height, 1.25)!important}.base-field--size-sm .base-field__clear,.base-field--size-sm .base-field__ctx-trigger{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem}.base-field--size-sm .base-field__clear-x{font-size:1.05rem;width:1.1rem;height:1.1rem}.base-field--size-sm .base-field__suffix-reserve{width:1.65rem;height:1.65rem}.base-field--size-sm .base-field__control ::ng-deep .text-field__input,.base-field--size-sm .base-field__control ::ng-deep .integer-field__input,.base-field--size-sm .base-field__control ::ng-deep .decimal-field__input,.base-field--size-sm .base-field__control ::ng-deep .password-field__input,.base-field--size-sm .base-field__control ::ng-deep .cep-field__input,.base-field--size-sm .base-field__control ::ng-deep .phone-field__input,.base-field--size-sm .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-sm .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-sm .base-field__control ::ng-deep .textarea-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input,.base-field--size-sm .base-field__control ::ng-deep .color-picker-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-sm .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:2.345625rem!important}.base-field--size-sm .base-field__control ::ng-deep .date-field__display{left:.45rem;right:.45rem;font-size:.8125rem;line-height:1.25}.base-field--size-sm .base-field__control ::ng-deep .select-field__origin,.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{min-height:2.345625rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.05rem .28rem .28rem .45rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.05rem .45rem .28rem;--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:1.65rem;height:1.65rem;min-width:1.65rem;min-height:1.65rem;margin:0 .06rem}.base-field--size-sm .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-sm .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.72rem;padding-top:1px}.base-field--size-sm .base-field__control ::ng-deep .multiselect-field__trigger-suffix{padding-top:2px}.base-field--size-lg .base-field__prefix{padding-left:.95rem}.base-field--size-lg .base-field__prefix-icon{font-size:1.0625rem}.base-field--size-lg .base-field__suffix{padding-right:.52rem;padding-left:.12rem;column-gap:.15rem}.base-field--size-lg .base-field__float-label{left:.9rem;right:.9rem;top:.48rem;font-size:1.0625rem;line-height:1.2;transform:translate3d(0,.6846875rem,0) scale(1)}.base-field--size-lg .base-field__box:focus-within .base-field__float-label,.base-field--size-lg.base-field--filled .base-field__float-label,.base-field--size-lg.base-field--label-always-top .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):-webkit-autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):autofill) .base-field__float-label,.base-field--size-lg .base-field__box:has(.base-field__control :where(input,textarea):not(:placeholder-shown)) .base-field__float-label{transform:translateZ(0) scale(.75)}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line{font-size:17px!important;line-height:23.8px!important}.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field--size-lg .base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line{font-size:var(--structra-field-input-font-size, 1.0625rem)!important;line-height:var(--structra-field-input-line-height, 1.4)!important}.base-field--size-lg .base-field__clear,.base-field--size-lg .base-field__ctx-trigger{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem}.base-field--size-lg .base-field__clear-x{font-size:1.35rem;width:1.35rem;height:1.35rem}.base-field--size-lg .base-field__suffix-reserve{width:2.35rem;height:2.35rem}.base-field--size-lg .base-field__control ::ng-deep .text-field__input,.base-field--size-lg .base-field__control ::ng-deep .integer-field__input,.base-field--size-lg .base-field__control ::ng-deep .decimal-field__input,.base-field--size-lg .base-field__control ::ng-deep .password-field__input,.base-field--size-lg .base-field__control ::ng-deep .cep-field__input,.base-field--size-lg .base-field__control ::ng-deep .phone-field__input,.base-field--size-lg .base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field--size-lg .base-field__control ::ng-deep .input-mask-field__input,.base-field--size-lg .base-field__control ::ng-deep .textarea-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input,.base-field--size-lg .base-field__control ::ng-deep .color-picker-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mdc-text-field__input,.base-field--size-lg .base-field__control ::ng-deep .date-field__input.mat-mdc-input-element{min-height:3.5375rem!important}.base-field--size-lg .base-field__control ::ng-deep .date-field__display{left:.9rem;right:.9rem;font-size:1.0625rem;line-height:1.4}.base-field--size-lg .base-field__control ::ng-deep .select-field__origin,.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__origin,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__origin,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{min-height:3.5375rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__value-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__value-btn{padding:1.55rem .38rem .5rem .9rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__input{padding:1.55rem .9rem .5rem;--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-btn,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-btn{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem;margin:0 .12rem}.base-field--size-lg .base-field__control ::ng-deep .select-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .multiselect-field__chevron-icon,.base-field--size-lg .base-field__control ::ng-deep .dropdown-search-field__chevron-icon{font-size:.88rem}@media(max-width:768px),(hover:none)and (pointer:coarse){.base-field__control ::ng-deep :where(input,textarea,select){--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):autofill,.base-field__control ::ng-deep :where(input,textarea):autofill:first-line,.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown),.base-field__control ::ng-deep :where(input,textarea):not(:placeholder-shown):first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-previewed:first-line,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected,.base-field__control ::ng-deep :where(input,textarea):-internal-autofill-selected:first-line{font-size:16px!important;line-height:21.6px!important;-webkit-text-size-adjust:100%!important}.base-field__control ::ng-deep .text-field__input,.base-field__control ::ng-deep .integer-field__input,.base-field__control ::ng-deep .decimal-field__input,.base-field__control ::ng-deep .password-field__input,.base-field__control ::ng-deep .cep-field__input,.base-field__control ::ng-deep .phone-field__input,.base-field__control ::ng-deep .cpf-cnpj-field__input,.base-field__control ::ng-deep .input-mask-field__input,.base-field__control ::ng-deep .textarea-field__input,.base-field__control ::ng-deep .date-field__input,.base-field__control ::ng-deep .color-picker-field__input,.base-field__control ::ng-deep .dropdown-search-field__input,.base-field__control ::ng-deep .select-field__value-btn,.base-field__control ::ng-deep .multiselect-field__value-btn,.base-field__control ::ng-deep .select-field__value,.base-field__control ::ng-deep .multiselect-field__value{--structra-field-input-font-size: 16px;--structra-field-input-line-height: 1.35;font-size:16px!important;line-height:21.6px!important}}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], errorMessage: [{
@@ -7452,7 +7911,7 @@ class SelectFieldComponent extends DropdownOptionFieldBase {
                 useExisting: forwardRef(() => SelectFieldComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "optionsPanelTpl", first: true, predicate: ["optionsPanelTpl"], descendants: true, static: true }, { propertyName: "dropdownTriggerRootRef", first: true, predicate: ["dropdownFieldTriggerRoot"], descendants: true, read: ElementRef }, { propertyName: "dropdownBase", first: true, predicate: DropdownBaseComponent, descendants: true }, { propertyName: "nativeInputRef", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"select-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"select-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <!-- `div` em vez de `<button>`: o texto do valor fica selecion\u00E1vel (copiar), como no combobox. -->\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"select-field__value-btn\"\n          [class.select-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"floatLabelCaption || placeholder || 'Selecionar'\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"select-field__value\">{{ displayValue }}</span>\n        </div>\n        <button type=\"button\" class=\"select-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down select-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"select-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\"\n    [ngStyle]=\"panelTypographyStyle\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"select-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"select-field__option\" [class.select-field__option--disabled]=\"opt.disabled\"\n      [class.select-field__option--selected]=\"isSelected(opt)\"\n      [class.select-field__option--active]=\"!opt.disabled && activeIndex === $index\"\n      [attr.tabindex]=\"opt.disabled ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"selectOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      {{ opt.label }}\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.select-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.select-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.select-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__value-btn:focus,.select-field__value-btn:focus-visible{outline:none;box-shadow:none}.select-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__value-btn:not(.select-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.select-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.select-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.select-field__chevron-btn:focus,.select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.select-field--invalid .select-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.select-field--invalid .select-field__chevron-btn .select-field__chevron-icon{color:inherit}:host.select-field--invalid .select-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.select-field--invalid .select-field__chevron-btn:focus,:host.select-field--invalid .select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.select-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.select-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.select-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.select-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.select-field__option{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);padding:.45rem .75rem;cursor:pointer;color:var(--ui-field-float-input-text)}.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.select-field__option--active:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.select-field__option.select-field__option--active.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.select-field__option--disabled{opacity:.45;cursor:not-allowed}.select-field__option:hover:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.select-field__option.select-field__option--selected:hover:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.select-field__value-btn,.select-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .select-field__value-btn,:host ::ng-deep .base-field--size-sm .select-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .select-field__value-btn,:host ::ng-deep .base-field--size-lg .select-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"], dependencies: [{ kind: "component", type: BaseFieldComponent, selector: "app-base-field", inputs: ["label", "errorMessage", "hint", "hintId", "required", "showRequiredMark", "invalid", "invalidThemed", "filled", "labelAlwaysFloated", "disabled", "readonly", "size", "inputId", "errorId", "showPrefixIcon", "prefixIcon", "clearable", "clearAriaLabel", "showSuffixSlot", "valueAlignEnd", "loading", "skeletonVariant", "mostrarMenuContexto", "contextMenuItems", "contextMenuId"], outputs: ["clear", "contextMenuSelect"] }, { kind: "component", type: DropdownBaseComponent, selector: "app-dropdown-base", inputs: ["open", "panelTemplate", "panelWidthPx", "closeOnEscape", "hasBackdrop", "connectedPositions", "pushConnectedOverlay", "flexibleConnectedOverlay", "connectedOverlayViewportMargin", "lockConnectedOverlayPosition", "scrollStrategy", "bareOverlayPanel"], outputs: ["openChange"] }, { kind: "component", type: SkeletonListComponent, selector: "app-skeleton-list", inputs: ["rows", "leading", "rowGap", "lineHeight", "animate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "optionsPanelTpl", first: true, predicate: ["optionsPanelTpl"], descendants: true, static: true }, { propertyName: "dropdownTriggerRootRef", first: true, predicate: ["dropdownFieldTriggerRoot"], descendants: true, read: ElementRef }, { propertyName: "dropdownBase", first: true, predicate: DropdownBaseComponent, descendants: true }, { propertyName: "nativeInputRef", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"select-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"select-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <!-- `div` em vez de `<button>`: o texto do valor fica selecion\u00E1vel (copiar), como no combobox. -->\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"select-field__value-btn\"\n          [class.select-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"floatLabelCaption || placeholder || 'Selecionar'\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"select-field__value\">{{ displayValue }}</span>\n        </div>\n        <button type=\"button\" class=\"select-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down select-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"select-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\"\n    [ngStyle]=\"panelTypographyStyle\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"select-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"select-field__option\" [class.select-field__option--disabled]=\"opt.disabled\"\n      [class.select-field__option--selected]=\"isSelected(opt)\"\n      [class.select-field__option--active]=\"!opt.disabled && activeIndex === $index\"\n      [attr.tabindex]=\"opt.disabled ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"selectOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      {{ opt.label }}\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.select-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.select-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.select-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__value-btn:focus,.select-field__value-btn:focus-visible{outline:none;box-shadow:none}.select-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__value-btn:not(.select-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.select-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.select-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.select-field__chevron-btn:focus,.select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.select-field--invalid .select-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.select-field--invalid .select-field__chevron-btn .select-field__chevron-icon{color:inherit}:host.select-field--invalid .select-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.select-field--invalid .select-field__chevron-btn:focus,:host.select-field--invalid .select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.select-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.select-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.select-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.select-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.select-field__option{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);padding:.45rem .75rem;cursor:pointer;color:var(--ui-field-float-input-text)}.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.select-field__option--active:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.select-field__option.select-field__option--active.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.select-field__option--disabled{opacity:.45;cursor:not-allowed}.select-field__option:hover:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.select-field__option.select-field__option--selected:hover:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.select-field__value-btn,.select-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .select-field__value-btn,:host ::ng-deep .base-field--size-sm .select-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .select-field__value-btn,:host ::ng-deep .base-field--size-lg .select-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"], dependencies: [{ kind: "component", type: BaseFieldComponent, selector: "app-base-field", inputs: ["label", "errorMessage", "hint", "hintId", "required", "showRequiredMark", "invalid", "invalidThemed", "filled", "labelAlwaysFloated", "disabled", "readonly", "size", "inputId", "errorId", "showPrefixIcon", "prefixIcon", "clearable", "clearAriaLabel", "showSuffixSlot", "valueAlignEnd", "loading", "skeletonVariant", "mostrarMenuContexto", "contextMenuItems", "contextMenuId"], outputs: ["clear", "contextMenuSelect"] }, { kind: "component", type: DropdownBaseComponent, selector: "app-dropdown-base", inputs: ["open", "panelTemplate", "panelWidthPx", "closeOnEscape", "hasBackdrop", "connectedPositions", "pushConnectedOverlay", "flexibleConnectedOverlay", "connectedOverlayViewportMargin", "lockConnectedOverlayPosition", "scrollStrategy", "bareOverlayPanel"], outputs: ["openChange"] }, { kind: "component", type: SkeletonListComponent, selector: "app-skeleton-list", inputs: ["rows", "leading", "rowGap", "lineHeight", "animate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectFieldComponent, decorators: [{
             type: Component,
@@ -7462,7 +7921,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useExisting: forwardRef(() => SelectFieldComponent),
                             multi: true,
                         },
-                    ], template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"select-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"select-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <!-- `div` em vez de `<button>`: o texto do valor fica selecion\u00E1vel (copiar), como no combobox. -->\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"select-field__value-btn\"\n          [class.select-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"floatLabelCaption || placeholder || 'Selecionar'\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"select-field__value\">{{ displayValue }}</span>\n        </div>\n        <button type=\"button\" class=\"select-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down select-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"select-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\"\n    [ngStyle]=\"panelTypographyStyle\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"select-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"select-field__option\" [class.select-field__option--disabled]=\"opt.disabled\"\n      [class.select-field__option--selected]=\"isSelected(opt)\"\n      [class.select-field__option--active]=\"!opt.disabled && activeIndex === $index\"\n      [attr.tabindex]=\"opt.disabled ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"selectOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      {{ opt.label }}\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.select-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.select-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.select-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__value-btn:focus,.select-field__value-btn:focus-visible{outline:none;box-shadow:none}.select-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__value-btn:not(.select-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.select-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.select-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.select-field__chevron-btn:focus,.select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.select-field--invalid .select-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.select-field--invalid .select-field__chevron-btn .select-field__chevron-icon{color:inherit}:host.select-field--invalid .select-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.select-field--invalid .select-field__chevron-btn:focus,:host.select-field--invalid .select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.select-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.select-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.select-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.select-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.select-field__option{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);padding:.45rem .75rem;cursor:pointer;color:var(--ui-field-float-input-text)}.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.select-field__option--active:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.select-field__option.select-field__option--active.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.select-field__option--disabled{opacity:.45;cursor:not-allowed}.select-field__option:hover:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.select-field__option.select-field__option--selected:hover:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.select-field__value-btn,.select-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .select-field__value-btn,:host ::ng-deep .base-field--size-sm .select-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .select-field__value-btn,:host ::ng-deep .base-field--size-lg .select-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"] }]
+                    ], template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"select-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"select-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <!-- `div` em vez de `<button>`: o texto do valor fica selecion\u00E1vel (copiar), como no combobox. -->\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"select-field__value-btn\"\n          [class.select-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"floatLabelCaption || placeholder || 'Selecionar'\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"select-field__value\">{{ displayValue }}</span>\n        </div>\n        <button type=\"button\" class=\"select-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down select-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"select-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\"\n    [ngStyle]=\"panelTypographyStyle\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"select-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"select-field__option\" [class.select-field__option--disabled]=\"opt.disabled\"\n      [class.select-field__option--selected]=\"isSelected(opt)\"\n      [class.select-field__option--active]=\"!opt.disabled && activeIndex === $index\"\n      [attr.tabindex]=\"opt.disabled ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"selectOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      {{ opt.label }}\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.select-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.select-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.select-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__value-btn:focus,.select-field__value-btn:focus-visible{outline:none;box-shadow:none}.select-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__value-btn:not(.select-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .select-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.select-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text}.select-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.select-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.select-field__chevron-btn:focus,.select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.select-field--invalid .select-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.select-field--invalid .select-field__chevron-btn .select-field__chevron-icon{color:inherit}:host.select-field--invalid .select-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.select-field--invalid .select-field__chevron-btn:focus,:host.select-field--invalid .select-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.select-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.select-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.select-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.select-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.select-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.select-field__option{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);padding:.45rem .75rem;cursor:pointer;color:var(--ui-field-float-input-text)}.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.select-field__option--active:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.select-field__option.select-field__option--active.select-field__option--selected:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.select-field__option--disabled{opacity:.45;cursor:not-allowed}.select-field__option:hover:not(.select-field__option--disabled):not(.select-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.select-field__option.select-field__option--selected:hover:not(.select-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.select-field__value-btn,.select-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .select-field__value-btn,:host ::ng-deep .base-field--size-sm .select-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .select-field__value-btn,:host ::ng-deep .base-field--size-lg .select-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"] }]
         }], propDecorators: { hostInvalidClass: [{
                 type: HostBinding,
                 args: ['class.select-field--invalid']
@@ -8196,7 +8655,7 @@ class MultiselectFieldComponent extends DropdownMultiOptionFieldBase {
                 useExisting: forwardRef(() => MultiselectFieldComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "optionsPanelTpl", first: true, predicate: ["optionsPanelTpl"], descendants: true, static: true }, { propertyName: "dropdownTriggerRootRef", first: true, predicate: ["dropdownFieldTriggerRoot"], descendants: true, read: ElementRef }, { propertyName: "nativeInputRef", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }, { propertyName: "dropdownBase", first: true, predicate: DropdownBaseComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-base-field [label]=\"displayLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"showSuffixSlot\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"multiselect-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      [lockConnectedOverlayPosition]=\"lockOverlayWhileOpen\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"multiselect-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"multiselect-field__value-btn\"\n          [class.multiselect-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"displayAriaLabel\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"multiselect-field__value\">{{ displaySummary }}</span>\n        </div>\n        <span class=\"multiselect-field__trigger-suffix\">\n          <ng-content select=\"[appMultiselectTriggerSuffix]\" />\n        </span>\n        <button type=\"button\" class=\"multiselect-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down multiselect-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n  <ng-content select=\"[appFieldSuffix]\" />\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"multiselect-field__panel-inner\" [ngStyle]=\"panelTypographyStyle\" (mousedown)=\"$event.preventDefault()\">\n    @if (searchable) {\n    <div class=\"multiselect-field__search-wrap\">\n      <input type=\"search\" class=\"multiselect-field__search-input\" [id]=\"panelSearchInputId\"\n        autocomplete=\"off\" spellcheck=\"false\" placeholder=\"Pesquisar\u2026\" aria-label=\"Pesquisar op\u00E7\u00F5es\"\n        [value]=\"panelSearchQuery\" (input)=\"onPanelSearchInput($event)\" (keydown)=\"onPanelSearchKeydown($event)\"\n        (blur)=\"onDropdownBlur($event)\" />\n    </div>\n    }\n  <div class=\"multiselect-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\" aria-multiselectable=\"true\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"multiselect-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"multiselect-field__option\" [class.multiselect-field__option--disabled]=\"optionSelectDisabled(opt)\"\n      [class.multiselect-field__option--selected]=\"isSelected(opt)\"\n      [class.multiselect-field__option--active]=\"!optionSelectDisabled(opt) && activeIndex === $index\"\n      [attr.tabindex]=\"optionSelectDisabled(opt) ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"toggleOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      <span class=\"multiselect-field__check\" aria-hidden=\"true\">\n        @if (isSelected(opt)) {\n        <i class=\"fa-solid fa-check multiselect-field__check-icon\"></i>\n        }\n      </span>\n      <span class=\"multiselect-field__option-label\">{{ opt.label }}</span>\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.multiselect-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.multiselect-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.multiselect-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__value-btn:focus,.multiselect-field__value-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__value-btn:not(.multiselect-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.multiselect-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__trigger-suffix{display:flex;flex-shrink:0;align-items:center;align-self:center;box-sizing:border-box;padding-top:3px}.multiselect-field__trigger-suffix:not(:has(>*)){display:none}.multiselect-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.multiselect-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.multiselect-field__chevron-btn:focus,.multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.multiselect-field--invalid .multiselect-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.multiselect-field--invalid .multiselect-field__chevron-btn .multiselect-field__chevron-icon{color:inherit}:host.multiselect-field--invalid .multiselect-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus,:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}:host.multiselect-field--invalid .multiselect-field__trigger-suffix{--ui-field-float-prefix-color: var(--ui-field-float-label-invalid-color);--ui-field-float-label-top-color: var(--ui-field-float-label-invalid-color);--ui-field-icon-slot-hover-bg: rgba(185, 28, 28, .12);color:var(--ui-field-float-label-invalid-color)}.multiselect-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.multiselect-field__panel-inner{display:flex;flex-direction:column;min-width:0;width:100%;box-sizing:border-box;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__search-wrap{flex-shrink:0;padding:.45rem .5rem .35rem;border-bottom:1px solid rgba(0,0,0,.08);box-sizing:border-box}.multiselect-field__search-input{width:100%;box-sizing:border-box;margin:0;padding:.45rem .65rem;font:inherit;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-input-text);background:var(--app-color-surface, #fff);border:1px solid var(--ui-field-float-border, rgba(0, 0, 0, .12));border-radius:8px;outline:none}.multiselect-field__search-input:focus{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 2px var(--ui-field-float-focus-ring)}.multiselect-field__search-input::placeholder{color:var(--app-color-text-muted, #6b7280)}.multiselect-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);-webkit-overflow-scrolling:touch;box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.multiselect-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.multiselect-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.multiselect-field__option{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);cursor:pointer;color:var(--ui-field-float-input-text)}.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.multiselect-field__option--active:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.multiselect-field__option.multiselect-field__option--active.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.multiselect-field__option--disabled{opacity:.45;cursor:not-allowed}.multiselect-field__option:hover:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.multiselect-field__option.multiselect-field__option--selected:hover:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.multiselect-field__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem}.multiselect-field__check-icon{font-size:.85rem;line-height:1;color:var(--ui-field-float-border-focus)}.multiselect-field__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.multiselect-field__value-btn,.multiselect-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .multiselect-field__value-btn,:host ::ng-deep .base-field--size-sm .multiselect-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .multiselect-field__value-btn,:host ::ng-deep .base-field--size-lg .multiselect-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"], dependencies: [{ kind: "component", type: BaseFieldComponent, selector: "app-base-field", inputs: ["label", "errorMessage", "hint", "hintId", "required", "showRequiredMark", "invalid", "invalidThemed", "filled", "labelAlwaysFloated", "disabled", "readonly", "size", "inputId", "errorId", "showPrefixIcon", "prefixIcon", "clearable", "clearAriaLabel", "showSuffixSlot", "valueAlignEnd", "loading", "skeletonVariant", "mostrarMenuContexto", "contextMenuItems", "contextMenuId"], outputs: ["clear", "contextMenuSelect"] }, { kind: "component", type: DropdownBaseComponent, selector: "app-dropdown-base", inputs: ["open", "panelTemplate", "panelWidthPx", "closeOnEscape", "hasBackdrop", "connectedPositions", "pushConnectedOverlay", "flexibleConnectedOverlay", "connectedOverlayViewportMargin", "lockConnectedOverlayPosition", "scrollStrategy", "bareOverlayPanel"], outputs: ["openChange"] }, { kind: "component", type: SkeletonListComponent, selector: "app-skeleton-list", inputs: ["rows", "leading", "rowGap", "lineHeight", "animate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "optionsPanelTpl", first: true, predicate: ["optionsPanelTpl"], descendants: true, static: true }, { propertyName: "dropdownTriggerRootRef", first: true, predicate: ["dropdownFieldTriggerRoot"], descendants: true, read: ElementRef }, { propertyName: "nativeInputRef", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }, { propertyName: "dropdownBase", first: true, predicate: DropdownBaseComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-base-field [label]=\"displayLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"showSuffixSlot\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"multiselect-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      [lockConnectedOverlayPosition]=\"lockOverlayWhileOpen\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"multiselect-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"multiselect-field__value-btn\"\n          [class.multiselect-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"displayAriaLabel\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"multiselect-field__value\">{{ displaySummary }}</span>\n        </div>\n        <span class=\"multiselect-field__trigger-suffix\">\n          <ng-content select=\"[appMultiselectTriggerSuffix]\" />\n        </span>\n        <button type=\"button\" class=\"multiselect-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down multiselect-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n  <ng-content select=\"[appFieldSuffix]\" />\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"multiselect-field__panel-inner\" [ngStyle]=\"panelTypographyStyle\" (mousedown)=\"$event.preventDefault()\">\n    @if (searchable) {\n    <div class=\"multiselect-field__search-wrap\">\n      <input type=\"search\" class=\"multiselect-field__search-input\" [id]=\"panelSearchInputId\"\n        autocomplete=\"off\" spellcheck=\"false\" placeholder=\"Pesquisar\u2026\" aria-label=\"Pesquisar op\u00E7\u00F5es\"\n        [value]=\"panelSearchQuery\" (input)=\"onPanelSearchInput($event)\" (keydown)=\"onPanelSearchKeydown($event)\"\n        (blur)=\"onDropdownBlur($event)\" />\n    </div>\n    }\n  <div class=\"multiselect-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\" aria-multiselectable=\"true\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"multiselect-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"multiselect-field__option\" [class.multiselect-field__option--disabled]=\"optionSelectDisabled(opt)\"\n      [class.multiselect-field__option--selected]=\"isSelected(opt)\"\n      [class.multiselect-field__option--active]=\"!optionSelectDisabled(opt) && activeIndex === $index\"\n      [attr.tabindex]=\"optionSelectDisabled(opt) ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"toggleOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      <span class=\"multiselect-field__check\" aria-hidden=\"true\">\n        @if (isSelected(opt)) {\n        <i class=\"fa-solid fa-check multiselect-field__check-icon\"></i>\n        }\n      </span>\n      <span class=\"multiselect-field__option-label\">{{ opt.label }}</span>\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.multiselect-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.multiselect-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.multiselect-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__value-btn:focus,.multiselect-field__value-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__value-btn:not(.multiselect-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.multiselect-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__trigger-suffix{display:flex;flex-shrink:0;align-items:center;align-self:center;box-sizing:border-box;padding-top:3px}.multiselect-field__trigger-suffix:not(:has(>*)){display:none}.multiselect-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.multiselect-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.multiselect-field__chevron-btn:focus,.multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.multiselect-field--invalid .multiselect-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.multiselect-field--invalid .multiselect-field__chevron-btn .multiselect-field__chevron-icon{color:inherit}:host.multiselect-field--invalid .multiselect-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus,:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}:host.multiselect-field--invalid .multiselect-field__trigger-suffix{--ui-field-float-prefix-color: var(--ui-field-float-label-invalid-color);--ui-field-float-label-top-color: var(--ui-field-float-label-invalid-color);--ui-field-icon-slot-hover-bg: rgba(185, 28, 28, .12);color:var(--ui-field-float-label-invalid-color)}.multiselect-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.multiselect-field__panel-inner{display:flex;flex-direction:column;min-width:0;width:100%;box-sizing:border-box;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__search-wrap{flex-shrink:0;padding:.45rem .5rem .35rem;border-bottom:1px solid rgba(0,0,0,.08);box-sizing:border-box}.multiselect-field__search-input{width:100%;box-sizing:border-box;margin:0;padding:.45rem .65rem;font:inherit;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-input-text);background:var(--app-color-surface, #fff);border:1px solid var(--ui-field-float-border, rgba(0, 0, 0, .12));border-radius:8px;outline:none}.multiselect-field__search-input:focus{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 2px var(--ui-field-float-focus-ring)}.multiselect-field__search-input::placeholder{color:var(--app-color-text-muted, #6b7280)}.multiselect-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);-webkit-overflow-scrolling:touch;box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.multiselect-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.multiselect-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.multiselect-field__option{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);cursor:pointer;color:var(--ui-field-float-input-text)}.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.multiselect-field__option--active:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.multiselect-field__option.multiselect-field__option--active.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.multiselect-field__option--disabled{opacity:.45;cursor:not-allowed}.multiselect-field__option:hover:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.multiselect-field__option.multiselect-field__option--selected:hover:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.multiselect-field__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem}.multiselect-field__check-icon{font-size:.85rem;line-height:1;color:var(--ui-field-float-border-focus)}.multiselect-field__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.multiselect-field__value-btn,.multiselect-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .multiselect-field__value-btn,:host ::ng-deep .base-field--size-sm .multiselect-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .multiselect-field__value-btn,:host ::ng-deep .base-field--size-lg .multiselect-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"], dependencies: [{ kind: "component", type: BaseFieldComponent, selector: "app-base-field", inputs: ["label", "errorMessage", "hint", "hintId", "required", "showRequiredMark", "invalid", "invalidThemed", "filled", "labelAlwaysFloated", "disabled", "readonly", "size", "inputId", "errorId", "showPrefixIcon", "prefixIcon", "clearable", "clearAriaLabel", "showSuffixSlot", "valueAlignEnd", "loading", "skeletonVariant", "mostrarMenuContexto", "contextMenuItems", "contextMenuId"], outputs: ["clear", "contextMenuSelect"] }, { kind: "component", type: DropdownBaseComponent, selector: "app-dropdown-base", inputs: ["open", "panelTemplate", "panelWidthPx", "closeOnEscape", "hasBackdrop", "connectedPositions", "pushConnectedOverlay", "flexibleConnectedOverlay", "connectedOverlayViewportMargin", "lockConnectedOverlayPosition", "scrollStrategy", "bareOverlayPanel"], outputs: ["openChange"] }, { kind: "component", type: SkeletonListComponent, selector: "app-skeleton-list", inputs: ["rows", "leading", "rowGap", "lineHeight", "animate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
             type: Component,
@@ -8206,7 +8665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useExisting: forwardRef(() => MultiselectFieldComponent),
                             multi: true,
                         },
-                    ], template: "<app-base-field [label]=\"displayLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"showSuffixSlot\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"multiselect-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      [lockConnectedOverlayPosition]=\"lockOverlayWhileOpen\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"multiselect-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"multiselect-field__value-btn\"\n          [class.multiselect-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"displayAriaLabel\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"multiselect-field__value\">{{ displaySummary }}</span>\n        </div>\n        <span class=\"multiselect-field__trigger-suffix\">\n          <ng-content select=\"[appMultiselectTriggerSuffix]\" />\n        </span>\n        <button type=\"button\" class=\"multiselect-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down multiselect-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n  <ng-content select=\"[appFieldSuffix]\" />\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"multiselect-field__panel-inner\" [ngStyle]=\"panelTypographyStyle\" (mousedown)=\"$event.preventDefault()\">\n    @if (searchable) {\n    <div class=\"multiselect-field__search-wrap\">\n      <input type=\"search\" class=\"multiselect-field__search-input\" [id]=\"panelSearchInputId\"\n        autocomplete=\"off\" spellcheck=\"false\" placeholder=\"Pesquisar\u2026\" aria-label=\"Pesquisar op\u00E7\u00F5es\"\n        [value]=\"panelSearchQuery\" (input)=\"onPanelSearchInput($event)\" (keydown)=\"onPanelSearchKeydown($event)\"\n        (blur)=\"onDropdownBlur($event)\" />\n    </div>\n    }\n  <div class=\"multiselect-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\" aria-multiselectable=\"true\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"multiselect-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"multiselect-field__option\" [class.multiselect-field__option--disabled]=\"optionSelectDisabled(opt)\"\n      [class.multiselect-field__option--selected]=\"isSelected(opt)\"\n      [class.multiselect-field__option--active]=\"!optionSelectDisabled(opt) && activeIndex === $index\"\n      [attr.tabindex]=\"optionSelectDisabled(opt) ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"toggleOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      <span class=\"multiselect-field__check\" aria-hidden=\"true\">\n        @if (isSelected(opt)) {\n        <i class=\"fa-solid fa-check multiselect-field__check-icon\"></i>\n        }\n      </span>\n      <span class=\"multiselect-field__option-label\">{{ opt.label }}</span>\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.multiselect-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.multiselect-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.multiselect-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__value-btn:focus,.multiselect-field__value-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__value-btn:not(.multiselect-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.multiselect-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__trigger-suffix{display:flex;flex-shrink:0;align-items:center;align-self:center;box-sizing:border-box;padding-top:3px}.multiselect-field__trigger-suffix:not(:has(>*)){display:none}.multiselect-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.multiselect-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.multiselect-field__chevron-btn:focus,.multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.multiselect-field--invalid .multiselect-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.multiselect-field--invalid .multiselect-field__chevron-btn .multiselect-field__chevron-icon{color:inherit}:host.multiselect-field--invalid .multiselect-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus,:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}:host.multiselect-field--invalid .multiselect-field__trigger-suffix{--ui-field-float-prefix-color: var(--ui-field-float-label-invalid-color);--ui-field-float-label-top-color: var(--ui-field-float-label-invalid-color);--ui-field-icon-slot-hover-bg: rgba(185, 28, 28, .12);color:var(--ui-field-float-label-invalid-color)}.multiselect-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.multiselect-field__panel-inner{display:flex;flex-direction:column;min-width:0;width:100%;box-sizing:border-box;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__search-wrap{flex-shrink:0;padding:.45rem .5rem .35rem;border-bottom:1px solid rgba(0,0,0,.08);box-sizing:border-box}.multiselect-field__search-input{width:100%;box-sizing:border-box;margin:0;padding:.45rem .65rem;font:inherit;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-input-text);background:var(--app-color-surface, #fff);border:1px solid var(--ui-field-float-border, rgba(0, 0, 0, .12));border-radius:8px;outline:none}.multiselect-field__search-input:focus{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 2px var(--ui-field-float-focus-ring)}.multiselect-field__search-input::placeholder{color:var(--app-color-text-muted, #6b7280)}.multiselect-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);-webkit-overflow-scrolling:touch;box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.multiselect-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.multiselect-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.multiselect-field__option{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);cursor:pointer;color:var(--ui-field-float-input-text)}.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.multiselect-field__option--active:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.multiselect-field__option.multiselect-field__option--active.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.multiselect-field__option--disabled{opacity:.45;cursor:not-allowed}.multiselect-field__option:hover:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.multiselect-field__option.multiselect-field__option--selected:hover:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.multiselect-field__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem}.multiselect-field__check-icon{font-size:.85rem;line-height:1;color:var(--ui-field-float-border-focus)}.multiselect-field__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.multiselect-field__value-btn,.multiselect-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .multiselect-field__value-btn,:host ::ng-deep .base-field--size-sm .multiselect-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .multiselect-field__value-btn,:host ::ng-deep .base-field--size-lg .multiselect-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"] }]
+                    ], template: "<app-base-field [label]=\"displayLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [size]=\"effectiveFieldSize\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"requiredEffective\" [showRequiredMark]=\"showRequiredMark\" [invalid]=\"uiInvalid\" [invalidThemed]=\"invalidThemed\"\n  [inputId]=\"controlId\" [errorId]=\"errorElementId\" [hint]=\"hint\" [hintId]=\"hintElementId\" [showPrefixIcon]=\"showPrefixIcon\" [prefixIcon]=\"prefixIcon\"\n  [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"showSuffixSlot\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <div class=\"multiselect-field__wrap\">\n    <app-dropdown-base [open]=\"panelOpen\" [panelTemplate]=\"optionsPanelTpl\" [panelWidthPx]=\"panelOverlayWidth\"\n      [lockConnectedOverlayPosition]=\"lockOverlayWhileOpen\"\n      (openChange)=\"onDropdownOpenChange($event)\">\n      <div #dropdownFieldTriggerRoot class=\"multiselect-field__origin\" appDropdownTrigger\n        (keydown)=\"onTriggerKeydown($event)\">\n        <div\n          #nativeInput\n          role=\"combobox\"\n          class=\"multiselect-field__value-btn\"\n          [class.multiselect-field__value-btn--is-disabled]=\"disabled\"\n          [id]=\"controlId\"\n          [attr.name]=\"name || null\"\n          [attr.tabindex]=\"disabled || readonly ? -1 : 0\"\n          [attr.aria-disabled]=\"disabled ? true : null\"\n          [attr.aria-readonly]=\"readonly && !disabled ? true : null\"\n          [attr.aria-expanded]=\"panelOpen\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-controls]=\"panelOpen ? optionsListId : null\"\n          [attr.aria-invalid]=\"uiInvalid\"\n          [attr.aria-describedby]=\"uiAriaDescribedBy\"\n          [attr.aria-label]=\"displayAriaLabel\"\n          (click)=\"openToggle()\"\n          (blur)=\"onDropdownBlur($event)\"\n        >\n          <span class=\"multiselect-field__value\">{{ displaySummary }}</span>\n        </div>\n        <span class=\"multiselect-field__trigger-suffix\">\n          <ng-content select=\"[appMultiselectTriggerSuffix]\" />\n        </span>\n        <button type=\"button\" class=\"multiselect-field__chevron-btn\" tabindex=\"-1\" [disabled]=\"disabled || readonly\"\n          [attr.aria-expanded]=\"panelOpen\" aria-haspopup=\"listbox\" aria-label=\"Abrir lista de op\u00E7\u00F5es\"\n          (click)=\"openToggle()\" (blur)=\"onDropdownBlur($event)\">\n          <i class=\"fa-solid fa-chevron-down multiselect-field__chevron-icon\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </app-dropdown-base>\n  </div>\n  <ng-content select=\"[appFieldSuffix]\" />\n</app-base-field>\n\n<ng-template #optionsPanelTpl>\n  <div class=\"multiselect-field__panel-inner\" [ngStyle]=\"panelTypographyStyle\" (mousedown)=\"$event.preventDefault()\">\n    @if (searchable) {\n    <div class=\"multiselect-field__search-wrap\">\n      <input type=\"search\" class=\"multiselect-field__search-input\" [id]=\"panelSearchInputId\"\n        autocomplete=\"off\" spellcheck=\"false\" placeholder=\"Pesquisar\u2026\" aria-label=\"Pesquisar op\u00E7\u00F5es\"\n        [value]=\"panelSearchQuery\" (input)=\"onPanelSearchInput($event)\" (keydown)=\"onPanelSearchKeydown($event)\"\n        (blur)=\"onDropdownBlur($event)\" />\n    </div>\n    }\n  <div class=\"multiselect-field__list\" [id]=\"optionsListId\" role=\"listbox\" tabindex=\"-1\" aria-multiselectable=\"true\"\n    (blur)=\"onDropdownBlur($event)\" (keydown)=\"onListKeydown($event)\" (scroll)=\"onOptionsListScroll($event)\">\n    @if (listOptions.length === 0 && (optionsLoading || (pagination && loadingMore))) {\n    <app-skeleton-list [rows]=\"1\" />\n    }\n    @if (listOptions.length === 0 && !optionsLoading && !(pagination && loadingMore)) {\n    <div class=\"multiselect-field__empty\" role=\"status\" aria-live=\"polite\">{{ emptyOptionsMessage }}</div>\n    }\n    @for (opt of listOptions; track trackOption($index, opt)) {\n    <div role=\"option\" class=\"multiselect-field__option\" [class.multiselect-field__option--disabled]=\"optionSelectDisabled(opt)\"\n      [class.multiselect-field__option--selected]=\"isSelected(opt)\"\n      [class.multiselect-field__option--active]=\"!optionSelectDisabled(opt) && activeIndex === $index\"\n      [attr.tabindex]=\"optionSelectDisabled(opt) ? null : -1\" [attr.aria-selected]=\"isSelected(opt)\" (click)=\"toggleOption(opt)\"\n      (keydown)=\"onOptionRowKeydown($event, opt)\">\n      <span class=\"multiselect-field__check\" aria-hidden=\"true\">\n        @if (isSelected(opt)) {\n        <i class=\"fa-solid fa-check multiselect-field__check-icon\"></i>\n        }\n      </span>\n      <span class=\"multiselect-field__option-label\">{{ opt.label }}</span>\n    </div>\n    }\n    @if (options.length > 0 && pagination && loadingMore) {\n    <app-skeleton-list [rows]=\"1\" [leading]=\"false\" />\n    }\n  </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@keyframes structraNativeAutofillStart{0%{opacity:1}to{opacity:1}}:host{display:block;width:100%;box-sizing:border-box}:host ::ng-deep .base-field:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}:host ::ng-deep .base-field--invalid:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}:host ::ng-deep .base-field.base-field--readonly:not(.base-field--invalid):not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}:host ::ng-deep .base-field.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.multiselect-field__wrap{display:flex;flex:1;align-items:stretch;align-self:stretch;min-width:0;width:100%;box-sizing:border-box}.multiselect-field__origin{display:flex;align-items:center;align-self:stretch;min-width:0;width:100%;min-height:calc(1.8rem + 1.35em);box-sizing:border-box}.multiselect-field__value-btn{flex:1;min-width:0;margin:0;box-sizing:border-box;min-height:calc(1.8rem + 1.35em);padding:1.35rem .35rem .45rem .75rem;text-align:left;color:var(--ui-field-float-input-text);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__value-btn:focus,.multiselect-field__value-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__value-btn--is-disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity);pointer-events:none}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__value-btn:not(.multiselect-field__value-btn--is-disabled){color:var(--ui-field-readonly-input-text);-webkit-text-fill-color:var(--ui-field-readonly-input-text)}:host ::ng-deep .base-field--readonly:not(.base-field--disabled) .multiselect-field__chevron-btn:disabled{opacity:1;cursor:default;color:var(--ui-field-readonly-prefix-color)}.multiselect-field__value{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text}.multiselect-field__trigger-suffix{display:flex;flex-shrink:0;align-items:center;align-self:center;box-sizing:border-box;padding-top:3px}.multiselect-field__trigger-suffix:not(:has(>*)){display:none}.multiselect-field__chevron-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:2rem;height:2rem;margin:0 .1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.multiselect-field__chevron-btn:hover:not(:disabled){background:#5a7fa31f;color:var(--ui-field-float-label-top-color)}.multiselect-field__chevron-btn:focus,.multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}.multiselect-field__chevron-btn:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}:host.multiselect-field--invalid .multiselect-field__chevron-btn{color:var(--ui-field-float-label-invalid-color)}:host.multiselect-field--invalid .multiselect-field__chevron-btn .multiselect-field__chevron-icon{color:inherit}:host.multiselect-field--invalid .multiselect-field__chevron-btn:hover:not(:disabled){background:#b91c1c1f}:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus,:host.multiselect-field--invalid .multiselect-field__chevron-btn:focus-visible{outline:none;box-shadow:none}:host.multiselect-field--invalid .multiselect-field__trigger-suffix{--ui-field-float-prefix-color: var(--ui-field-float-label-invalid-color);--ui-field-float-label-top-color: var(--ui-field-float-label-invalid-color);--ui-field-icon-slot-hover-bg: rgba(185, 28, 28, .12);color:var(--ui-field-float-label-invalid-color)}.multiselect-field__chevron-icon{display:inline-flex;align-items:center;justify-content:center;padding-top:2px;font-size:.8rem;line-height:1}.multiselect-field__panel-inner{display:flex;flex-direction:column;min-width:0;width:100%;box-sizing:border-box;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__search-wrap{flex-shrink:0;padding:.45rem .5rem .35rem;border-bottom:1px solid rgba(0,0,0,.08);box-sizing:border-box}.multiselect-field__search-input{width:100%;box-sizing:border-box;margin:0;padding:.45rem .65rem;font:inherit;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-input-text);background:var(--app-color-surface, #fff);border:1px solid var(--ui-field-float-border, rgba(0, 0, 0, .12));border-radius:8px;outline:none}.multiselect-field__search-input:focus{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 2px var(--ui-field-float-focus-ring)}.multiselect-field__search-input::placeholder{color:var(--app-color-text-muted, #6b7280)}.multiselect-field__list{margin:0;padding:.25rem 0;width:100%;flex:0 1 auto;min-height:0;max-height:min(320px,45vh);-webkit-overflow-scrolling:touch;box-sizing:border-box;list-style:none;outline:none;overflow-x:hidden;overflow-y:auto;background:var(--app-color-nav-surface, var(--app-color-surface, #fff))}.multiselect-field__empty{margin:0;padding:.85rem .75rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);font-weight:var(--structra-body-weight, 400);color:var(--app-color-text-muted, #6b7280);user-select:none;-webkit-user-select:none}.multiselect-field__loading{padding:.65rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);color:var(--ui-field-float-label-color);text-align:center}.multiselect-field__loading--footer{border-top:1px solid rgba(0,0,0,.06)}.multiselect-field__option{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:var(--structra-field-input-font-size, .875rem);line-height:var(--structra-field-input-line-height, 1.35);cursor:pointer;color:var(--ui-field-float-input-text)}.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg)}.multiselect-field__option--active:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-highlight-bg)}.multiselect-field__option.multiselect-field__option--active.multiselect-field__option--selected:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-bg-active)}.multiselect-field__option--disabled{opacity:.45;cursor:not-allowed}.multiselect-field__option:hover:not(.multiselect-field__option--disabled):not(.multiselect-field__option--selected){background:var(--app-color-dropdown-option-hover-bg)}.multiselect-field__option.multiselect-field__option--selected:hover:not(.multiselect-field__option--disabled){background:var(--app-color-dropdown-option-selected-hover-bg)}.multiselect-field__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem}.multiselect-field__check-icon{font-size:.85rem;line-height:1;color:var(--ui-field-float-border-focus)}.multiselect-field__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.multiselect-field__value-btn,.multiselect-field__input{--structra-field-input-font-size: 1rem;--structra-field-input-line-height: 1.35;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height);font-family:inherit;font-weight:var(--field-value-weight, var(--structra-body-weight));-webkit-text-size-adjust:100%}:host ::ng-deep .base-field--size-sm .multiselect-field__value-btn,:host ::ng-deep .base-field--size-sm .multiselect-field__input{--structra-field-input-font-size: .8125rem;--structra-field-input-line-height: 1.25;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}:host ::ng-deep .base-field--size-lg .multiselect-field__value-btn,:host ::ng-deep .base-field--size-lg .multiselect-field__input{--structra-field-input-font-size: 1.0625rem;--structra-field-input-line-height: 1.4;font-size:var(--structra-field-input-font-size);line-height:var(--structra-field-input-line-height)}\n"] }]
         }], propDecorators: { hostInvalidClass: [{
                 type: HostBinding,
                 args: ['class.multiselect-field--invalid']
@@ -19258,11 +19717,11 @@ class MenuListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MenuListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MenuListComponent, isStandalone: true, selector: "app-menu-list", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: false, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: false, isRequired: false, transformFunction: null }, compressText: { classPropertyName: "compressText", publicName: "compressText", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, popupOptionAlign: { classPropertyName: "popupOptionAlign", publicName: "popupOptionAlign", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, clickToOpen: { classPropertyName: "clickToOpen", publicName: "clickToOpen", isSignal: false, isRequired: false, transformFunction: null }, groupCollapsible: { classPropertyName: "groupCollapsible", publicName: "groupCollapsible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, groupDefaultExpansion: { classPropertyName: "groupDefaultExpansion", publicName: "groupDefaultExpansion", isSignal: false, isRequired: false, transformFunction: null }, persistGroupExpansion: { classPropertyName: "persistGroupExpansion", publicName: "persistGroupExpansion", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, limparAposPesquisar: { classPropertyName: "limparAposPesquisar", publicName: "limparAposPesquisar", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect", closeRequest: "closeRequest", submenuBack: "submenuBack", groupToggled: "groupToggled", selectionScrollHint: "selectionScrollHint" }, viewQueries: [{ propertyName: "body", first: true, predicate: MenuListBodyComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<app-menu-list-body\n  [items]=\"displayItems\"\n  [menuId]=\"menuId\"\n  [nested]=\"nested\"\n  [dense]=\"dense\"\n  [compressText]=\"compressText\"\n  [popupOptionAlign]=\"popupOptionAlign\"\n  [groupCollapsible]=\"groupCollapsible\"\n  [groupDefaultExpansion]=\"groupDefaultExpansion\"\n  [persistGroupExpansion]=\"persistGroupExpansion\"\n  [clickToOpen]=\"clickToOpen\"\n  [selectedItemId]=\"selectedItemId\"\n  [appTheme]=\"appTheme()\"\n  [expandAllGroupsInitially]=\"expandAllGroupsWhenSearching\"\n  (itemSelect)=\"onMenuItemSelect($event)\"\n  (closeRequest)=\"closeRequest.emit()\"\n  (submenuBack)=\"submenuBack.emit()\"\n  (groupToggled)=\"groupToggled.emit($event)\"\n  (selectionScrollHint)=\"selectionScrollHint.emit()\"\n>\n  @if (showSearchField) {\n    <div class=\"menu-list__search\" role=\"search\">\n      <app-text-field\n        class=\"menu-list__search-field\"\n        [id]=\"menuId + '-search'\"\n        [name]=\"menuId + '-menu-search'\"\n        size=\"sm\"\n        [ngModel]=\"searchQuery\"\n        (ngModelChange)=\"onSearchQueryInput($event)\"\n        [placeholder]=\"searchPlaceholder\"\n        [label]=\"''\"\n        [showPrefixIcon]=\"true\"\n        prefixIcon=\"fa-solid fa-magnifying-glass\"\n        [clearable]=\"true\"\n        [autocomplete]=\"false\"\n      />\n    </div>\n  }\n  @if (showSearchNoResults) {\n    <p class=\"menu-list__search-empty\">Nenhum item encontrado</p>\n  }\n</app-menu-list-body>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.5rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.1875rem)}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextFieldComponent, selector: "app-text-field", inputs: ["maxLength", "nativeInputType"] }, { kind: "component", type: MenuListBodyComponent, selector: "app-menu-list-body", inputs: ["appTheme", "items", "menuId", "dense", "nested", "selectedItemId", "compressText", "popupOptionAlign", "clickToOpen", "groupCollapsible", "groupDefaultExpansion", "persistGroupExpansion", "expandAllGroupsInitially"], outputs: ["selectionScrollHint", "itemSelect", "closeRequest", "submenuBack", "groupToggled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MenuListComponent, isStandalone: true, selector: "app-menu-list", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: false, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: false, isRequired: false, transformFunction: null }, compressText: { classPropertyName: "compressText", publicName: "compressText", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, popupOptionAlign: { classPropertyName: "popupOptionAlign", publicName: "popupOptionAlign", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, clickToOpen: { classPropertyName: "clickToOpen", publicName: "clickToOpen", isSignal: false, isRequired: false, transformFunction: null }, groupCollapsible: { classPropertyName: "groupCollapsible", publicName: "groupCollapsible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, groupDefaultExpansion: { classPropertyName: "groupDefaultExpansion", publicName: "groupDefaultExpansion", isSignal: false, isRequired: false, transformFunction: null }, persistGroupExpansion: { classPropertyName: "persistGroupExpansion", publicName: "persistGroupExpansion", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, limparAposPesquisar: { classPropertyName: "limparAposPesquisar", publicName: "limparAposPesquisar", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect", closeRequest: "closeRequest", submenuBack: "submenuBack", groupToggled: "groupToggled", selectionScrollHint: "selectionScrollHint" }, viewQueries: [{ propertyName: "body", first: true, predicate: MenuListBodyComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<app-menu-list-body\n  [items]=\"displayItems\"\n  [menuId]=\"menuId\"\n  [nested]=\"nested\"\n  [dense]=\"dense\"\n  [compressText]=\"compressText\"\n  [popupOptionAlign]=\"popupOptionAlign\"\n  [groupCollapsible]=\"groupCollapsible\"\n  [groupDefaultExpansion]=\"groupDefaultExpansion\"\n  [persistGroupExpansion]=\"persistGroupExpansion\"\n  [clickToOpen]=\"clickToOpen\"\n  [selectedItemId]=\"selectedItemId\"\n  [appTheme]=\"appTheme()\"\n  [expandAllGroupsInitially]=\"expandAllGroupsWhenSearching\"\n  (itemSelect)=\"onMenuItemSelect($event)\"\n  (closeRequest)=\"closeRequest.emit()\"\n  (submenuBack)=\"submenuBack.emit()\"\n  (groupToggled)=\"groupToggled.emit($event)\"\n  (selectionScrollHint)=\"selectionScrollHint.emit()\"\n>\n  @if (showSearchField) {\n    <div class=\"menu-list__search\" role=\"search\">\n      <app-text-field\n        class=\"menu-list__search-field\"\n        [id]=\"menuId + '-search'\"\n        [name]=\"menuId + '-menu-search'\"\n        size=\"sm\"\n        [ngModel]=\"searchQuery\"\n        (ngModelChange)=\"onSearchQueryInput($event)\"\n        [placeholder]=\"searchPlaceholder\"\n        [label]=\"''\"\n        [showPrefixIcon]=\"true\"\n        prefixIcon=\"fa-solid fa-magnifying-glass\"\n        [clearable]=\"true\"\n        [autocomplete]=\"false\"\n      />\n    </div>\n  }\n  @if (showSearchNoResults) {\n    <p class=\"menu-list__search-empty\">Nenhum item encontrado</p>\n  }\n</app-menu-list-body>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.48rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.14rem)}@media(max-width:767.98px){:host-context(.app-drawer__body) .menu-list{padding:.32rem 0;gap:.28rem}:host-context(.app-drawer__body) .menu-list__items{gap:.06rem}}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextFieldComponent, selector: "app-text-field", inputs: ["maxLength", "nativeInputType"] }, { kind: "component", type: MenuListBodyComponent, selector: "app-menu-list-body", inputs: ["appTheme", "items", "menuId", "dense", "nested", "selectedItemId", "compressText", "popupOptionAlign", "clickToOpen", "groupCollapsible", "groupDefaultExpansion", "persistGroupExpansion", "expandAllGroupsInitially"], outputs: ["selectionScrollHint", "itemSelect", "closeRequest", "submenuBack", "groupToggled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MenuListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-menu-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, TextFieldComponent, MenuListBodyComponent], template: "<app-menu-list-body\n  [items]=\"displayItems\"\n  [menuId]=\"menuId\"\n  [nested]=\"nested\"\n  [dense]=\"dense\"\n  [compressText]=\"compressText\"\n  [popupOptionAlign]=\"popupOptionAlign\"\n  [groupCollapsible]=\"groupCollapsible\"\n  [groupDefaultExpansion]=\"groupDefaultExpansion\"\n  [persistGroupExpansion]=\"persistGroupExpansion\"\n  [clickToOpen]=\"clickToOpen\"\n  [selectedItemId]=\"selectedItemId\"\n  [appTheme]=\"appTheme()\"\n  [expandAllGroupsInitially]=\"expandAllGroupsWhenSearching\"\n  (itemSelect)=\"onMenuItemSelect($event)\"\n  (closeRequest)=\"closeRequest.emit()\"\n  (submenuBack)=\"submenuBack.emit()\"\n  (groupToggled)=\"groupToggled.emit($event)\"\n  (selectionScrollHint)=\"selectionScrollHint.emit()\"\n>\n  @if (showSearchField) {\n    <div class=\"menu-list__search\" role=\"search\">\n      <app-text-field\n        class=\"menu-list__search-field\"\n        [id]=\"menuId + '-search'\"\n        [name]=\"menuId + '-menu-search'\"\n        size=\"sm\"\n        [ngModel]=\"searchQuery\"\n        (ngModelChange)=\"onSearchQueryInput($event)\"\n        [placeholder]=\"searchPlaceholder\"\n        [label]=\"''\"\n        [showPrefixIcon]=\"true\"\n        prefixIcon=\"fa-solid fa-magnifying-glass\"\n        [clearable]=\"true\"\n        [autocomplete]=\"false\"\n      />\n    </div>\n  }\n  @if (showSearchNoResults) {\n    <p class=\"menu-list__search-empty\">Nenhum item encontrado</p>\n  }\n</app-menu-list-body>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.5rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.1875rem)}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"] }]
+            args: [{ selector: 'app-menu-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, TextFieldComponent, MenuListBodyComponent], template: "<app-menu-list-body\n  [items]=\"displayItems\"\n  [menuId]=\"menuId\"\n  [nested]=\"nested\"\n  [dense]=\"dense\"\n  [compressText]=\"compressText\"\n  [popupOptionAlign]=\"popupOptionAlign\"\n  [groupCollapsible]=\"groupCollapsible\"\n  [groupDefaultExpansion]=\"groupDefaultExpansion\"\n  [persistGroupExpansion]=\"persistGroupExpansion\"\n  [clickToOpen]=\"clickToOpen\"\n  [selectedItemId]=\"selectedItemId\"\n  [appTheme]=\"appTheme()\"\n  [expandAllGroupsInitially]=\"expandAllGroupsWhenSearching\"\n  (itemSelect)=\"onMenuItemSelect($event)\"\n  (closeRequest)=\"closeRequest.emit()\"\n  (submenuBack)=\"submenuBack.emit()\"\n  (groupToggled)=\"groupToggled.emit($event)\"\n  (selectionScrollHint)=\"selectionScrollHint.emit()\"\n>\n  @if (showSearchField) {\n    <div class=\"menu-list__search\" role=\"search\">\n      <app-text-field\n        class=\"menu-list__search-field\"\n        [id]=\"menuId + '-search'\"\n        [name]=\"menuId + '-menu-search'\"\n        size=\"sm\"\n        [ngModel]=\"searchQuery\"\n        (ngModelChange)=\"onSearchQueryInput($event)\"\n        [placeholder]=\"searchPlaceholder\"\n        [label]=\"''\"\n        [showPrefixIcon]=\"true\"\n        prefixIcon=\"fa-solid fa-magnifying-glass\"\n        [clearable]=\"true\"\n        [autocomplete]=\"false\"\n      />\n    </div>\n  }\n  @if (showSearchNoResults) {\n    <p class=\"menu-list__search-empty\">Nenhum item encontrado</p>\n  }\n</app-menu-list-body>\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list{background:var(--app-color-surface, #ffffff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:10px;box-shadow:0 10px 28px -14px #0f172a29;max-height:min(70vh,22rem);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:.35rem;padding:.45rem 0;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-list--dense{padding:.2rem 0;gap:0}.menu-list--dense .menu-list__items{gap:0}.menu-list--dense.menu-list--compress-text .menu-list__items{gap:.25rem}.menu-list--nested{padding-top:4px;padding-bottom:4px;gap:0}.menu-list__toolbar{flex:0 0 auto;min-width:0}.menu-list__toolbar:empty,.menu-list__toolbar:not(:has(>*)){display:none}.menu-list.menu-list--popup-option-align:not(.menu-list--nested){gap:0}.menu-list__viewport{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.menu-list__viewport::-webkit-scrollbar{width:4px;height:4px}.menu-list__viewport::-webkit-scrollbar-track{background:transparent}.menu-list__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.menu-list__viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}.menu-list__items{display:flex;flex-direction:column;gap:.12rem;min-width:0}.menu-list__search{margin:0 .35rem .12rem;min-width:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.menu-list__search-field{display:block;width:100%}.menu-list__search-empty{margin:.4rem .35rem .2rem;padding:0 .5rem .35rem;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--app-color-text-muted, #6b8299);opacity:.88}.menu-list__group-row{display:block;width:100%}.menu-list__group-row--pinned .menu-list__group-label{color:var(--app-color-nav-group-heading, #9ca3af)}.menu-list__group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.menu-list__group-body--open{grid-template-rows:1fr}.menu-list__group-body-inner{min-height:0;overflow:hidden}.menu-list__group-body:not(.menu-list__group-body--open) .menu-list__group-body-inner{pointer-events:none}.menu-list__submenu-wrap{position:relative;display:block}.menu-list__option{display:flex;align-items:center;box-sizing:border-box;gap:.6875rem;margin:0 .25rem;padding:.5625rem .65rem;border-radius:8px;cursor:pointer;color:var(--app-color-text-primary, #1a2f45);background:transparent;border:1px solid transparent;text-align:left;font:inherit;line-height:1.25;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-list__option:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:1px}.menu-list__option:hover:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0b}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading){background:#0f172a0e;border-color:transparent}.menu-list__option.menu-list__option--active:not(.menu-list__option--disabled):not(.menu-list__option--loading):not(.menu-list__option--selected){box-shadow:none}.menu-list__option.menu-list__option--disabled{cursor:not-allowed;color:var(--app-color-text-muted, #6b8299);background:transparent;opacity:.72}.menu-list__option.menu-list__option--loading{cursor:wait;opacity:.92;pointer-events:none}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading){color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading):hover,.menu-list__option.menu-list__option--danger:not(.menu-list__option--disabled):not(.menu-list__option--loading).menu-list__option--active{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));border-color:transparent;box-shadow:none}.menu-list__option--submenu{padding-right:.35rem}.menu-list__option--selected:not(.menu-list__option--disabled){background:color-mix(in srgb,var(--app-color-primary) 10%,transparent);border-radius:8px;border-color:transparent;box-shadow:inset 2px 0 0 0 var(--app-color-primary, #2b7fd9)}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__label{color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 88%,var(--app-color-nav-option-label, #374151));font-weight:500}.menu-list__option--selected:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-primary, #2b7fd9)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__label{color:var(--app-color-error, #b91c1c)}.menu-list .menu-list__option.menu-list__option--selected.menu-list__option--danger:not(.menu-list__option--disabled) .menu-list__icon{color:var(--app-color-error, #b91c1c)}.menu-list__option:not(.menu-list__option--danger):not(.menu-list__option--disabled):not(.menu-list__option--selected) .menu-list__label{color:var(--app-color-nav-option-label, #374151)}.menu-list--compress-text .menu-list__label,.menu-list--compress-text .menu-list__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-list--compress-text .menu-list__text,.menu-list--compress-text .menu-list__submenu-chevron{display:none}.menu-list--compress-text .menu-list__submenu-wrap{width:100%}.menu-list--compress-text .menu-list__option{justify-content:center;align-items:center;text-align:center;width:var(--structra-sidebar-item-size-collapsed, 44px);height:var(--structra-sidebar-item-size-collapsed, 44px);min-height:var(--structra-sidebar-item-size-collapsed, 44px);max-width:100%;box-sizing:border-box;margin-inline:auto;padding:0}.menu-list--compress-text .menu-list__option--submenu{padding:0}.menu-list--compress-text .menu-list__icon{flex:0 0 auto;width:auto;min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding-top:0}.menu-list__submenu-chevron{flex:0 0 auto;margin-left:auto;padding-left:.35rem;font-size:1rem;line-height:1;color:var(--app-color-text-muted, #6b8299);opacity:.85;display:inline-flex;align-items:center;justify-content:center}.menu-list__submenu-chevron i{font-size:.68rem;line-height:1}.menu-list__icon{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--app-color-primary, #2b7fd9) 78%,var(--app-color-text-muted, #6b8299));line-height:1;transition:color .18s ease,opacity .18s ease}.menu-list__icon i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:.95rem;margin-block:auto;flex-shrink:0}.menu-list__option--disabled .menu-list__icon{opacity:.55}.menu-list__icon--spin i{animation:menu-list-spin .8s linear infinite}.menu-list__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.menu-list__label{font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;align-items:center;min-height:1.25rem;box-sizing:border-box;padding-top:.5rem!important}.menu-list--nested .menu-list__label{font-weight:400;padding-top:.5rem!important}.menu-list--nested .menu-list__icon{transform:translateY(.125rem)}.menu-list__description{font-size:.75rem;color:var(--app-color-text-muted, #6b8299);line-height:1.3}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__label{padding-top:.0625rem!important;min-height:1.25rem;box-sizing:border-box}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__text{justify-content:center}.menu-list.menu-list--popup-option-align:not(.menu-list--compress-text) .menu-list__icon{transform:none!important}.menu-list:not(.menu-list--compress-text){animation:app-sidebar-nav-reveal-in .45s cubic-bezier(.16,1,.32,1) both}@media(prefers-reduced-motion:reduce){.menu-list:not(.menu-list--compress-text){animation:none}}:host-context(.app-drawer__body) .menu-list__label{padding-top:.48rem!important}:host-context(.app-drawer__body) .menu-list__icon{transform:translateY(.14rem)}@media(max-width:767.98px){:host-context(.app-drawer__body) .menu-list{padding:.32rem 0;gap:.28rem}:host-context(.app-drawer__body) .menu-list__items{gap:.06rem}}@media(max-width:767.98px){.menu-list.menu-list--nested .menu-list__label{padding-top:.4rem!important}.menu-list.menu-list--nested .menu-list__icon{transform:translateY(.1875rem)}}.menu-submenu__panel{box-sizing:border-box;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:10px;overflow:hidden}@media(prefers-reduced-motion:reduce){.menu-list__group-body{transition:none}}@keyframes menu-list-spin{to{transform:rotate(360deg)}}:host ::ng-deep .menu-submenu__cdk-panel{background:transparent;box-shadow:none;border-radius:10px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "appTheme", required: false }] }], items: [{
                 type: Input,
                 args: [{ required: true }]
@@ -19553,14 +20012,14 @@ class DrawerComponent {
         this.focusPreOpen = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DrawerComponent, isStandalone: true, selector: "app-drawer", inputs: { open: ["open", "open", booleanAttribute], side: "side", size: "size", drawerHeading: ["title", "drawerHeading"], showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { properties: { "class.app-drawer-host--open": "open" }, classAttribute: "app-drawer-host" }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panelRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <div\n    class=\"app-drawer__backdrop\"\n    role=\"presentation\"\n    tabindex=\"-1\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <aside\n    #panelRef\n    class=\"app-drawer__panel\"\n    [ngClass]=\"panelClasses\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-labelledby]=\"drawerHeading.trim() ? titleId : null\"\n    tabindex=\"-1\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <header\n      class=\"app-drawer__header\"\n      [class.app-drawer__header--no-title]=\"!drawerHeading.trim()\"\n    >\n      @if (drawerHeading.trim()) {\n        <h2 class=\"app-drawer__title\" [id]=\"titleId\">{{ drawerHeading }}</h2>\n      }\n      @if (showCloseButton) {\n        <button\n          type=\"button\"\n          class=\"app-drawer__close\"\n          aria-label=\"Fechar painel\"\n          (click)=\"onCloseClick()\"\n        >\n          <span class=\"app-drawer__close-x\" aria-hidden=\"true\">&times;</span>\n        </button>\n      }\n    </header>\n\n    <div class=\"app-drawer__body\">\n      <ng-content />\n    </div>\n\n    <footer class=\"app-drawer__footer\">\n      <ng-content select=\"[appDrawerFooter]\" />\n    </footer>\n  </aside>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-drawer__backdrop{position:fixed;inset:0;z-index:var(--app-z-drawer-backdrop, 1100);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:app-drawer-backdrop-in .22s ease-out both}@keyframes app-drawer-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}}.app-drawer__panel{position:fixed;z-index:var(--app-z-drawer-panel, 1101);display:flex;flex-direction:column;max-width:100vw;max-height:100vh;box-sizing:border-box;background:var(--app-color-surface, #fff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:-4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));outline:none}.app-drawer__panel--side-right{top:0;right:0;bottom:0;animation:app-drawer-slide-in-right .24s ease-out}.app-drawer__panel--side-left{top:0;left:0;bottom:0;animation:app-drawer-slide-in-left .24s ease-out;box-shadow:4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));border-right:none}.app-drawer__panel--side-bottom{inset:auto 0 0;max-height:min(88vh,32rem);border-radius:8px 8px 0 0;animation:app-drawer-slide-in-bottom .24s ease-out}.app-drawer__panel--side-right.app-drawer__panel--size-sm,.app-drawer__panel--side-left.app-drawer__panel--size-sm{width:min(18rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-md,.app-drawer__panel--side-left.app-drawer__panel--size-md{width:min(24rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-lg,.app-drawer__panel--side-left.app-drawer__panel--size-lg{width:min(32rem,90vw)}.app-drawer__panel--side-bottom.app-drawer__panel--size-sm{min-height:12rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-md{min-height:16rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-lg{min-height:22rem}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title{position:absolute;z-index:25;inset:.38rem .38rem auto auto;width:auto;max-width:none;padding:0;margin:0;pointer-events:none;flex:0 0 auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title .app-drawer__close{pointer-events:auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__body ::ng-deep app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-inline-end:2.35rem!important;padding-inline-start:.3rem!important;box-sizing:border-box}@keyframes app-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;flex:0 0 auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__header--no-title{justify-content:flex-end;padding-top:.65rem;padding-bottom:.65rem}.app-drawer__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3;flex:1;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__close{flex:0 0 auto;width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:color-mix(in srgb,var(--app-color-text-primary) 6%,transparent);color:var(--app-color-text-secondary, #5a7fa3);cursor:pointer;margin:0;padding:0;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.app-drawer__close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-drawer__close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-drawer__close-x{font-size:1.35rem;line-height:1;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;pointer-events:none}.app-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;color:var(--app-color-text-primary, #1a2f45);font-size:.9rem;line-height:1.5;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.app-drawer__body::-webkit-scrollbar{width:4px;height:4px}.app-drawer__body::-webkit-scrollbar-track{background:transparent}.app-drawer__body::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.app-drawer__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}@media(max-width:767.98px){.app-drawer__body{scrollbar-width:none;-ms-overflow-style:none}.app-drawer__body::-webkit-scrollbar{width:0;height:0;display:none}.app-drawer__body::-webkit-scrollbar-thumb,.app-drawer__body::-webkit-scrollbar-track{display:none}}.app-drawer__body:has(app-sidebar){padding:.35rem .12rem .45rem;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative;z-index:0}.app-drawer__body:has(app-sidebar)>*{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;display:flex;flex-direction:column}.app-drawer__body:has(app-sidebar) app-sidebar{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;width:100%}.app-drawer__body ::ng-deep app-sidebar .app-sidebar{border-right:0;padding:.38rem .1rem .45rem}.app-drawer__body ::ng-deep app-sidebar .app-sidebar__toolbar app-shell-sidebar-toggle{display:none!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__option{margin-left:.12rem;margin-right:.12rem;padding:.5rem .36rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__submenu-chevron{padding-left:.18rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__label{padding-top:.72rem!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__icon{transform:translateY(.1875rem)}.app-drawer__footer{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-drawer__footer:empty{display:none;padding:0;border:none}@media(prefers-reduced-motion:reduce){.app-drawer__backdrop{animation:none}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DrawerComponent, isStandalone: true, selector: "app-drawer", inputs: { open: ["open", "open", booleanAttribute], side: "side", size: "size", drawerHeading: ["title", "drawerHeading"], showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { properties: { "class.app-drawer-host--open": "open" }, classAttribute: "app-drawer-host" }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panelRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <div\n    class=\"app-drawer__backdrop\"\n    role=\"presentation\"\n    tabindex=\"-1\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <aside\n    #panelRef\n    class=\"app-drawer__panel\"\n    [ngClass]=\"panelClasses\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-labelledby]=\"drawerHeading.trim() ? titleId : null\"\n    tabindex=\"-1\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <header\n      class=\"app-drawer__header\"\n      [class.app-drawer__header--no-title]=\"!drawerHeading.trim()\"\n    >\n      @if (drawerHeading.trim()) {\n        <h2 class=\"app-drawer__title\" [id]=\"titleId\">{{ drawerHeading }}</h2>\n      }\n      @if (showCloseButton) {\n        <button\n          type=\"button\"\n          class=\"app-drawer__close\"\n          aria-label=\"Fechar painel\"\n          (click)=\"onCloseClick()\"\n        >\n          <span class=\"app-drawer__close-x\" aria-hidden=\"true\">&times;</span>\n        </button>\n      }\n    </header>\n\n    <div class=\"app-drawer__body\">\n      <ng-content />\n    </div>\n\n    <footer class=\"app-drawer__footer\">\n      <ng-content select=\"[appDrawerFooter]\" />\n    </footer>\n  </aside>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-drawer__backdrop{position:fixed;inset:0;z-index:var(--app-z-drawer-backdrop, 1100);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:app-drawer-backdrop-in .22s ease-out both}@keyframes app-drawer-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}}.app-drawer__panel{position:fixed;z-index:var(--app-z-drawer-panel, 1101);display:flex;flex-direction:column;max-width:100vw;max-height:100vh;box-sizing:border-box;background:var(--app-color-surface, #fff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:-4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));outline:none}.app-drawer__panel--side-right{top:0;right:0;bottom:0;animation:app-drawer-slide-in-right .24s ease-out}.app-drawer__panel--side-left{top:0;left:0;bottom:0;animation:app-drawer-slide-in-left .24s ease-out;box-shadow:4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));border-right:none}.app-drawer__panel--side-bottom{inset:auto 0 0;max-height:min(88vh,32rem);border-radius:8px 8px 0 0;animation:app-drawer-slide-in-bottom .24s ease-out}.app-drawer__panel--side-right.app-drawer__panel--size-sm,.app-drawer__panel--side-left.app-drawer__panel--size-sm{width:min(16rem,82vw)}.app-drawer__panel--side-right.app-drawer__panel--size-md,.app-drawer__panel--side-left.app-drawer__panel--size-md{width:min(24rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-lg,.app-drawer__panel--side-left.app-drawer__panel--size-lg{width:min(32rem,90vw)}.app-drawer__panel--side-bottom.app-drawer__panel--size-sm{min-height:12rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-md{min-height:16rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-lg{min-height:22rem}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title{position:absolute;z-index:25;inset:.38rem .38rem auto auto;width:auto;max-width:none;padding:0;margin:0;pointer-events:none;flex:0 0 auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title .app-drawer__close{pointer-events:auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__body ::ng-deep app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-inline-end:2.35rem!important;padding-inline-start:.3rem!important;box-sizing:border-box}@keyframes app-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;flex:0 0 auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__header--no-title{justify-content:flex-end;padding-top:.65rem;padding-bottom:.65rem}.app-drawer__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3;flex:1;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__close{flex:0 0 auto;width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:color-mix(in srgb,var(--app-color-text-primary) 6%,transparent);color:var(--app-color-text-secondary, #5a7fa3);cursor:pointer;margin:0;padding:0;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.app-drawer__close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-drawer__close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-drawer__close-x{font-size:1.35rem;line-height:1;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;pointer-events:none}.app-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;color:var(--app-color-text-primary, #1a2f45);font-size:.9rem;line-height:1.5;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.app-drawer__body::-webkit-scrollbar{width:4px;height:4px}.app-drawer__body::-webkit-scrollbar-track{background:transparent}.app-drawer__body::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.app-drawer__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}@media(max-width:767.98px){.app-drawer__body{scrollbar-width:none;-ms-overflow-style:none}.app-drawer__body::-webkit-scrollbar{width:0;height:0;display:none}.app-drawer__body::-webkit-scrollbar-thumb,.app-drawer__body::-webkit-scrollbar-track{display:none}}.app-drawer__body:has(app-sidebar){padding:.28rem .08rem .35rem;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative;z-index:0}.app-drawer__body:has(app-sidebar)>*{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;display:flex;flex-direction:column}.app-drawer__body:has(app-sidebar) app-sidebar{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;width:100%}.app-drawer__body ::ng-deep app-sidebar .app-sidebar{border-right:0;padding:.28rem .08rem .35rem}.app-drawer__body ::ng-deep app-sidebar .app-sidebar__toolbar app-shell-sidebar-toggle{display:none!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__option{margin-left:.08rem;margin-right:.08rem;padding:.42rem .28rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__submenu-chevron{padding-left:.18rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__label{padding-top:.52rem!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__icon{transform:translateY(.14rem)}@media(max-width:767.98px){.app-drawer__body ::ng-deep app-sidebar .app-sidebar__user{display:block;padding-top:.35rem;padding-bottom:.12rem}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-card.structra-sidebar-user-panel,.app-drawer__body ::ng-deep app-sidebar button.structra-sidebar-card[class*=sidebar-user-panel]{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;margin-inline:0;padding:.4rem .48rem .4rem .42rem;gap:0;background:color-mix(in srgb,var(--app-color-primary, #6366f1) 8%,transparent);border:1px solid color-mix(in srgb,var(--app-color-nav-border-subtle, #dbe3ec) 90%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 5%,transparent)}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user{display:flex;align-items:center;gap:.48rem;width:100%;min-width:0}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-avatar{width:34px;height:34px;font-size:.7rem;box-shadow:0 1px 5px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent)}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-body{display:flex!important;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.04rem;min-width:0}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-name{font-size:.78rem;font-weight:700;line-height:1.2}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-meta{font-size:.66rem;line-height:1.25;color:var(--app-color-text-secondary, #5a7fa3)}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-plan-badge{display:none!important}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-card.structra-sidebar-user-panel:after,.app-drawer__body ::ng-deep app-sidebar button.structra-sidebar-card[class*=sidebar-user-panel]:after{content:\"\";flex:0 0 auto;width:.38rem;height:.38rem;margin-inline-start:.2rem;border-right:1.5px solid var(--app-color-text-secondary, #64748b);border-bottom:1.5px solid var(--app-color-text-secondary, #64748b);transform:rotate(-45deg) translateY(-.5px);opacity:.5;pointer-events:none}}.app-drawer__footer{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-drawer__footer:empty{display:none;padding:0;border:none}@media(prefers-reduced-motion:reduce){.app-drawer__backdrop{animation:none}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-drawer', imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'app-drawer-host',
                         '[class.app-drawer-host--open]': 'open',
-                    }, template: "@if (open) {\n  <div\n    class=\"app-drawer__backdrop\"\n    role=\"presentation\"\n    tabindex=\"-1\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <aside\n    #panelRef\n    class=\"app-drawer__panel\"\n    [ngClass]=\"panelClasses\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-labelledby]=\"drawerHeading.trim() ? titleId : null\"\n    tabindex=\"-1\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <header\n      class=\"app-drawer__header\"\n      [class.app-drawer__header--no-title]=\"!drawerHeading.trim()\"\n    >\n      @if (drawerHeading.trim()) {\n        <h2 class=\"app-drawer__title\" [id]=\"titleId\">{{ drawerHeading }}</h2>\n      }\n      @if (showCloseButton) {\n        <button\n          type=\"button\"\n          class=\"app-drawer__close\"\n          aria-label=\"Fechar painel\"\n          (click)=\"onCloseClick()\"\n        >\n          <span class=\"app-drawer__close-x\" aria-hidden=\"true\">&times;</span>\n        </button>\n      }\n    </header>\n\n    <div class=\"app-drawer__body\">\n      <ng-content />\n    </div>\n\n    <footer class=\"app-drawer__footer\">\n      <ng-content select=\"[appDrawerFooter]\" />\n    </footer>\n  </aside>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-drawer__backdrop{position:fixed;inset:0;z-index:var(--app-z-drawer-backdrop, 1100);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:app-drawer-backdrop-in .22s ease-out both}@keyframes app-drawer-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}}.app-drawer__panel{position:fixed;z-index:var(--app-z-drawer-panel, 1101);display:flex;flex-direction:column;max-width:100vw;max-height:100vh;box-sizing:border-box;background:var(--app-color-surface, #fff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:-4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));outline:none}.app-drawer__panel--side-right{top:0;right:0;bottom:0;animation:app-drawer-slide-in-right .24s ease-out}.app-drawer__panel--side-left{top:0;left:0;bottom:0;animation:app-drawer-slide-in-left .24s ease-out;box-shadow:4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));border-right:none}.app-drawer__panel--side-bottom{inset:auto 0 0;max-height:min(88vh,32rem);border-radius:8px 8px 0 0;animation:app-drawer-slide-in-bottom .24s ease-out}.app-drawer__panel--side-right.app-drawer__panel--size-sm,.app-drawer__panel--side-left.app-drawer__panel--size-sm{width:min(18rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-md,.app-drawer__panel--side-left.app-drawer__panel--size-md{width:min(24rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-lg,.app-drawer__panel--side-left.app-drawer__panel--size-lg{width:min(32rem,90vw)}.app-drawer__panel--side-bottom.app-drawer__panel--size-sm{min-height:12rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-md{min-height:16rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-lg{min-height:22rem}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title{position:absolute;z-index:25;inset:.38rem .38rem auto auto;width:auto;max-width:none;padding:0;margin:0;pointer-events:none;flex:0 0 auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title .app-drawer__close{pointer-events:auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__body ::ng-deep app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-inline-end:2.35rem!important;padding-inline-start:.3rem!important;box-sizing:border-box}@keyframes app-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;flex:0 0 auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__header--no-title{justify-content:flex-end;padding-top:.65rem;padding-bottom:.65rem}.app-drawer__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3;flex:1;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__close{flex:0 0 auto;width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:color-mix(in srgb,var(--app-color-text-primary) 6%,transparent);color:var(--app-color-text-secondary, #5a7fa3);cursor:pointer;margin:0;padding:0;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.app-drawer__close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-drawer__close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-drawer__close-x{font-size:1.35rem;line-height:1;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;pointer-events:none}.app-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;color:var(--app-color-text-primary, #1a2f45);font-size:.9rem;line-height:1.5;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.app-drawer__body::-webkit-scrollbar{width:4px;height:4px}.app-drawer__body::-webkit-scrollbar-track{background:transparent}.app-drawer__body::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.app-drawer__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}@media(max-width:767.98px){.app-drawer__body{scrollbar-width:none;-ms-overflow-style:none}.app-drawer__body::-webkit-scrollbar{width:0;height:0;display:none}.app-drawer__body::-webkit-scrollbar-thumb,.app-drawer__body::-webkit-scrollbar-track{display:none}}.app-drawer__body:has(app-sidebar){padding:.35rem .12rem .45rem;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative;z-index:0}.app-drawer__body:has(app-sidebar)>*{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;display:flex;flex-direction:column}.app-drawer__body:has(app-sidebar) app-sidebar{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;width:100%}.app-drawer__body ::ng-deep app-sidebar .app-sidebar{border-right:0;padding:.38rem .1rem .45rem}.app-drawer__body ::ng-deep app-sidebar .app-sidebar__toolbar app-shell-sidebar-toggle{display:none!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__option{margin-left:.12rem;margin-right:.12rem;padding:.5rem .36rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__submenu-chevron{padding-left:.18rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__label{padding-top:.72rem!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__icon{transform:translateY(.1875rem)}.app-drawer__footer{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-drawer__footer:empty{display:none;padding:0;border:none}@media(prefers-reduced-motion:reduce){.app-drawer__backdrop{animation:none}}\n"] }]
+                    }, template: "@if (open) {\n  <div\n    class=\"app-drawer__backdrop\"\n    role=\"presentation\"\n    tabindex=\"-1\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <aside\n    #panelRef\n    class=\"app-drawer__panel\"\n    [ngClass]=\"panelClasses\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-labelledby]=\"drawerHeading.trim() ? titleId : null\"\n    tabindex=\"-1\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <header\n      class=\"app-drawer__header\"\n      [class.app-drawer__header--no-title]=\"!drawerHeading.trim()\"\n    >\n      @if (drawerHeading.trim()) {\n        <h2 class=\"app-drawer__title\" [id]=\"titleId\">{{ drawerHeading }}</h2>\n      }\n      @if (showCloseButton) {\n        <button\n          type=\"button\"\n          class=\"app-drawer__close\"\n          aria-label=\"Fechar painel\"\n          (click)=\"onCloseClick()\"\n        >\n          <span class=\"app-drawer__close-x\" aria-hidden=\"true\">&times;</span>\n        </button>\n      }\n    </header>\n\n    <div class=\"app-drawer__body\">\n      <ng-content />\n    </div>\n\n    <footer class=\"app-drawer__footer\">\n      <ng-content select=\"[appDrawerFooter]\" />\n    </footer>\n  </aside>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-drawer__backdrop{position:fixed;inset:0;z-index:var(--app-z-drawer-backdrop, 1100);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:app-drawer-backdrop-in .22s ease-out both}@keyframes app-drawer-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}}.app-drawer__panel{position:fixed;z-index:var(--app-z-drawer-panel, 1101);display:flex;flex-direction:column;max-width:100vw;max-height:100vh;box-sizing:border-box;background:var(--app-color-surface, #fff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:-4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));outline:none}.app-drawer__panel--side-right{top:0;right:0;bottom:0;animation:app-drawer-slide-in-right .24s ease-out}.app-drawer__panel--side-left{top:0;left:0;bottom:0;animation:app-drawer-slide-in-left .24s ease-out;box-shadow:4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));border-right:none}.app-drawer__panel--side-bottom{inset:auto 0 0;max-height:min(88vh,32rem);border-radius:8px 8px 0 0;animation:app-drawer-slide-in-bottom .24s ease-out}.app-drawer__panel--side-right.app-drawer__panel--size-sm,.app-drawer__panel--side-left.app-drawer__panel--size-sm{width:min(16rem,82vw)}.app-drawer__panel--side-right.app-drawer__panel--size-md,.app-drawer__panel--side-left.app-drawer__panel--size-md{width:min(24rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-lg,.app-drawer__panel--side-left.app-drawer__panel--size-lg{width:min(32rem,90vw)}.app-drawer__panel--side-bottom.app-drawer__panel--size-sm{min-height:12rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-md{min-height:16rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-lg{min-height:22rem}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title{position:absolute;z-index:25;inset:.38rem .38rem auto auto;width:auto;max-width:none;padding:0;margin:0;pointer-events:none;flex:0 0 auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__header.app-drawer__header--no-title .app-drawer__close{pointer-events:auto}.app-drawer__panel:has(.app-drawer__body app-sidebar) .app-drawer__body ::ng-deep app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-inline-end:2.35rem!important;padding-inline-start:.3rem!important;box-sizing:border-box}@keyframes app-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;flex:0 0 auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__header--no-title{justify-content:flex-end;padding-top:.65rem;padding-bottom:.65rem}.app-drawer__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3;flex:1;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-drawer__close{flex:0 0 auto;width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:color-mix(in srgb,var(--app-color-text-primary) 6%,transparent);color:var(--app-color-text-secondary, #5a7fa3);cursor:pointer;margin:0;padding:0;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.app-drawer__close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-drawer__close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-drawer__close-x{font-size:1.35rem;line-height:1;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;pointer-events:none}.app-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;color:var(--app-color-text-primary, #1a2f45);font-size:.9rem;line-height:1.5;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 34%,transparent) transparent}.app-drawer__body::-webkit-scrollbar{width:4px;height:4px}.app-drawer__body::-webkit-scrollbar-track{background:transparent}.app-drawer__body::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 40%,transparent)}.app-drawer__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 55%,transparent)}@media(max-width:767.98px){.app-drawer__body{scrollbar-width:none;-ms-overflow-style:none}.app-drawer__body::-webkit-scrollbar{width:0;height:0;display:none}.app-drawer__body::-webkit-scrollbar-thumb,.app-drawer__body::-webkit-scrollbar-track{display:none}}.app-drawer__body:has(app-sidebar){padding:.28rem .08rem .35rem;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative;z-index:0}.app-drawer__body:has(app-sidebar)>*{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;display:flex;flex-direction:column}.app-drawer__body:has(app-sidebar) app-sidebar{flex:1 1 auto;min-height:0;min-width:0;align-self:stretch;width:100%}.app-drawer__body ::ng-deep app-sidebar .app-sidebar{border-right:0;padding:.28rem .08rem .35rem}.app-drawer__body ::ng-deep app-sidebar .app-sidebar__toolbar app-shell-sidebar-toggle{display:none!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__option{margin-left:.08rem;margin-right:.08rem;padding:.42rem .28rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__submenu-chevron{padding-left:.18rem}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__label{padding-top:.52rem!important}.app-drawer__body ::ng-deep app-sidebar app-menu-list .menu-list__icon{transform:translateY(.14rem)}@media(max-width:767.98px){.app-drawer__body ::ng-deep app-sidebar .app-sidebar__user{display:block;padding-top:.35rem;padding-bottom:.12rem}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-card.structra-sidebar-user-panel,.app-drawer__body ::ng-deep app-sidebar button.structra-sidebar-card[class*=sidebar-user-panel]{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;margin-inline:0;padding:.4rem .48rem .4rem .42rem;gap:0;background:color-mix(in srgb,var(--app-color-primary, #6366f1) 8%,transparent);border:1px solid color-mix(in srgb,var(--app-color-nav-border-subtle, #dbe3ec) 90%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 5%,transparent)}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user{display:flex;align-items:center;gap:.48rem;width:100%;min-width:0}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-avatar{width:34px;height:34px;font-size:.7rem;box-shadow:0 1px 5px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent)}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-body{display:flex!important;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.04rem;min-width:0}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-name{font-size:.78rem;font-weight:700;line-height:1.2}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-user-meta{font-size:.66rem;line-height:1.25;color:var(--app-color-text-secondary, #5a7fa3)}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-plan-badge{display:none!important}.app-drawer__body ::ng-deep app-sidebar .structra-sidebar-card.structra-sidebar-user-panel:after,.app-drawer__body ::ng-deep app-sidebar button.structra-sidebar-card[class*=sidebar-user-panel]:after{content:\"\";flex:0 0 auto;width:.38rem;height:.38rem;margin-inline-start:.2rem;border-right:1.5px solid var(--app-color-text-secondary, #64748b);border-bottom:1.5px solid var(--app-color-text-secondary, #64748b);transform:rotate(-45deg) translateY(-.5px);opacity:.5;pointer-events:none}}.app-drawer__footer{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-drawer__footer:empty{display:none;padding:0;border:none}@media(prefers-reduced-motion:reduce){.app-drawer__backdrop{animation:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { open: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -21070,11 +21529,11 @@ class AppSidebarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AppSidebarComponent, isStandalone: true, selector: "app-sidebar", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, sidebarContext: { classPropertyName: "sidebarContext", publicName: "sidebarContext", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: false, isRequired: false, transformFunction: null }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: false, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, mobileNavOpenPulse: { classPropertyName: "mobileNavOpenPulse", publicName: "mobileNavOpenPulse", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, limparAposPesquisar: { classPropertyName: "limparAposPesquisar", publicName: "limparAposPesquisar", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, clickToOpen: { classPropertyName: "clickToOpen", publicName: "clickToOpen", isSignal: false, isRequired: false, transformFunction: null }, groupCollapsible: { classPropertyName: "groupCollapsible", publicName: "groupCollapsible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, groupDefaultExpansion: { classPropertyName: "groupDefaultExpansion", publicName: "groupDefaultExpansion", isSignal: false, isRequired: false, transformFunction: null }, persistGroupExpansion: { classPropertyName: "persistGroupExpansion", publicName: "persistGroupExpansion", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { itemSelect: "itemSelect" }, queries: [{ propertyName: "headerTpl", first: true, predicate: AppSidebarHeaderTemplateDirective, descendants: true }, { propertyName: "userInfoTpl", first: true, predicate: AppSidebarUserInfoTemplateDirective, descendants: true }, { propertyName: "bottomActionsTpl", first: true, predicate: AppSidebarBottomActionsTemplateDirective, descendants: true }, { propertyName: "footerTpl", first: true, predicate: AppSidebarFooterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "menuList", first: true, predicate: MenuListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav class=\"app-sidebar app-nav-surface\" [class.app-sidebar--collapsed]=\"collapsed\"\n  [attr.aria-label]=\"'Navega\u00E7\u00E3o principal'\">\n  <!-- Cabe\u00E7alho fixo; pesquisa fora do scroll; itens rolam em `.menu-list__viewport`. -->\n  <div class=\"app-sidebar__head\" data-app-sidebar-head=\"\" translate=\"no\">\n    @if (headerTemplate) {\n      <div class=\"app-sidebar__header-slot\">\n        <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      </div>\n    } @else {\n      <div class=\"app-sidebar__header-slot\"><ng-content select=\"[appSidebarHeader], [structraSidebarHeader]\" /></div>\n    }\n    <div class=\"app-sidebar__brand\"><ng-content select=\"[appSidebarBrand]\" /></div>\n    <div class=\"app-sidebar__toolbar\"><ng-content select=\"[appSidebarToolbar]\" /></div>\n  </div>\n  <div class=\"app-sidebar__scroll\" cdkScrollable tabindex=\"-1\">\n    <div class=\"app-sidebar__scroll-content\">\n      <app-menu-list\n      class=\"app-sidebar__list\"\n      [appTheme]=\"appTheme()\"\n      [items]=\"items\"\n      [menuId]=\"menuId\"\n      [dense]=\"collapsed\"\n      [compressText]=\"listCompressText()\"\n      [searchable]=\"searchable\"\n      [limparAposPesquisar]=\"limparAposPesquisar\"\n      [clickToOpen]=\"clickToOpen\"\n      [groupCollapsible]=\"groupCollapsible\"\n      [groupDefaultExpansion]=\"groupDefaultExpansion\"\n      [persistGroupExpansion]=\"persistGroupExpansion\"\n      [selectedItemId]=\"selectedItemId\"\n      (itemSelect)=\"onSidebarItemSelect($event)\"\n      (groupToggled)=\"onMenuGroupToggled($event)\"\n      (selectionScrollHint)=\"scheduleScrollToSelected()\"\n      />\n    </div>\n  </div>\n  @if (userInfoTemplate || hasUserInfoSlot) {\n    <div class=\"app-sidebar__user\" data-app-sidebar-user=\"\">\n      @if (userInfoTemplate) {\n        <ng-container [ngTemplateOutlet]=\"userInfoTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarUserInfo], [structraSidebarUserInfo]\" />\n      }\n    </div>\n  }\n  @if (bottomActionsTemplate || hasBottomActionsSlot) {\n    <div class=\"app-sidebar__bottom-actions\">\n      @if (bottomActionsTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"bottomActionsTemplate\"\n          [ngTemplateOutletContext]=\"sidebarOutletContext\"\n        />\n      } @else {\n        <ng-content select=\"[appSidebarBottomActions], [structraSidebarBottomActions]\" />\n      }\n    </div>\n  }\n  @if (footerTemplate || hasFooterSlot) {\n    <div class=\"app-sidebar__foot\">\n      @if (footerTemplate) {\n        <ng-container [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarFooter], [structraSidebarFooter]\" />\n      }\n    </div>\n  }\n</nav>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-sidebar{--structra-sidebar-expanded-width: 280px;--structra-sidebar-collapsed-width: 80px;--structra-sidebar-padding-x: 12px;--structra-sidebar-padding-y: 12px;--structra-sidebar-collapsed-padding-x: 8px;--structra-sidebar-footer-gap: 8px;--structra-sidebar-item-size-collapsed: 44px;--structra-sidebar-item-height: 44px;--structra-sidebar-item-radius: 12px;--structra-sidebar-item-padding-x: 10px;--structra-sidebar-scroll-size: 4px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding-block:var(--structra-sidebar-padding-y);padding-inline:0;background:var(--app-color-nav-shell-bg);border-right:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed{padding-block:var(--structra-sidebar-padding-y);padding-inline:0}.app-sidebar__head[data-app-sidebar-head]{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--structra-sidebar-footer-gap);width:100%;min-height:var(--structra-sidebar-item-height);background:var(--app-color-nav-shell-bg);padding:0 var(--structra-sidebar-padding-x) var(--structra-sidebar-footer-gap);box-sizing:border-box;direction:ltr;unicode-bidi:isolate;flex-direction:row!important;justify-content:flex-start!important;direction:ltr!important}.app-sidebar--collapsed .app-sidebar__head[data-app-sidebar-head]{justify-content:center!important;padding-inline:var(--structra-sidebar-collapsed-padding-x)!important;gap:0}.app-sidebar__brand{order:0;flex:1 1 0%;min-width:0;align-self:center;display:flex;justify-content:flex-start;align-items:center;padding:0;box-sizing:border-box;font-size:.95rem;font-weight:700;line-height:1.25;color:var(--app-color-text-primary, #1a2f45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start!important}.app-sidebar__brand>*{text-align:inherit!important;margin-inline:0!important;margin-inline-start:0!important;margin-inline-end:0!important;padding-inline-start:0!important;padding-inline-end:0!important;box-sizing:border-box;min-width:0;align-self:center;max-width:100%}.app-sidebar__brand ::ng-deep [appSidebarBrand]{display:inline-flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;align-self:center!important;margin-inline-start:0!important;margin-inline-end:auto!important;margin-left:0!important;margin-right:auto!important;text-align:start!important;width:auto!important;max-width:100%!important;min-width:0!important;flex:1 1 0%!important;box-sizing:border-box}.app-sidebar__brand:empty{display:none}.app-sidebar--collapsed .app-sidebar__brand:not(:empty){display:none}.app-sidebar__toolbar{order:1;flex:0 0 auto;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;align-self:stretch;min-width:0;padding:0;box-sizing:border-box;margin-inline-start:auto!important}.app-sidebar__toolbar:empty{display:none}.app-sidebar--collapsed .app-sidebar__toolbar:not(:empty){flex:0 0 auto!important;width:auto!important;min-width:0!important;margin-inline:auto!important;justify-content:center!important}.app-sidebar--collapsed .app-sidebar__toolbar ::ng-deep [appSidebarToolbar]:not(app-shell-sidebar-toggle)>:not(app-shell-sidebar-toggle){display:none!important}.app-sidebar__scroll{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.app-sidebar__scroll-content{box-sizing:border-box;padding-inline-start:var(--structra-sidebar-padding-x);padding-inline-end:0;min-width:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-sidebar--collapsed .app-sidebar__scroll-content{padding-inline-start:var(--structra-sidebar-collapsed-padding-x);padding-inline-end:0}.app-sidebar__list{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.app-sidebar__header-slot{flex:0 0 auto;width:100%;min-width:0}.app-sidebar__header-slot:empty{display:none}.app-sidebar__user,.app-sidebar__bottom-actions,.app-sidebar__foot{flex:0 0 auto;width:100%;min-width:0;box-sizing:border-box}.app-sidebar__user{margin-top:var(--structra-sidebar-footer-gap);padding:var(--structra-sidebar-padding-y) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar__bottom-actions{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0}.app-sidebar__foot{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed .app-sidebar__user,.app-sidebar--collapsed .app-sidebar__bottom-actions,.app-sidebar--collapsed .app-sidebar__foot{padding-inline:var(--structra-sidebar-collapsed-padding-x);display:flex;flex-direction:column;align-items:center}.app-sidebar--collapsed .app-sidebar__header-slot:not(:empty){display:none}@media(min-width:52.0625rem){.app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-top:0}.app-sidebar .app-sidebar__brand ::ng-deep [appSidebarBrand]{min-height:var(--structra-sidebar-item-height)!important;height:var(--structra-sidebar-item-height)!important;line-height:1!important}}@media(max-width:767.98px){:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-width:none;-ms-overflow-style:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar{width:0;height:0;display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-thumb,:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-track{display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-color:transparent transparent}}:host-context(.app-drawer__body) .app-sidebar__head[data-app-sidebar-head]{justify-content:flex-start!important;align-items:center!important;padding-top:0!important;padding-bottom:var(--structra-sidebar-footer-gap)!important;z-index:1!important}:host-context(.app-drawer__body) .app-sidebar__brand{justify-content:flex-start!important;flex:1 1 0%!important;min-width:0!important;text-align:start!important}:host-context(.app-drawer__body) .app-sidebar__toolbar:not(:empty){margin-inline-start:auto!important;justify-content:flex-end!important;align-self:stretch!important}:host-context(.app-drawer__body) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;min-height:auto!important;height:auto!important;line-height:1.25!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__label{padding-top:.72rem!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__icon{transform:translateY(.1875rem)}:host-context(.app-shell__sidebar) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;text-align:start!important}\n"], dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: MenuListComponent, selector: "app-menu-list", inputs: ["appTheme", "items", "menuId", "dense", "nested", "selectedItemId", "compressText", "popupOptionAlign", "clickToOpen", "groupCollapsible", "groupDefaultExpansion", "persistGroupExpansion", "searchable", "limparAposPesquisar", "searchPlaceholder"], outputs: ["itemSelect", "closeRequest", "submenuBack", "groupToggled", "selectionScrollHint"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AppSidebarComponent, isStandalone: true, selector: "app-sidebar", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, sidebarContext: { classPropertyName: "sidebarContext", publicName: "sidebarContext", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: false, isRequired: false, transformFunction: null }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: false, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, mobileNavOpenPulse: { classPropertyName: "mobileNavOpenPulse", publicName: "mobileNavOpenPulse", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, limparAposPesquisar: { classPropertyName: "limparAposPesquisar", publicName: "limparAposPesquisar", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, clickToOpen: { classPropertyName: "clickToOpen", publicName: "clickToOpen", isSignal: false, isRequired: false, transformFunction: null }, groupCollapsible: { classPropertyName: "groupCollapsible", publicName: "groupCollapsible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, groupDefaultExpansion: { classPropertyName: "groupDefaultExpansion", publicName: "groupDefaultExpansion", isSignal: false, isRequired: false, transformFunction: null }, persistGroupExpansion: { classPropertyName: "persistGroupExpansion", publicName: "persistGroupExpansion", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { itemSelect: "itemSelect" }, queries: [{ propertyName: "headerTpl", first: true, predicate: AppSidebarHeaderTemplateDirective, descendants: true }, { propertyName: "userInfoTpl", first: true, predicate: AppSidebarUserInfoTemplateDirective, descendants: true }, { propertyName: "bottomActionsTpl", first: true, predicate: AppSidebarBottomActionsTemplateDirective, descendants: true }, { propertyName: "footerTpl", first: true, predicate: AppSidebarFooterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "menuList", first: true, predicate: MenuListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav class=\"app-sidebar app-nav-surface\" [class.app-sidebar--collapsed]=\"collapsed\"\n  [attr.aria-label]=\"'Navega\u00E7\u00E3o principal'\">\n  <!-- Cabe\u00E7alho fixo; pesquisa fora do scroll; itens rolam em `.menu-list__viewport`. -->\n  <div class=\"app-sidebar__head\" data-app-sidebar-head=\"\" translate=\"no\">\n    @if (headerTemplate) {\n      <div class=\"app-sidebar__header-slot\">\n        <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      </div>\n    } @else {\n      <div class=\"app-sidebar__header-slot\"><ng-content select=\"[appSidebarHeader], [structraSidebarHeader]\" /></div>\n    }\n    <div class=\"app-sidebar__brand\"><ng-content select=\"[appSidebarBrand]\" /></div>\n    <div class=\"app-sidebar__toolbar\"><ng-content select=\"[appSidebarToolbar]\" /></div>\n  </div>\n  <div class=\"app-sidebar__scroll\" cdkScrollable tabindex=\"-1\">\n    <div class=\"app-sidebar__scroll-content\">\n      <app-menu-list\n      class=\"app-sidebar__list\"\n      [appTheme]=\"appTheme()\"\n      [items]=\"items\"\n      [menuId]=\"menuId\"\n      [dense]=\"collapsed\"\n      [compressText]=\"listCompressText()\"\n      [searchable]=\"searchable\"\n      [limparAposPesquisar]=\"limparAposPesquisar\"\n      [clickToOpen]=\"clickToOpen\"\n      [groupCollapsible]=\"groupCollapsible\"\n      [groupDefaultExpansion]=\"groupDefaultExpansion\"\n      [persistGroupExpansion]=\"persistGroupExpansion\"\n      [selectedItemId]=\"selectedItemId\"\n      (itemSelect)=\"onSidebarItemSelect($event)\"\n      (groupToggled)=\"onMenuGroupToggled($event)\"\n      (selectionScrollHint)=\"scheduleScrollToSelected()\"\n      />\n    </div>\n  </div>\n  @if (userInfoTemplate || hasUserInfoSlot) {\n    <div class=\"app-sidebar__user\" data-app-sidebar-user=\"\">\n      @if (userInfoTemplate) {\n        <ng-container [ngTemplateOutlet]=\"userInfoTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarUserInfo], [structraSidebarUserInfo]\" />\n      }\n    </div>\n  }\n  @if (bottomActionsTemplate || hasBottomActionsSlot) {\n    <div class=\"app-sidebar__bottom-actions\">\n      @if (bottomActionsTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"bottomActionsTemplate\"\n          [ngTemplateOutletContext]=\"sidebarOutletContext\"\n        />\n      } @else {\n        <ng-content select=\"[appSidebarBottomActions], [structraSidebarBottomActions]\" />\n      }\n    </div>\n  }\n  @if (footerTemplate || hasFooterSlot) {\n    <div class=\"app-sidebar__foot\">\n      @if (footerTemplate) {\n        <ng-container [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarFooter], [structraSidebarFooter]\" />\n      }\n    </div>\n  }\n</nav>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-sidebar{--structra-sidebar-expanded-width: 280px;--structra-sidebar-collapsed-width: 80px;--structra-sidebar-padding-x: 12px;--structra-sidebar-padding-y: 12px;--structra-sidebar-collapsed-padding-x: 8px;--structra-sidebar-footer-gap: 8px;--structra-sidebar-item-size-collapsed: 44px;--structra-sidebar-item-height: 44px;--structra-sidebar-item-radius: 12px;--structra-sidebar-item-padding-x: 10px;--structra-sidebar-scroll-size: 4px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding-block:var(--structra-sidebar-padding-y);padding-inline:0;background:var(--app-color-nav-shell-bg);border-right:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed{padding-block:var(--structra-sidebar-padding-y);padding-inline:0}.app-sidebar__head[data-app-sidebar-head]{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--structra-sidebar-footer-gap);width:100%;min-height:var(--structra-sidebar-item-height);background:var(--app-color-nav-shell-bg);padding:0 var(--structra-sidebar-padding-x) var(--structra-sidebar-footer-gap);box-sizing:border-box;direction:ltr;unicode-bidi:isolate;flex-direction:row!important;justify-content:flex-start!important;direction:ltr!important}.app-sidebar--collapsed .app-sidebar__head[data-app-sidebar-head]{justify-content:center!important;padding-inline:var(--structra-sidebar-collapsed-padding-x)!important;gap:0}.app-sidebar__brand{order:0;flex:1 1 0%;min-width:0;align-self:center;display:flex;justify-content:flex-start;align-items:center;padding:0;box-sizing:border-box;font-size:.95rem;font-weight:700;line-height:1.25;color:var(--app-color-text-primary, #1a2f45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start!important}.app-sidebar__brand>*{text-align:inherit!important;margin-inline:0!important;margin-inline-start:0!important;margin-inline-end:0!important;padding-inline-start:0!important;padding-inline-end:0!important;box-sizing:border-box;min-width:0;align-self:center;max-width:100%}.app-sidebar__brand ::ng-deep [appSidebarBrand]{display:inline-flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;align-self:center!important;margin-inline-start:0!important;margin-inline-end:auto!important;margin-left:0!important;margin-right:auto!important;text-align:start!important;width:auto!important;max-width:100%!important;min-width:0!important;flex:1 1 0%!important;box-sizing:border-box}.app-sidebar__brand:empty{display:none}.app-sidebar--collapsed .app-sidebar__brand:not(:empty){display:none}.app-sidebar__toolbar{order:1;flex:0 0 auto;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;align-self:stretch;min-width:0;padding:0;box-sizing:border-box;margin-inline-start:auto!important}.app-sidebar__toolbar:empty{display:none}.app-sidebar--collapsed .app-sidebar__toolbar:not(:empty){flex:0 0 auto!important;width:auto!important;min-width:0!important;margin-inline:auto!important;justify-content:center!important}.app-sidebar--collapsed .app-sidebar__toolbar ::ng-deep [appSidebarToolbar]:not(app-shell-sidebar-toggle)>:not(app-shell-sidebar-toggle){display:none!important}.app-sidebar__scroll{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.app-sidebar__scroll-content{box-sizing:border-box;padding-inline-start:var(--structra-sidebar-padding-x);padding-inline-end:0;min-width:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-sidebar--collapsed .app-sidebar__scroll-content{padding-inline-start:var(--structra-sidebar-collapsed-padding-x);padding-inline-end:0}.app-sidebar__list{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.app-sidebar__header-slot{flex:0 0 auto;width:100%;min-width:0}.app-sidebar__header-slot:empty{display:none}.app-sidebar__user,.app-sidebar__bottom-actions,.app-sidebar__foot{flex:0 0 auto;width:100%;min-width:0;box-sizing:border-box}.app-sidebar__user{margin-top:var(--structra-sidebar-footer-gap);padding:var(--structra-sidebar-padding-y) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar__bottom-actions{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0}.app-sidebar__foot{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed .app-sidebar__user,.app-sidebar--collapsed .app-sidebar__bottom-actions,.app-sidebar--collapsed .app-sidebar__foot{padding-inline:var(--structra-sidebar-collapsed-padding-x);display:flex;flex-direction:column;align-items:center}.app-sidebar--collapsed .app-sidebar__header-slot:not(:empty){display:none}@media(min-width:52.0625rem){.app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-top:0}.app-sidebar .app-sidebar__brand ::ng-deep [appSidebarBrand]{min-height:var(--structra-sidebar-item-height)!important;height:var(--structra-sidebar-item-height)!important;line-height:1!important}}@media(max-width:767.98px){:host-context(.app-drawer__body) .app-sidebar{--structra-sidebar-padding-x: 8px;--structra-sidebar-padding-y: 8px;--structra-sidebar-footer-gap: 6px;--structra-sidebar-item-height: 40px;--structra-sidebar-item-size-collapsed: 40px}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-width:none;-ms-overflow-style:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar{width:0;height:0;display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-thumb,:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-track{display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-color:transparent transparent}}:host-context(.app-drawer__body) .app-sidebar__head[data-app-sidebar-head]{justify-content:flex-start!important;align-items:center!important;padding-top:0!important;padding-bottom:var(--structra-sidebar-footer-gap)!important;z-index:1!important}:host-context(.app-drawer__body) .app-sidebar__brand{justify-content:flex-start!important;flex:1 1 0%!important;min-width:0!important;text-align:start!important}:host-context(.app-drawer__body) .app-sidebar__toolbar:not(:empty){margin-inline-start:auto!important;justify-content:flex-end!important;align-self:stretch!important}:host-context(.app-drawer__body) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;min-height:auto!important;height:auto!important;line-height:1.25!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__label{padding-top:.52rem!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__icon{transform:translateY(.14rem)}:host-context(.app-shell__sidebar) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;text-align:start!important}\n"], dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: MenuListComponent, selector: "app-menu-list", inputs: ["appTheme", "items", "menuId", "dense", "nested", "selectedItemId", "compressText", "popupOptionAlign", "clickToOpen", "groupCollapsible", "groupDefaultExpansion", "persistGroupExpansion", "searchable", "limparAposPesquisar", "searchPlaceholder"], outputs: ["itemSelect", "closeRequest", "submenuBack", "groupToggled", "selectionScrollHint"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar', imports: [CdkScrollable, MenuListComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"app-sidebar app-nav-surface\" [class.app-sidebar--collapsed]=\"collapsed\"\n  [attr.aria-label]=\"'Navega\u00E7\u00E3o principal'\">\n  <!-- Cabe\u00E7alho fixo; pesquisa fora do scroll; itens rolam em `.menu-list__viewport`. -->\n  <div class=\"app-sidebar__head\" data-app-sidebar-head=\"\" translate=\"no\">\n    @if (headerTemplate) {\n      <div class=\"app-sidebar__header-slot\">\n        <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      </div>\n    } @else {\n      <div class=\"app-sidebar__header-slot\"><ng-content select=\"[appSidebarHeader], [structraSidebarHeader]\" /></div>\n    }\n    <div class=\"app-sidebar__brand\"><ng-content select=\"[appSidebarBrand]\" /></div>\n    <div class=\"app-sidebar__toolbar\"><ng-content select=\"[appSidebarToolbar]\" /></div>\n  </div>\n  <div class=\"app-sidebar__scroll\" cdkScrollable tabindex=\"-1\">\n    <div class=\"app-sidebar__scroll-content\">\n      <app-menu-list\n      class=\"app-sidebar__list\"\n      [appTheme]=\"appTheme()\"\n      [items]=\"items\"\n      [menuId]=\"menuId\"\n      [dense]=\"collapsed\"\n      [compressText]=\"listCompressText()\"\n      [searchable]=\"searchable\"\n      [limparAposPesquisar]=\"limparAposPesquisar\"\n      [clickToOpen]=\"clickToOpen\"\n      [groupCollapsible]=\"groupCollapsible\"\n      [groupDefaultExpansion]=\"groupDefaultExpansion\"\n      [persistGroupExpansion]=\"persistGroupExpansion\"\n      [selectedItemId]=\"selectedItemId\"\n      (itemSelect)=\"onSidebarItemSelect($event)\"\n      (groupToggled)=\"onMenuGroupToggled($event)\"\n      (selectionScrollHint)=\"scheduleScrollToSelected()\"\n      />\n    </div>\n  </div>\n  @if (userInfoTemplate || hasUserInfoSlot) {\n    <div class=\"app-sidebar__user\" data-app-sidebar-user=\"\">\n      @if (userInfoTemplate) {\n        <ng-container [ngTemplateOutlet]=\"userInfoTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarUserInfo], [structraSidebarUserInfo]\" />\n      }\n    </div>\n  }\n  @if (bottomActionsTemplate || hasBottomActionsSlot) {\n    <div class=\"app-sidebar__bottom-actions\">\n      @if (bottomActionsTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"bottomActionsTemplate\"\n          [ngTemplateOutletContext]=\"sidebarOutletContext\"\n        />\n      } @else {\n        <ng-content select=\"[appSidebarBottomActions], [structraSidebarBottomActions]\" />\n      }\n    </div>\n  }\n  @if (footerTemplate || hasFooterSlot) {\n    <div class=\"app-sidebar__foot\">\n      @if (footerTemplate) {\n        <ng-container [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarFooter], [structraSidebarFooter]\" />\n      }\n    </div>\n  }\n</nav>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-sidebar{--structra-sidebar-expanded-width: 280px;--structra-sidebar-collapsed-width: 80px;--structra-sidebar-padding-x: 12px;--structra-sidebar-padding-y: 12px;--structra-sidebar-collapsed-padding-x: 8px;--structra-sidebar-footer-gap: 8px;--structra-sidebar-item-size-collapsed: 44px;--structra-sidebar-item-height: 44px;--structra-sidebar-item-radius: 12px;--structra-sidebar-item-padding-x: 10px;--structra-sidebar-scroll-size: 4px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding-block:var(--structra-sidebar-padding-y);padding-inline:0;background:var(--app-color-nav-shell-bg);border-right:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed{padding-block:var(--structra-sidebar-padding-y);padding-inline:0}.app-sidebar__head[data-app-sidebar-head]{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--structra-sidebar-footer-gap);width:100%;min-height:var(--structra-sidebar-item-height);background:var(--app-color-nav-shell-bg);padding:0 var(--structra-sidebar-padding-x) var(--structra-sidebar-footer-gap);box-sizing:border-box;direction:ltr;unicode-bidi:isolate;flex-direction:row!important;justify-content:flex-start!important;direction:ltr!important}.app-sidebar--collapsed .app-sidebar__head[data-app-sidebar-head]{justify-content:center!important;padding-inline:var(--structra-sidebar-collapsed-padding-x)!important;gap:0}.app-sidebar__brand{order:0;flex:1 1 0%;min-width:0;align-self:center;display:flex;justify-content:flex-start;align-items:center;padding:0;box-sizing:border-box;font-size:.95rem;font-weight:700;line-height:1.25;color:var(--app-color-text-primary, #1a2f45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start!important}.app-sidebar__brand>*{text-align:inherit!important;margin-inline:0!important;margin-inline-start:0!important;margin-inline-end:0!important;padding-inline-start:0!important;padding-inline-end:0!important;box-sizing:border-box;min-width:0;align-self:center;max-width:100%}.app-sidebar__brand ::ng-deep [appSidebarBrand]{display:inline-flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;align-self:center!important;margin-inline-start:0!important;margin-inline-end:auto!important;margin-left:0!important;margin-right:auto!important;text-align:start!important;width:auto!important;max-width:100%!important;min-width:0!important;flex:1 1 0%!important;box-sizing:border-box}.app-sidebar__brand:empty{display:none}.app-sidebar--collapsed .app-sidebar__brand:not(:empty){display:none}.app-sidebar__toolbar{order:1;flex:0 0 auto;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;align-self:stretch;min-width:0;padding:0;box-sizing:border-box;margin-inline-start:auto!important}.app-sidebar__toolbar:empty{display:none}.app-sidebar--collapsed .app-sidebar__toolbar:not(:empty){flex:0 0 auto!important;width:auto!important;min-width:0!important;margin-inline:auto!important;justify-content:center!important}.app-sidebar--collapsed .app-sidebar__toolbar ::ng-deep [appSidebarToolbar]:not(app-shell-sidebar-toggle)>:not(app-shell-sidebar-toggle){display:none!important}.app-sidebar__scroll{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.app-sidebar__scroll-content{box-sizing:border-box;padding-inline-start:var(--structra-sidebar-padding-x);padding-inline-end:0;min-width:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-sidebar--collapsed .app-sidebar__scroll-content{padding-inline-start:var(--structra-sidebar-collapsed-padding-x);padding-inline-end:0}.app-sidebar__list{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.app-sidebar__header-slot{flex:0 0 auto;width:100%;min-width:0}.app-sidebar__header-slot:empty{display:none}.app-sidebar__user,.app-sidebar__bottom-actions,.app-sidebar__foot{flex:0 0 auto;width:100%;min-width:0;box-sizing:border-box}.app-sidebar__user{margin-top:var(--structra-sidebar-footer-gap);padding:var(--structra-sidebar-padding-y) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar__bottom-actions{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0}.app-sidebar__foot{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed .app-sidebar__user,.app-sidebar--collapsed .app-sidebar__bottom-actions,.app-sidebar--collapsed .app-sidebar__foot{padding-inline:var(--structra-sidebar-collapsed-padding-x);display:flex;flex-direction:column;align-items:center}.app-sidebar--collapsed .app-sidebar__header-slot:not(:empty){display:none}@media(min-width:52.0625rem){.app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-top:0}.app-sidebar .app-sidebar__brand ::ng-deep [appSidebarBrand]{min-height:var(--structra-sidebar-item-height)!important;height:var(--structra-sidebar-item-height)!important;line-height:1!important}}@media(max-width:767.98px){:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-width:none;-ms-overflow-style:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar{width:0;height:0;display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-thumb,:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-track{display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-color:transparent transparent}}:host-context(.app-drawer__body) .app-sidebar__head[data-app-sidebar-head]{justify-content:flex-start!important;align-items:center!important;padding-top:0!important;padding-bottom:var(--structra-sidebar-footer-gap)!important;z-index:1!important}:host-context(.app-drawer__body) .app-sidebar__brand{justify-content:flex-start!important;flex:1 1 0%!important;min-width:0!important;text-align:start!important}:host-context(.app-drawer__body) .app-sidebar__toolbar:not(:empty){margin-inline-start:auto!important;justify-content:flex-end!important;align-self:stretch!important}:host-context(.app-drawer__body) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;min-height:auto!important;height:auto!important;line-height:1.25!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__label{padding-top:.72rem!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__icon{transform:translateY(.1875rem)}:host-context(.app-shell__sidebar) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;text-align:start!important}\n"] }]
+            args: [{ selector: 'app-sidebar', imports: [CdkScrollable, MenuListComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"app-sidebar app-nav-surface\" [class.app-sidebar--collapsed]=\"collapsed\"\n  [attr.aria-label]=\"'Navega\u00E7\u00E3o principal'\">\n  <!-- Cabe\u00E7alho fixo; pesquisa fora do scroll; itens rolam em `.menu-list__viewport`. -->\n  <div class=\"app-sidebar__head\" data-app-sidebar-head=\"\" translate=\"no\">\n    @if (headerTemplate) {\n      <div class=\"app-sidebar__header-slot\">\n        <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      </div>\n    } @else {\n      <div class=\"app-sidebar__header-slot\"><ng-content select=\"[appSidebarHeader], [structraSidebarHeader]\" /></div>\n    }\n    <div class=\"app-sidebar__brand\"><ng-content select=\"[appSidebarBrand]\" /></div>\n    <div class=\"app-sidebar__toolbar\"><ng-content select=\"[appSidebarToolbar]\" /></div>\n  </div>\n  <div class=\"app-sidebar__scroll\" cdkScrollable tabindex=\"-1\">\n    <div class=\"app-sidebar__scroll-content\">\n      <app-menu-list\n      class=\"app-sidebar__list\"\n      [appTheme]=\"appTheme()\"\n      [items]=\"items\"\n      [menuId]=\"menuId\"\n      [dense]=\"collapsed\"\n      [compressText]=\"listCompressText()\"\n      [searchable]=\"searchable\"\n      [limparAposPesquisar]=\"limparAposPesquisar\"\n      [clickToOpen]=\"clickToOpen\"\n      [groupCollapsible]=\"groupCollapsible\"\n      [groupDefaultExpansion]=\"groupDefaultExpansion\"\n      [persistGroupExpansion]=\"persistGroupExpansion\"\n      [selectedItemId]=\"selectedItemId\"\n      (itemSelect)=\"onSidebarItemSelect($event)\"\n      (groupToggled)=\"onMenuGroupToggled($event)\"\n      (selectionScrollHint)=\"scheduleScrollToSelected()\"\n      />\n    </div>\n  </div>\n  @if (userInfoTemplate || hasUserInfoSlot) {\n    <div class=\"app-sidebar__user\" data-app-sidebar-user=\"\">\n      @if (userInfoTemplate) {\n        <ng-container [ngTemplateOutlet]=\"userInfoTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarUserInfo], [structraSidebarUserInfo]\" />\n      }\n    </div>\n  }\n  @if (bottomActionsTemplate || hasBottomActionsSlot) {\n    <div class=\"app-sidebar__bottom-actions\">\n      @if (bottomActionsTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"bottomActionsTemplate\"\n          [ngTemplateOutletContext]=\"sidebarOutletContext\"\n        />\n      } @else {\n        <ng-content select=\"[appSidebarBottomActions], [structraSidebarBottomActions]\" />\n      }\n    </div>\n  }\n  @if (footerTemplate || hasFooterSlot) {\n    <div class=\"app-sidebar__foot\">\n      @if (footerTemplate) {\n        <ng-container [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"sidebarOutletContext\" />\n      } @else {\n        <ng-content select=\"[appSidebarFooter], [structraSidebarFooter]\" />\n      }\n    </div>\n  }\n</nav>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-sidebar{--structra-sidebar-expanded-width: 280px;--structra-sidebar-collapsed-width: 80px;--structra-sidebar-padding-x: 12px;--structra-sidebar-padding-y: 12px;--structra-sidebar-collapsed-padding-x: 8px;--structra-sidebar-footer-gap: 8px;--structra-sidebar-item-size-collapsed: 44px;--structra-sidebar-item-height: 44px;--structra-sidebar-item-radius: 12px;--structra-sidebar-item-padding-x: 10px;--structra-sidebar-scroll-size: 4px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding-block:var(--structra-sidebar-padding-y);padding-inline:0;background:var(--app-color-nav-shell-bg);border-right:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed{padding-block:var(--structra-sidebar-padding-y);padding-inline:0}.app-sidebar__head[data-app-sidebar-head]{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--structra-sidebar-footer-gap);width:100%;min-height:var(--structra-sidebar-item-height);background:var(--app-color-nav-shell-bg);padding:0 var(--structra-sidebar-padding-x) var(--structra-sidebar-footer-gap);box-sizing:border-box;direction:ltr;unicode-bidi:isolate;flex-direction:row!important;justify-content:flex-start!important;direction:ltr!important}.app-sidebar--collapsed .app-sidebar__head[data-app-sidebar-head]{justify-content:center!important;padding-inline:var(--structra-sidebar-collapsed-padding-x)!important;gap:0}.app-sidebar__brand{order:0;flex:1 1 0%;min-width:0;align-self:center;display:flex;justify-content:flex-start;align-items:center;padding:0;box-sizing:border-box;font-size:.95rem;font-weight:700;line-height:1.25;color:var(--app-color-text-primary, #1a2f45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start!important}.app-sidebar__brand>*{text-align:inherit!important;margin-inline:0!important;margin-inline-start:0!important;margin-inline-end:0!important;padding-inline-start:0!important;padding-inline-end:0!important;box-sizing:border-box;min-width:0;align-self:center;max-width:100%}.app-sidebar__brand ::ng-deep [appSidebarBrand]{display:inline-flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;align-self:center!important;margin-inline-start:0!important;margin-inline-end:auto!important;margin-left:0!important;margin-right:auto!important;text-align:start!important;width:auto!important;max-width:100%!important;min-width:0!important;flex:1 1 0%!important;box-sizing:border-box}.app-sidebar__brand:empty{display:none}.app-sidebar--collapsed .app-sidebar__brand:not(:empty){display:none}.app-sidebar__toolbar{order:1;flex:0 0 auto;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;align-self:stretch;min-width:0;padding:0;box-sizing:border-box;margin-inline-start:auto!important}.app-sidebar__toolbar:empty{display:none}.app-sidebar--collapsed .app-sidebar__toolbar:not(:empty){flex:0 0 auto!important;width:auto!important;min-width:0!important;margin-inline:auto!important;justify-content:center!important}.app-sidebar--collapsed .app-sidebar__toolbar ::ng-deep [appSidebarToolbar]:not(app-shell-sidebar-toggle)>:not(app-shell-sidebar-toggle){display:none!important}.app-sidebar__scroll{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.app-sidebar__scroll-content{box-sizing:border-box;padding-inline-start:var(--structra-sidebar-padding-x);padding-inline-end:0;min-width:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-sidebar--collapsed .app-sidebar__scroll-content{padding-inline-start:var(--structra-sidebar-collapsed-padding-x);padding-inline-end:0}.app-sidebar__list{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.app-sidebar__header-slot{flex:0 0 auto;width:100%;min-width:0}.app-sidebar__header-slot:empty{display:none}.app-sidebar__user,.app-sidebar__bottom-actions,.app-sidebar__foot{flex:0 0 auto;width:100%;min-width:0;box-sizing:border-box}.app-sidebar__user{margin-top:var(--structra-sidebar-footer-gap);padding:var(--structra-sidebar-padding-y) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar__bottom-actions{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0}.app-sidebar__foot{padding:var(--structra-sidebar-footer-gap) var(--structra-sidebar-padding-x) 0;border-top:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed .app-sidebar__user,.app-sidebar--collapsed .app-sidebar__bottom-actions,.app-sidebar--collapsed .app-sidebar__foot{padding-inline:var(--structra-sidebar-collapsed-padding-x);display:flex;flex-direction:column;align-items:center}.app-sidebar--collapsed .app-sidebar__header-slot:not(:empty){display:none}@media(min-width:52.0625rem){.app-sidebar .app-sidebar__head[data-app-sidebar-head]{padding-top:0}.app-sidebar .app-sidebar__brand ::ng-deep [appSidebarBrand]{min-height:var(--structra-sidebar-item-height)!important;height:var(--structra-sidebar-item-height)!important;line-height:1!important}}@media(max-width:767.98px){:host-context(.app-drawer__body) .app-sidebar{--structra-sidebar-padding-x: 8px;--structra-sidebar-padding-y: 8px;--structra-sidebar-footer-gap: 6px;--structra-sidebar-item-height: 40px;--structra-sidebar-item-size-collapsed: 40px}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-width:none;-ms-overflow-style:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar{width:0;height:0;display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-thumb,:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport::-webkit-scrollbar-track{display:none}:host-context(.app-drawer__body) .app-sidebar__scroll .menu-list__viewport{scrollbar-color:transparent transparent}}:host-context(.app-drawer__body) .app-sidebar__head[data-app-sidebar-head]{justify-content:flex-start!important;align-items:center!important;padding-top:0!important;padding-bottom:var(--structra-sidebar-footer-gap)!important;z-index:1!important}:host-context(.app-drawer__body) .app-sidebar__brand{justify-content:flex-start!important;flex:1 1 0%!important;min-width:0!important;text-align:start!important}:host-context(.app-drawer__body) .app-sidebar__toolbar:not(:empty){margin-inline-start:auto!important;justify-content:flex-end!important;align-self:stretch!important}:host-context(.app-drawer__body) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;min-height:auto!important;height:auto!important;line-height:1.25!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__label{padding-top:.52rem!important}:host-context(.app-drawer__body) ::ng-deep app-menu-list .menu-list__icon{transform:translateY(.14rem)}:host-context(.app-shell__sidebar) .app-sidebar__brand ::ng-deep [appSidebarBrand]{justify-content:flex-start!important;margin-inline-start:0!important;margin-inline-end:auto!important;text-align:start!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "appTheme", required: false }] }], sidebarContext: [{
                 type: Input
             }], headerTpl: [{
@@ -21246,11 +21705,11 @@ class StructraSidebarUserPanelComponent {
         this.panelClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StructraSidebarUserPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: StructraSidebarUserPanelComponent, isStandalone: true, selector: "structra-sidebar-user-panel, app-admin-sidebar-user-panel", inputs: { panelTooltip: { classPropertyName: "panelTooltip", publicName: "panelTooltip", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, empresa: { classPropertyName: "empresa", publicName: "empresa", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelClick: "panelClick" }, ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"structra-sidebar-card structra-sidebar-user-panel\"\n    [attr.title]=\"panelTooltip()\"\n    aria-label=\"Clique para ver os detalhes do usu\u00E1rio\"\n    (click)=\"onPanelClick()\"\n>\n    <div class=\"structra-sidebar-user\">\n        <span class=\"structra-sidebar-user-avatar\" aria-hidden=\"true\">{{ initials() }}</span>\n        @if (!collapsed()) {\n            <div class=\"structra-sidebar-user-body\">\n                <span class=\"structra-sidebar-user-name\">{{ displayName() }}</span>\n                @if (user()?.profileName?.trim(); as profile) {\n                    <span class=\"structra-sidebar-user-meta\">{{ profile }}</span>\n                }\n                @if (planName(); as plan) {\n                    <span class=\"structra-sidebar-plan-badge\">{{ plan }}</span>\n                }\n            </div>\n        }\n    </div>\n</button>\n", styles: [":host{display:block;width:100%;min-width:0;box-sizing:border-box}.structra-sidebar-user-panel{margin:0;width:100%;box-sizing:border-box;cursor:pointer;text-align:start;font:inherit;color:inherit;appearance:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.structra-sidebar-user-panel:hover{background:color-mix(in srgb,var(--app-color-primary, #6366f1) 11%,transparent);border-color:color-mix(in srgb,var(--app-color-primary, #6366f1) 24%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 7%,transparent)}.structra-sidebar-user-panel:focus-visible{outline:2px solid var(--app-color-nav-focus-ring, var(--app-color-primary, #6366f1));outline-offset:2px}.structra-sidebar-user-panel:active{transform:scale(.985)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover{background:transparent;border-color:transparent;box-shadow:none}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover .structra-sidebar-user-avatar{box-shadow:0 2px 10px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent);transform:scale(1.04)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:active .structra-sidebar-user-avatar{transform:scale(.98)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-avatar{transition:transform .15s ease,box-shadow .2s ease}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: StructraSidebarUserPanelComponent, isStandalone: true, selector: "structra-sidebar-user-panel, app-admin-sidebar-user-panel", inputs: { panelTooltip: { classPropertyName: "panelTooltip", publicName: "panelTooltip", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, empresa: { classPropertyName: "empresa", publicName: "empresa", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelClick: "panelClick" }, ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"structra-sidebar-card structra-sidebar-user-panel\"\n    [attr.title]=\"panelTooltip()\"\n    aria-label=\"Clique para ver os detalhes do usu\u00E1rio\"\n    (click)=\"onPanelClick()\"\n>\n    <div class=\"structra-sidebar-user\">\n        <span class=\"structra-sidebar-user-avatar\" aria-hidden=\"true\">{{ initials() }}</span>\n        @if (!collapsed()) {\n            <div class=\"structra-sidebar-user-body\">\n                <span class=\"structra-sidebar-user-name\">{{ displayName() }}</span>\n                @if (user()?.profileName?.trim(); as profile) {\n                    <span class=\"structra-sidebar-user-meta\">{{ profile }}</span>\n                }\n                @if (planName(); as plan) {\n                    <span class=\"structra-sidebar-plan-badge\">{{ plan }}</span>\n                }\n            </div>\n        }\n    </div>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}.structra-sidebar-user-panel{margin:0;width:100%;box-sizing:border-box;cursor:pointer;text-align:start;font:inherit;color:inherit;appearance:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.structra-sidebar-user-panel:hover{background:color-mix(in srgb,var(--app-color-primary, #6366f1) 11%,transparent);border-color:color-mix(in srgb,var(--app-color-primary, #6366f1) 24%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 7%,transparent)}.structra-sidebar-user-panel:focus-visible{outline:2px solid var(--app-color-nav-focus-ring, var(--app-color-primary, #6366f1));outline-offset:2px}.structra-sidebar-user-panel:active{transform:scale(.985)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover{background:transparent;border-color:transparent;box-shadow:none}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover .structra-sidebar-user-avatar{box-shadow:0 2px 10px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent);transform:scale(1.04)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:active .structra-sidebar-user-avatar{transform:scale(.98)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-avatar{transition:transform .15s ease,box-shadow .2s ease}@media(max-width:767.98px){:host-context(.app-drawer__body) .app-sidebar__user{display:block;padding-top:.35rem;padding-bottom:.12rem}:host-context(.app-drawer__body) .structra-sidebar-card.structra-sidebar-user-panel,:host-context(.app-drawer__body) button.structra-sidebar-card[class*=sidebar-user-panel]{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;margin-inline:0;padding:.4rem .48rem .4rem .42rem;gap:0;background:color-mix(in srgb,var(--app-color-primary, #6366f1) 8%,transparent);border:1px solid color-mix(in srgb,var(--app-color-nav-border-subtle, #dbe3ec) 90%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 5%,transparent)}:host-context(.app-drawer__body) .structra-sidebar-user{display:flex;align-items:center;gap:.48rem;width:100%;min-width:0}:host-context(.app-drawer__body) .structra-sidebar-user-avatar{width:34px;height:34px;font-size:.7rem;box-shadow:0 1px 5px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent)}:host-context(.app-drawer__body) .structra-sidebar-user-body{display:flex!important;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.04rem;min-width:0}:host-context(.app-drawer__body) .structra-sidebar-user-name{font-size:.78rem;font-weight:700;line-height:1.2}:host-context(.app-drawer__body) .structra-sidebar-user-meta{font-size:.66rem;line-height:1.25;color:var(--app-color-text-secondary, #5a7fa3)}:host-context(.app-drawer__body) .structra-sidebar-plan-badge{display:none!important}:host-context(.app-drawer__body) .structra-sidebar-card.structra-sidebar-user-panel:after,:host-context(.app-drawer__body) button.structra-sidebar-card[class*=sidebar-user-panel]:after{content:\"\";flex:0 0 auto;width:.38rem;height:.38rem;margin-inline-start:.2rem;border-right:1.5px solid var(--app-color-text-secondary, #64748b);border-bottom:1.5px solid var(--app-color-text-secondary, #64748b);transform:rotate(-45deg) translateY(-.5px);opacity:.5;pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StructraSidebarUserPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'structra-sidebar-user-panel, app-admin-sidebar-user-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    type=\"button\"\n    class=\"structra-sidebar-card structra-sidebar-user-panel\"\n    [attr.title]=\"panelTooltip()\"\n    aria-label=\"Clique para ver os detalhes do usu\u00E1rio\"\n    (click)=\"onPanelClick()\"\n>\n    <div class=\"structra-sidebar-user\">\n        <span class=\"structra-sidebar-user-avatar\" aria-hidden=\"true\">{{ initials() }}</span>\n        @if (!collapsed()) {\n            <div class=\"structra-sidebar-user-body\">\n                <span class=\"structra-sidebar-user-name\">{{ displayName() }}</span>\n                @if (user()?.profileName?.trim(); as profile) {\n                    <span class=\"structra-sidebar-user-meta\">{{ profile }}</span>\n                }\n                @if (planName(); as plan) {\n                    <span class=\"structra-sidebar-plan-badge\">{{ plan }}</span>\n                }\n            </div>\n        }\n    </div>\n</button>\n", styles: [":host{display:block;width:100%;min-width:0;box-sizing:border-box}.structra-sidebar-user-panel{margin:0;width:100%;box-sizing:border-box;cursor:pointer;text-align:start;font:inherit;color:inherit;appearance:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.structra-sidebar-user-panel:hover{background:color-mix(in srgb,var(--app-color-primary, #6366f1) 11%,transparent);border-color:color-mix(in srgb,var(--app-color-primary, #6366f1) 24%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 7%,transparent)}.structra-sidebar-user-panel:focus-visible{outline:2px solid var(--app-color-nav-focus-ring, var(--app-color-primary, #6366f1));outline-offset:2px}.structra-sidebar-user-panel:active{transform:scale(.985)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover{background:transparent;border-color:transparent;box-shadow:none}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover .structra-sidebar-user-avatar{box-shadow:0 2px 10px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent);transform:scale(1.04)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:active .structra-sidebar-user-avatar{transform:scale(.98)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-avatar{transition:transform .15s ease,box-shadow .2s ease}\n"] }]
+            args: [{ selector: 'structra-sidebar-user-panel, app-admin-sidebar-user-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    type=\"button\"\n    class=\"structra-sidebar-card structra-sidebar-user-panel\"\n    [attr.title]=\"panelTooltip()\"\n    aria-label=\"Clique para ver os detalhes do usu\u00E1rio\"\n    (click)=\"onPanelClick()\"\n>\n    <div class=\"structra-sidebar-user\">\n        <span class=\"structra-sidebar-user-avatar\" aria-hidden=\"true\">{{ initials() }}</span>\n        @if (!collapsed()) {\n            <div class=\"structra-sidebar-user-body\">\n                <span class=\"structra-sidebar-user-name\">{{ displayName() }}</span>\n                @if (user()?.profileName?.trim(); as profile) {\n                    <span class=\"structra-sidebar-user-meta\">{{ profile }}</span>\n                }\n                @if (planName(); as plan) {\n                    <span class=\"structra-sidebar-plan-badge\">{{ plan }}</span>\n                }\n            </div>\n        }\n    </div>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}.structra-sidebar-user-panel{margin:0;width:100%;box-sizing:border-box;cursor:pointer;text-align:start;font:inherit;color:inherit;appearance:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.structra-sidebar-user-panel:hover{background:color-mix(in srgb,var(--app-color-primary, #6366f1) 11%,transparent);border-color:color-mix(in srgb,var(--app-color-primary, #6366f1) 24%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 7%,transparent)}.structra-sidebar-user-panel:focus-visible{outline:2px solid var(--app-color-nav-focus-ring, var(--app-color-primary, #6366f1));outline-offset:2px}.structra-sidebar-user-panel:active{transform:scale(.985)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover{background:transparent;border-color:transparent;box-shadow:none}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:hover .structra-sidebar-user-avatar{box-shadow:0 2px 10px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent);transform:scale(1.04)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-panel:active .structra-sidebar-user-avatar{transform:scale(.98)}:host-context(.app-sidebar--collapsed) .structra-sidebar-user-avatar{transition:transform .15s ease,box-shadow .2s ease}@media(max-width:767.98px){:host-context(.app-drawer__body) .app-sidebar__user{display:block;padding-top:.35rem;padding-bottom:.12rem}:host-context(.app-drawer__body) .structra-sidebar-card.structra-sidebar-user-panel,:host-context(.app-drawer__body) button.structra-sidebar-card[class*=sidebar-user-panel]{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;margin-inline:0;padding:.4rem .48rem .4rem .42rem;gap:0;background:color-mix(in srgb,var(--app-color-primary, #6366f1) 8%,transparent);border:1px solid color-mix(in srgb,var(--app-color-nav-border-subtle, #dbe3ec) 90%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 5%,transparent)}:host-context(.app-drawer__body) .structra-sidebar-user{display:flex;align-items:center;gap:.48rem;width:100%;min-width:0}:host-context(.app-drawer__body) .structra-sidebar-user-avatar{width:34px;height:34px;font-size:.7rem;box-shadow:0 1px 5px color-mix(in srgb,var(--app-color-primary, #6366f1) 28%,transparent)}:host-context(.app-drawer__body) .structra-sidebar-user-body{display:flex!important;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.04rem;min-width:0}:host-context(.app-drawer__body) .structra-sidebar-user-name{font-size:.78rem;font-weight:700;line-height:1.2}:host-context(.app-drawer__body) .structra-sidebar-user-meta{font-size:.66rem;line-height:1.25;color:var(--app-color-text-secondary, #5a7fa3)}:host-context(.app-drawer__body) .structra-sidebar-plan-badge{display:none!important}:host-context(.app-drawer__body) .structra-sidebar-card.structra-sidebar-user-panel:after,:host-context(.app-drawer__body) button.structra-sidebar-card[class*=sidebar-user-panel]:after{content:\"\";flex:0 0 auto;width:.38rem;height:.38rem;margin-inline-start:.2rem;border-right:1.5px solid var(--app-color-text-secondary, #64748b);border-bottom:1.5px solid var(--app-color-text-secondary, #64748b);transform:rotate(-45deg) translateY(-.5px);opacity:.5;pointer-events:none}}\n"] }]
         }], propDecorators: { panelTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelTooltip", required: false }] }], user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: false }] }], empresa: [{ type: i0.Input, args: [{ isSignal: true, alias: "empresa", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], panelClick: [{ type: i0.Output, args: ["panelClick"] }] } });
 
 const STRUCTRA_APP_VERSION_CONFIG = new InjectionToken('STRUCTRA_APP_VERSION_CONFIG');
@@ -46628,5 +47087,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_BASE_CLASS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AdminLoginPageComponent, AdminLoginShellComponent, StructraSidebarUserPanelComponent as AdminSidebarUserPanelComponent, AlertComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppLibLightBlockScrollStrategy, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarBottomActionsSlotDirective, AppSidebarBottomActionsTemplateDirective, AppSidebarBrandDirective, AppSidebarComponent, AppSidebarFooterSlotDirective, AppSidebarFooterTemplateDirective, AppSidebarHeaderSlotDirective, AppSidebarHeaderTemplateDirective, AppSidebarToolbarDirective, AppSidebarUserInfoSlotDirective, AppSidebarUserInfoTemplateDirective, AppTheme, AppThemeService, AppTopbarComponent, AppUserMenuComponent, StructraAppVersionService as AppVersionService, BR_ESTADOS_NOME_SIGLA, ButtonType as BaseButtonType, ButtonVariant as BaseButtonVariant, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, ButtonComponent, ButtonRadius, ButtonSize, ButtonType, ButtonVariant, CADASTRO_COLLAPSIBLE_REMOTE_LOAD_DELAY_MS, CADASTRO_DUPLICATE_FLAG_STATE, CADASTRO_DUPLICATE_SOURCE_ID_STATE, CADASTRO_FOCO_COLUNA_APOS_RESUMO_MS, CADASTRO_FORM_COLLECTION_REMOVE_ITEM_CONFIRM, CADASTRO_INVALIDATE_ROUTE_SNAPSHOT, CADASTRO_PAGE_SUBTITULO_PADRAO, CADASTRO_PAGE_TITULO_NOVO_PADRAO, CADASTRO_PESSOA_INLINE_DESTINO_URL_FRAGMENTS, CADASTRO_REFERENCIA_DIALOG_CONTEXT, CADASTRO_REFERENCIA_DIALOG_PAGE_CONFIG, CADASTRO_REFERENCIA_ROUTE_ACCESS, CADASTRO_REFERENCIA_ROUTE_ACCESS_PERMISSIVE, CADASTRO_RESUMO_FIELD_NAVIGATE_DEFER_MS, CADASTRO_TOAST_TITLE_PADRAO, CADASTRO_VALIDATION_SUMMARY_PINNED, CADASTRO_VALIDATION_SUMMARY_STATIC, CATEGORIAS_NAV_ID_EXCLUIDO, CATEGORIAS_NAV_LINHA_GRAVADA, CATEGORIAS_NAV_VOLTAR_SEM_RECARREGAR, CLIENTES_NAV_ID_EXCLUIDO, CLIENTES_NAV_LINHA_GRAVADA, CLIENTES_NAV_VOLTAR_SEM_RECARREGAR, CONSULTA_DATETIME_KEYS_ISO_PARA_FMT, CONSULTA_DOCUMENTO_GRID_KEYS_ISO_PARA_FMT, CONSULTA_FILTROS_SESSAO_USER, CONSULTA_GRID_OPTS_DATAS_PADRAO, CONSULTA_LISTA_CACHE_MAX_PAGINAS_DEFAULT, CONSULTA_LISTA_CACHE_NS_SEP, CONSULTA_LISTA_CACHE_TTL_MS_DEFAULT, CONSULTA_MOBILE_LAYOUT_MEDIA_QUERY, CONSULTA_MULTISELECT_LABEL_STUB, CONSULTA_OPTIONS_LISTAR_RESOLVER, CONSULTA_PEDIDOS_GRID_OPTS, CONSULTA_PHONE_GRID_KEYS_ISO_PARA_FMT, CONSULTA_PRESET_SELECT_EMPTY_OPTIONS_MESSAGE_DESKTOP, CONSULTA_PRESET_SELECT_EMPTY_OPTIONS_MESSAGE_MOBILE, CONSULTA_PRODUTOS_GRID_OPTS, CONSULTA_ROUTE_REUSE, CONSULTA_SERVIDOR_LISTA_QUERY_DEFAULTS, CONSULTA_TOPBAR_SLOT, CadastroBasePageComponent, CadastroCollectionGridColumnFormat, CadastroCollectionReferenciaHostService, CadastroCollectionRuntime, CadastroEnumOptionsRegistry, CadastroFieldRendererComponent, CadastroFieldRuntime, CadastroFieldsBaseComponent, CadastroFormDraftCacheService, CadastroFormLoadingSkeletonComponent, CadastroMetadataPageBase, CadastroMetadataPageComponent, CadastroMetadataPageServiceBase, CadastroMetadataPageShellLayoutComponent, CadastroMetadataPageStateBase, CadastroMetadataShellPageComponent, CadastroPadraoPageBase, CadastroReferenceRegistry, CadastroReferenciaDialogBridgeRegistry, CadastroReferenciaDialogHostComponent, CadastroReferenciaDialogService, CadastroReferenciaOpenMode, CadastroRuntime, CadastroRuntimeRegistry, CadastroSectionPanelLayout, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ColorPickerFieldComponent, ComponentType, ConfirmDialogComponent, ConfirmDialogService, ConsoleLogComponent, ConsultaBasePageComponent, ConsultaCadastroFiltroDialogComponent, ConsultaCardCampoPapel, ConsultaCardFieldFormat, ConsultaCatalogBundleHelper, ConsultaFiltroPresetToolbarComponent, ConsultaFiltrosSessaoService, ConsultaGridColumnFormat, ConsultaGridOrderDirection, ConsultaListaMemoriaCacheService, ConsultaPadraoPageBase, ConsultaPageCache, ConsultaPageLoadingSkeletonComponent, ContainerLayoutSize, ContextMenuComponent, CpfCnpjFieldComponent, DEFAULT_STRUCTRA_APP_VERSION_API_PATH, DEFAULT_STRUCTRA_APP_VERSION_FALLBACK, DEFAULT_STRUCTRA_COOKIE_NOTICE_ACCEPT_LABEL, DEFAULT_STRUCTRA_COOKIE_NOTICE_DESCRIPTION, DEFAULT_STRUCTRA_COOKIE_NOTICE_STORAGE_KEY, DEFAULT_STRUCTRA_COOKIE_NOTICE_TITLE, DEFAULT_STRUCTRA_SHELL_SCROLL_RESTORATION_OPTIONS, DEFAULT_STRUCTRA_SHELL_SIDEBAR_COLLAPSED_STORAGE_KEY, DROPDOWN_SEARCH_LOCAL_PAGE_SIZE, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DividerComponent, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, ENM_STATUS_OPCOES_SELECT, EmptyStateComponent, EnmStatus, FIELD_MOBILE_LAYOUT_QUERY, FILE_PREVIEW_UNAVAILABLE_MESSAGE, FORM_CONTAINER_STATE_STORAGE_PREFIX, FORNECEDORES_NAV_ID_EXCLUIDO, FORNECEDORES_NAV_LINHA_GRAVADA, FORNECEDORES_NAV_VOLTAR_SEM_RECARREGAR, FieldCadastroRedirectButtonComponent, FileUploadFieldComponent, FileUploadType, FormActionsAlign, FormActionsComponent, FormColComponent, FormCollectionComponent, FormCollectionLayout, FormGroupComponent, FormGroupVariant, FormLayoutGap, FormRowAlign, FormRowComponent, FormRowJustify, FormSectionAlign, FormSectionComponent, FormSectionRadius, FormSectionVariant, FormTabComponent, FormTabsComponent, GridLayoutConsultaService, ImagePreviewPanelComponent, InputMaskFieldComponent, IntegerFieldComponent, LAYOUT_STACK_SIDE_BY_SIDE, LAYOUT_STACK_STACKED, LayoutStackAlign, LayoutStackComponent, LayoutStackDirection, LayoutStackItemAlign, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NO_OP_CONSULTA_ROUTE_REUSE, NO_OP_CONSULTA_TOPBAR_SLOT, NgControlFieldDirective, OPS_BOOL, OPS_DATA, OPS_TEXTO, OPS_TEXTO_MULTISELECT, ORIGEM_CADASTRO_INLINE_PESSOA, OnboardingChecklistComponent, OverlayPlacement, PDF_IFRAME_VIEWER_HASH, PEDIDOS_NAV_ID_EXCLUIDO, PEDIDOS_NAV_LINHA_GRAVADA, PEDIDOS_NAV_VOLTAR_SEM_RECARREGAR, PERMISSION_GROUP_OUTROS_KEY, PERMISSION_GROUP_OUTROS_LABEL, PERMISSION_GROUP_OUTROS_ORDER, PESSOAS_NAV_LINHA_GRAVADA, PESSOAS_NAV_VOLTAR_SEM_RECARREGAR, PHONE_BR_LANDLINE_MASK, PHONE_BR_MOBILE_MASK, PRODUTOS_NAV_ID_EXCLUIDO, PRODUTOS_NAV_LINHA_GRAVADA, PRODUTOS_NAV_VOLTAR_SEM_RECARREGAR, StructraPageFooterComponent as PageFooterComponent, PasswordFieldComponent, PermissionGroupTabComponent, PermissionGroupTabsComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, ReferenceOptionPreset, STRUCTRA_ADMIN_ROUTE_REDIRECT_CACHE_PREFIX, STRUCTRA_ADMIN_ROUTE_REDIRECT_LOGIN_ID_CACHE_KEY, STRUCTRA_APP_VERSION_CONFIG, STRUCTRA_CADASTRO_INLINE_RESULT_KEY, STRUCTRA_CADASTRO_INLINE_RETURN_KEY, STRUCTRA_CONSULTA_FORCE_REFRESH_KEY, STRUCTRA_CONSULTA_GRID_STATE_SESSION_RESET, STRUCTRA_CONSULTA_GRID_STATE_TENANT_RESOLVER, STRUCTRA_CONSULTA_GRID_STATE_TTL_MS_DEFAULT, STRUCTRA_COOKIE_NOTICE_CONFIG, STRUCTRA_DEDICATED_BACK_TO_TOP_SELECTOR, STRUCTRA_GRID_LAYOUT_API_BASE_RESOLVER, STRUCTRA_GRID_LAYOUT_AUTH_HEADERS_RESOLVER, STRUCTRA_GRID_LAYOUT_TENANT_RESOLVER, STRUCTRA_INLINE_FORM_DRAFT_PENDING_PREFIX, STRUCTRA_KANBAN_DESKTOP_MIN_WIDTH, STRUCTRA_MIDIA_PUBLIC_BASE_RESOLVER, STRUCTRA_MIDIA_UPLOAD_TRANSPORT, STRUCTRA_PAGE_CACHE_SCOPE_SEP, STRUCTRA_PAGE_FOOTER_CONFIG, STRUCTRA_PAGE_FOOTER_PARTS, STRUCTRA_PAGE_STATE_ACTIVE_TAB_PREFIX, STRUCTRA_REPORT_DEFAULT_PAGE_SIZE, STRUCTRA_REPORT_TRANSPORT, STRUCTRA_SCROLL_SESSION_RESET, STRUCTRA_SCROLL_TENANT_RESOLVER, STRUCTRA_SHELL_NAV_CONTENT_READY, STRUCTRA_SHELL_SCROLL_RESTORATION_OPTIONS, STRUCTRA_SHELL_TOPBAR_TITLE_SKELETON, STRUCTRA_SIMULATED_LOADING_DELAY_MS, STRUCTRA_THEME_DARK_CLASS, STRUCTRA_THEME_IDS, STRUCTRA_UI, ScriptEditorFieldComponent, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonStatCardComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, StructraAdminRouteRedirectPageBase, StructraAppVersionService, StructraBackToTopButtonComponent, StructraConsultaGridStateService, StructraCookieNoticeComponent, StructraCookieNoticeService, StructraKanbanDragAutoScrollController, StructraPageCacheService, StructraPageComponentOutletComponent, StructraPageComponentRegistry, StructraPageFooterComponent, StructraPageStateCacheService, StructraPreserveScrollDirective, StructraProgressOverlayComponent, StructraReportEmptyStateComponent, StructraReportFilterPanelComponent, StructraReportLoadingSkeletonComponent, StructraReportPageBaseComponent, StructraReportPageComponent, StructraReportPaginatorComponent, StructraReportPreviewHeaderComponent, StructraReportTableComponent, StructraReportTreeCacheService, StructraReportTreeComponent, StructraReportTreeSkeletonComponent, StructraReportViewerComponent, ScriptEditorFieldComponent as StructraScriptEditorComponent, StructraScrollStateService, StructraShellScrollRestorationService, StructraShellTopbarSlotService, AppSidebarBottomActionsTemplateDirective as StructraSidebarBottomActionsDirective, AppSidebarFooterTemplateDirective as StructraSidebarFooterDirective, AppSidebarHeaderTemplateDirective as StructraSidebarHeaderDirective, AppSidebarUserInfoTemplateDirective as StructraSidebarUserInfoDirective, StructraSidebarUserPanelComponent, StructraTreeExpandStateService, SwitchFieldComponent, THEME_PRIMARY_COLOR_LABEL_PT_BR, TOAST_REGISTRO_EXCLUIDO_SUCESSO, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ThemeDirective, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, TreeViewComponent, USUARIOS_CONSULTA_GRID_OPTS, USUARIOS_NAV_ID_EXCLUIDO, USUARIOS_NAV_LINHA_GRAVADA, USUARIOS_NAV_VOLTAR_SEM_RECARREGAR, VENDEDORES_NAV_ID_EXCLUIDO, VENDEDORES_NAV_LINHA_GRAVADA, VENDEDORES_NAV_VOLTAR_SEM_RECARREGAR, ValidationSummaryComponent, agruparCamposMetadataPorSecao, agruparPermissionTabs, anchoredOverlayPositions, aplicarNormalizacaoMultiselectIdsNoPartial, aplicarProdutoDtoNoFormulario, appendCadastroPageActiveTabQuery, appendPdfIframeViewerParams, applyCadastroCollectionArrayValidators, applyCadastroModoSenhaNovos, applyCollectionValidationSummaryNavigation, applyCollectionValueToFormArray, applyConsultaListaPatch, applyEntityToCadastroFormByMetadata, applyOptionalThemeHostClasses, applyPickedCalendarDate, attachStructraScrollPreserve, buildCadastroFiltroDialogItensGridRows, buildCadastroMetadataShellRuntime, buildCadastroPageActiveTabPageKey, buildCadastroPageActiveTabPageKeyFromLayout, buildCadastroPageRuntime, buildCadastroRedirectReturnUrl, buildCadastroReferenciaDialogContext, buildCardNavigateActionsFromGridColumns, buildCatalogoStubConsultaRuntime, buildConsultaConfirmDuplicarLinhaFromLayout, buildConsultaConfirmRemoverLinhaFromLayout, buildConsultaDefaultIsItemGuard, buildConsultaGridStateSessionKey, buildConsultaListaCacheKey, buildConsultaPageMetadataUnified, buildConsultaPageRuntime, buildDecimalBrDisplay, buildDecimalBrParseString, buildDefaultConsultaMapCardFromColunasGrid, buildEmptyStateOverlayHtml, buildFormContainerStateStorageKey, buildFormGroupFromCadastroCampos, buildGridNavigateUrl, buildHistoryStateAfterReturningFromNestedInlineChild, buildInlineReturnStateForChildCadastro, buildNovoFormDefaultsFromCampos, buildReportRowCardMap, buildRouteReuseKeyFromAppPathname, buildRouteReuseKeyFromNovoRouterLink, buildStructraAdminRouteRedirectCacheKey, buildStructraAdminRouteRedirectChildUrl, buildStructraPageCacheCadastroInitKey, buildStructraPageCacheRouteScope, buildStructraPageFooterParts, buildStructraSidebarTemplateContext, buildValidationMetaFromCadastroCampos, cadastroBuildImageUploadMetadata, cadastroCampoBlocoEditorOcupaLinhaInteira, cadastroCampoBooleanOcupaLinhaInteira, cadastroCampoMetadataDtoFromPartial, cadastroCampoMetadataEhBoolean, cadastroCampoMetadataLarguraCompacta, cadastroCampoMetadataLarguraFixaCss, cadastroCampoReferenciaMetadataDtoFromPartial, cadastroCampoRuleMaxLength, cadastroCampoScriptEditorLanguage, cadastroCampoScriptEditorMinHeight, cadastroCampoValidacaoDtoFromPartial, cadastroCampoWrapperWidthCss, cadastroCollectionEditorGridColumns, cadastroCollectionMaxItemsValidator, cadastroCollectionMinItemsValidator, cadastroConfirmExcluirPartialFromLayout, cadastroContainerLayoutSizeDoRecord, cadastroContainerPathJoin, cadastroCrudMessagesDoFormLayout, cadastroDeclarativeSnapshotDtoFromPartial, cadastroEnsureSingleBooleanInCollection, cadastroFieldsPerRowDoRecord, cadastroFlattenContainerRaw, cadastroFormDraftEnabledDoLayout, cadastroFormGridColumns, cadastroFormLayoutComoRecord, cadastroFormLayoutDoBundle, cadastroFormLayoutDoRuntime, cadastroFormLayoutPreserveActiveTab, cadastroFormPageLayoutFromPartial, cadastroGcd, cadastroGetCollectionItemControl, cadastroGridColumnSpanForFieldIndex, cadastroGridDenominadorTracks, cadastroGridTemplateColumnsLinhaUnicaSeAplicavel, cadastroInferExtensaoArquivo, cadastroInferImageContentType, cadastroLcm, cadastroMetadataDtoParaValidacaoLike, cadastroNavKeysStructra, cadastroNomeArquivoDaUploadUrl, cadastroNormalizarUploadUrlPorPrefixo, cadastroPageActionDtoFromPartial, cadastroPageActionsPorRegiao, cadastroPageActiveTabToRestore, cadastroPageComponentDtoFromPartial, cadastroPageComponentsPorRegiao, cadastroPageIdentityDoFormLayout, cadastroPageOverlayDtoFromPartial, cadastroPageShellAtivo, cadastroPageShellTabsKeepAliveFromLayout, cadastroPageTabDtoFromPartial, cadastroPageTabsOrdenados, cadastroPainelMaxWidthCss, cadastroRawBooleanDeep, cadastroRawNumber, cadastroRawString, cadastroReferenceEntryFromListarService, cadastroReferenciaOpenModeFromWire, cadastroReindexarCollectionOrdem, cadastroResolveId, cadastroSecaoFormGroupDense, cadastroSecaoPersisteExpandedState, cadastroSecaoRenderizaInlineDentroDoPai, cadastroSecaoSegmentosIntercalados, cadastroSecaoSegmentosParaRender, cadastroSecaoUsaFormGroup, cadastroSecaoUsaFormGroupComoBlocoVisual, cadastroSecaoUsaSuperficieDeclarativa, cadastroSingleBooleanCollectionBinding, cadastroTitulosEfectivosDoFormLayout, cadastroToastTitleEfectivoDoFormLayout, cadastroToolbarButtonDtoFromPartial, cadastroToolbarVisibilityDoFormLayout, cadastroUseBackToTopButtonFromLayout, cadastroValidationSummaryFlagsDoRecord, cadastroValidationSummaryPinnedFromFlags, cadastroWireCollectionOrdemReindexOnAdd, cadastroWireCollectionOrdemReindexOnAddRemove, cadastroWireCollectionOrdemReindexOnRemove, campoMetadataVisivelNoModo, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, carregarOpcoesMultiselectViaSpec, cepMaskCompleteValidator, clearRequiredValidatorsOnReadOnlyCadastroFields, clearStructraCadastroInlineReturnSessionCacheForTests, clearStructraCadastroSessionStorageOnLogout, coerceDecimalPtBr, coerceReportBoolean, collectValidationSummaryItems, colunasGridTemFormatacaoDeclarativa, computeReferenciaHasMore, consoleLogLevelClass, consultaCadastroPatchKindFromModo, consultaCampoMetadataDtoFromPartial, consultaCardCampoDtoFromPartial, consultaFiltroValorDataSomenteDia, consultaGridColunaDtoFromPartial, consultaGridColunaKeyParaCampoLinha, consultaGridConfigDtoFromPartial, consultaNavKeysStructra, consultaPassaItem, consultaPassaTodosItens, consultaUsuariosMetadataReplyFromPartial, consumeCadastroInlineFormDraftPendingRestore, consumeConsultaPendingGridReturn, consumeGridReturnVoltarKeyForUrl, consumirResultadoCadastroInlineCampoPessoaId, consumirResultadoCadastroInlineCampoReferencia, cpfCnpjMaskCompleteValidator, createCadastroDialogActivatedRoute, createCadastroMetadataPageConfig, createCadastroPadraoConfig, createCadastroRuntime, createCollectionFormArray, createCollectionItemFormGroup, createConsultaListaItemGuardFromFiltroUi, createConsultaOptionsListarResolver, createConsultaPadraoRuntime, createConsultaPresetSelectEmptyOptionsMessageSignal, createConsultaPresetStorageApi, createGrpcSaveRequestMapper, createInlineHostNavigation, createMapCardFromConsultaColunasGrid, createMapGridRowFromConsultaColunasGrid, createSaveRequestFromPartialMapper, criarDraftInlinePessoa, decimalPtBrNaoNegativoValidator, decimalPtBrToNullableNumber, dedupeUiSelectOptionsByValue, defaultIsConsultaListItemMinimo, defaultParseLinhaGravadaJson, deleteConfirmPageConfigFromPartial, deriveCadastroTituloEditar, deriveConsultaListaItemGuardPropsFromFiltroUi, duplicateConfigFromLayout, duplicatePageConfigFromPartial, enrichCadastroReferenciaDialogPageConfig, enrichConsultaMapCardWithGridNavigate, ensureCadastroCollectionMinItems, ensureCadastroFormControlsFromMetadata, escapeHtml, evaluateStructraPageVisibleExpression, executarConsultaServidorComPreset, extractConsultaListaCacheNamespace, extractDecimalBrParts, fileIsLikelyImage, fileMatchesAccept, filtrarSecoesMetadataPorModo, filtrarUiSelectOptionsPainelComValorPersistente, filtrarUiSelectOptionsPorQuery, findCadastroCampoByKey, findFirstReportLeafId, findReportTreeLabel, fixedDigitsMaskCompleteValidator, flattenCadastroMetadataSecoes, fmtDataPt, fmtDocumentoCelulaConsultaGrid, formatAcceptForDisplay, formatDateTimePtBr, formatDecimalBr, formatDocumentoPessoaParaExibicao, formatFileSizeBytes, formatIntegerThousandsBr, formatMaskDigits, formatPhoneBr, formatReportPreviewTitulo, formatUiFieldDateValue, getFilePreviewKind, getStructraActionsByGroup, getThemeClass, getThemeClassList, getThemePrimaryColorLabelPtBr, getThemeTokenClass, gridNavigateIconClass, hexParaColorInput, inferCadastroItemFieldsFromPlainRows, inferCadastroListaUrlFallback, initialCadastroControlValue, injectEffectiveThemeId, isCadastroDuplicateNavigation, isCollectionField, isCollectionLikeField, isConsultaCardAutoSubtitleExcluded, isLegacyDarkThemeId, isLegacyFormContainerStateStorageKey, isLegacyNomeDocumentoReferencePreset, isReadonlyCollectionField, isReportBooleanColumn, isReportGroupNode, isReportNowrapColumn, isValidPhoneBr, libDialogPanelClasses, listaUrlFromRotaCadastro, listarItensCadastroReferencia, listarTodosPaginado, loadPresetsJson, loadStructraAdminRouteRedirectTarget, mapCadastroFormRawToPayload, mapConsultaGridColunasParaDataGrid, mapConsultaMetadataParaFiltroUi, mapErroTransporteParaMensagem as mapErroListaDefault, mapErroTransporteParaMensagem, mapEstadosToOptions, mapFiltroSalvoParaConsultaPreset, mapGridNavigateFromColuna, mapListarItensParaMultiselectOpcoes, mapReportTreeToTreeViewNodes, mapReportTreeToTreeViewNodesForSelection, markCadastroInlineFormDraftPendingRestore, markConsultaPendingGridReturn, maskDigitCount, mergeCadastroConfirmExcluir, mergeCardNavigateActions, mergeConsultaGridRowFormattingFromColunasGrid, mergeConsultaMultiselectOpcoesComSeleccionados, mergeDocumentoFmtNaLinhaConsulta, mergeMapConsultaGridColunasOptsComColumnFormat, mergeNovoIdEmListaSelecionada, mergeStructraShellScrollRestorationOptions, metadataCampoParaChaveLinhaCliente, modoPermissaoReferenciaFromWire, montarFiltrosGrpcPreset, montarFiltrosServidorPreset, montarHierarquiaSecoesMetadata, multiselectIdListRequiredValidator, multiselectMaxItemsValidator, navegarAposLoginAdmin, navegarVoltarLista, navegarVoltarListaComIdRemovido, navegarVoltarListaComLinha, navigateCadastroDuplicate, navigateCommandsFromRotaAlterar, navigateCommandsFromRotaNovo, navigateFromGrid, nomeSalvarParaPayloadComPessoa, normalizarArvoreSecoesMetadata, normalizarCaminhoLoginAdmin, normalizarHexCor, normalizarItensParaGravarServidorCadastro, normalizarListaIdsMultiselect, normalizarOperadorConsultaParaEnvioServidor, normalizarRotaReferencia, normalizarStructraAction, normalizarStructraActionGroup, normalizarStructraActionGroups, normalizeCadastroAppPath, normalizeCadastroCampoMetadataWire, normalizeCadastroInitRouteIdParam, normalizeCadastroItemEditorDecimalControls, normalizeCadastroReferenciaDialogRotaKey, normalizeCadastroRouteForContainerState, normalizeConsoleLogLevel, normalizeFormDateValue, normalizePhoneBr, normalizeStructraAdminPath, normalizeStructraScrollRoute, normalizeStructraTheme, novoPathCommandsFromRota, onlyDigits, operadorConsultaComValorUnicoComparacao, operadorConsultaDatetimeUsaDatePicker, operadoresConsultaCampo, operadoresPorTipo, ordenarFiltroItens, ordenarStructraActions, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, patchFormFromEntidadeRecord, permissionTabsUsamGruposVerticais, permissoesReferenciaMetadata, persistStructraCookieNoticeAccepted, persistStructraShellSidebarCollapsed, phoneBrDynamicMaskCompleteValidator, phoneBrMaskCompleteValidator, phoneBrMaskFromDigits, pickCadastroPageActiveTabExplicit, pickTabKeyLinkedToSummaryItems, podeNavegarGridColuna, precisaValor, precisaValorFinal, provideAppPageFooter, provideAppVersion, provideStructraAppVersion, provideStructraCadastroReferenciaDialogRoot, provideStructraConsultaGridState, provideStructraCookieNotice, provideStructraPageFooter, provideStructraScrollState, provideStructraShellScrollRestoration, provideStructraTreeExpandState, qtdCriteriosPresetParaSkeleton, readCadastroDuplicateSourceId, readCadastroPageActiveTabFromNavigationState, readCadastroPageActiveTabFromUrl, readFormContainerCollapsedFromStorage, readStructraAdminRouteRedirectTarget, readStructraCadastroInlineReturn, readStructraShellSidebarCollapsed, referenciaAbreEmDialog, referenciaOpenModeRaw, referenciaUsesLegacyRegistryMapper, registerCadastroReferenceEntries, registerCadastroReferenceListSources, registerCadastroReferenciaDialogBridges, registerStructraBuiltinPageComponents, replaceProdutoCadastroFormControls, reportColumnWidthStyle, reportExistsInTree, reportTableHasFixedWidths, resetStructraCadastroReferenciaDialogRootForTests, resolveCadastroCollectionMinItems, resolveCadastroListaUrlParaNavegacao, resolveCadastroPageActiveTabKey, resolveCadastroReferenciaMapOptions, resolveConsultaEditActionLabelFromGridConfig, resolveConsultaListaQuerySliceFromGridConfig, resolveConsultaNavKeysFromPageLayout, resolveConsultaNovoRouterLinkFromLayout, resolveConsultaRouteEditBaseFromLayout, resolveConsultaToastTitleLista, resolveControlAtPath, resolveFormContainerCollapsed, resolveInitialReportId, resolveReferenciaOpcaoLabel, resolveReportPreviewSubtitulo, resolveStructraAdminMenuUrl, resolveStructraAppVersionConfig, resolveStructraCookieNoticeConfig, resolveStructraPageCacheCadastroScope, resolveStructraPageInputExpression, resolveStructraPageInputs, resolveStructraShellScrollContainer, resolverAcoesReferenciaPorRota, resolverValorOpcaoPorRotuloNormalizado, resumoValorMultiselectFiltro, rotaListaReferencia, rotuloEnmStatus, rotuloNomeDocumentoLista, rotuloOperadorConsulta, rotuloPessoaLista, runStructraSimulatedLoadingDelay, sanitizeDecimalBrInput, sanitizeIntegerDigits, sanitizeRecordForCadastroDuplicate, savePresetsJson, scheduleRemoteCollectionHydrationAfterSectionExpand, secaoMetadataEhContainerPlain, secaoTemConteudoVisivel, secaoTemCorpoParaRender, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, serializeCollectionFormArray, shouldDeferInitialRemoteCollectionLoad, shouldSkipCadastroPageActiveTabCacheWrite, shouldSkipStructraAdminMenuNavigation, stripStructraCadastroInlineResultFromHistory, stripToDigits, structraActionButtonVariant, structraCadastroInlineResultTemIdSalvo, structraCadastroInlineResultTemReferenciaExcluida, structraCookieNoticeWasAccepted, structraElementScrolls, structraHasValue, structraIsFilledString, structraIsFormGroup, structraIsValidPort, structraParseNumberOrNull, structraReadFormValue, structraReadNestedValue, structraTrimString, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid, syncStructraCadastroInlineReturnSessionCache, tabWarningFromLinkedSummaryItems, tipoCampoMetadataParaUi, tipoValorApi, toCadastroReferenceListPageResult, toConsoleLogLineView, toConsoleLogLineViews, toUiSelectOptionsFromMetadata, uiSelectOpcaoIdNomeDocumento, uiSelectOpcoesDePessoas, validationLikeFromCampoMetadata, validatorsFromCampo, writeFormContainerCollapsedToStorage };
+export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_BASE_CLASS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AdminLoginPageComponent, AdminLoginShellComponent, StructraSidebarUserPanelComponent as AdminSidebarUserPanelComponent, AlertComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppLibLightBlockScrollStrategy, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarBottomActionsSlotDirective, AppSidebarBottomActionsTemplateDirective, AppSidebarBrandDirective, AppSidebarComponent, AppSidebarFooterSlotDirective, AppSidebarFooterTemplateDirective, AppSidebarHeaderSlotDirective, AppSidebarHeaderTemplateDirective, AppSidebarToolbarDirective, AppSidebarUserInfoSlotDirective, AppSidebarUserInfoTemplateDirective, AppTheme, AppThemeService, AppTopbarComponent, AppUserMenuComponent, StructraAppVersionService as AppVersionService, BR_ESTADOS_NOME_SIGLA, ButtonType as BaseButtonType, ButtonVariant as BaseButtonVariant, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, ButtonComponent, ButtonRadius, ButtonSize, ButtonType, ButtonVariant, CADASTRO_COLLAPSIBLE_REMOTE_LOAD_DELAY_MS, CADASTRO_DUPLICATE_FLAG_STATE, CADASTRO_DUPLICATE_SOURCE_ID_STATE, CADASTRO_FOCO_COLUNA_APOS_RESUMO_MS, CADASTRO_FORM_COLLECTION_REMOVE_ITEM_CONFIRM, CADASTRO_INVALIDATE_ROUTE_SNAPSHOT, CADASTRO_PAGE_SUBTITULO_PADRAO, CADASTRO_PAGE_TITULO_NOVO_PADRAO, CADASTRO_PESSOA_INLINE_DESTINO_URL_FRAGMENTS, CADASTRO_REFERENCIA_DIALOG_CONTEXT, CADASTRO_REFERENCIA_DIALOG_PAGE_CONFIG, CADASTRO_REFERENCIA_ROUTE_ACCESS, CADASTRO_REFERENCIA_ROUTE_ACCESS_PERMISSIVE, CADASTRO_RESUMO_FIELD_NAVIGATE_DEFER_MS, CADASTRO_TOAST_TITLE_PADRAO, CADASTRO_VALIDATION_SUMMARY_PINNED, CADASTRO_VALIDATION_SUMMARY_STATIC, CATEGORIAS_NAV_ID_EXCLUIDO, CATEGORIAS_NAV_LINHA_GRAVADA, CATEGORIAS_NAV_VOLTAR_SEM_RECARREGAR, CLIENTES_NAV_ID_EXCLUIDO, CLIENTES_NAV_LINHA_GRAVADA, CLIENTES_NAV_VOLTAR_SEM_RECARREGAR, CONSULTA_DATETIME_KEYS_ISO_PARA_FMT, CONSULTA_DOCUMENTO_GRID_KEYS_ISO_PARA_FMT, CONSULTA_FILTROS_SESSAO_USER, CONSULTA_GRID_OPTS_DATAS_PADRAO, CONSULTA_LISTA_CACHE_MAX_PAGINAS_DEFAULT, CONSULTA_LISTA_CACHE_NS_SEP, CONSULTA_LISTA_CACHE_TTL_MS_DEFAULT, CONSULTA_MOBILE_LAYOUT_MEDIA_QUERY, CONSULTA_MULTISELECT_LABEL_STUB, CONSULTA_OPTIONS_LISTAR_RESOLVER, CONSULTA_PEDIDOS_GRID_OPTS, CONSULTA_PHONE_GRID_KEYS_ISO_PARA_FMT, CONSULTA_PRESET_SELECT_EMPTY_OPTIONS_MESSAGE_DESKTOP, CONSULTA_PRESET_SELECT_EMPTY_OPTIONS_MESSAGE_MOBILE, CONSULTA_PRODUTOS_GRID_OPTS, CONSULTA_ROUTE_REUSE, CONSULTA_SERVIDOR_LISTA_QUERY_DEFAULTS, CONSULTA_TOPBAR_SLOT, CadastroBasePageComponent, CadastroCollectionGridColumnFormat, CadastroCollectionReferenciaHostService, CadastroCollectionRuntime, CadastroEnumOptionsRegistry, CadastroFieldRendererComponent, CadastroFieldRuntime, CadastroFieldsBaseComponent, CadastroFormDraftCacheService, CadastroFormLoadingSkeletonComponent, CadastroMetadataPageBase, CadastroMetadataPageComponent, CadastroMetadataPageServiceBase, CadastroMetadataPageShellLayoutComponent, CadastroMetadataPageStateBase, CadastroMetadataShellPageComponent, CadastroPadraoPageBase, CadastroReferenceRegistry, CadastroReferenciaDialogBridgeRegistry, CadastroReferenciaDialogHostComponent, CadastroReferenciaDialogService, CadastroReferenciaOpenMode, CadastroRuntime, CadastroRuntimeRegistry, CadastroSectionPanelLayout, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ColorPickerFieldComponent, ComponentType, ConfirmDialogComponent, ConfirmDialogService, ConsoleLogComponent, ConsultaBasePageComponent, ConsultaCadastroFiltroDialogComponent, ConsultaCardCampoPapel, ConsultaCardFieldFormat, ConsultaCatalogBundleHelper, ConsultaFiltroPresetToolbarComponent, ConsultaFiltrosSessaoService, ConsultaGridColumnFormat, ConsultaGridOrderDirection, ConsultaListaMemoriaCacheService, ConsultaPadraoPageBase, ConsultaPageCache, ConsultaPageLoadingSkeletonComponent, ContainerLayoutSize, ContextMenuComponent, CpfCnpjFieldComponent, DEFAULT_STRUCTRA_APP_VERSION_API_PATH, DEFAULT_STRUCTRA_APP_VERSION_FALLBACK, DEFAULT_STRUCTRA_COOKIE_NOTICE_ACCEPT_LABEL, DEFAULT_STRUCTRA_COOKIE_NOTICE_DESCRIPTION, DEFAULT_STRUCTRA_COOKIE_NOTICE_STORAGE_KEY, DEFAULT_STRUCTRA_COOKIE_NOTICE_TITLE, DEFAULT_STRUCTRA_SHELL_SCROLL_RESTORATION_OPTIONS, DEFAULT_STRUCTRA_SHELL_SIDEBAR_COLLAPSED_STORAGE_KEY, DROPDOWN_SEARCH_LOCAL_PAGE_SIZE, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DividerComponent, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, ENM_STATUS_OPCOES_SELECT, EmptyStateComponent, EnmStatus, FIELD_MOBILE_LAYOUT_QUERY, FILE_PREVIEW_UNAVAILABLE_MESSAGE, FORM_CONTAINER_STATE_STORAGE_PREFIX, FORNECEDORES_NAV_ID_EXCLUIDO, FORNECEDORES_NAV_LINHA_GRAVADA, FORNECEDORES_NAV_VOLTAR_SEM_RECARREGAR, FieldCadastroRedirectButtonComponent, FileUploadFieldComponent, FileUploadType, FormActionsAlign, FormActionsComponent, FormColComponent, FormCollectionComponent, FormCollectionLayout, FormGroupComponent, FormGroupVariant, FormLayoutGap, FormRowAlign, FormRowComponent, FormRowJustify, FormSectionAlign, FormSectionComponent, FormSectionRadius, FormSectionVariant, FormTabComponent, FormTabsComponent, GridLayoutConsultaService, ImagePreviewPanelComponent, InputMaskFieldComponent, IntegerFieldComponent, LAYOUT_STACK_SIDE_BY_SIDE, LAYOUT_STACK_STACKED, LayoutStackAlign, LayoutStackComponent, LayoutStackDirection, LayoutStackItemAlign, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NO_OP_CONSULTA_ROUTE_REUSE, NO_OP_CONSULTA_TOPBAR_SLOT, NgControlFieldDirective, OPS_BOOL, OPS_DATA, OPS_TEXTO, OPS_TEXTO_MULTISELECT, ORIGEM_CADASTRO_INLINE_PESSOA, OnboardingChecklistComponent, OverlayPlacement, PDF_IFRAME_VIEWER_HASH, PEDIDOS_NAV_ID_EXCLUIDO, PEDIDOS_NAV_LINHA_GRAVADA, PEDIDOS_NAV_VOLTAR_SEM_RECARREGAR, PERMISSION_GROUP_OUTROS_KEY, PERMISSION_GROUP_OUTROS_LABEL, PERMISSION_GROUP_OUTROS_ORDER, PESSOAS_NAV_LINHA_GRAVADA, PESSOAS_NAV_VOLTAR_SEM_RECARREGAR, PHONE_BR_LANDLINE_MASK, PHONE_BR_MOBILE_MASK, PRODUTOS_NAV_ID_EXCLUIDO, PRODUTOS_NAV_LINHA_GRAVADA, PRODUTOS_NAV_VOLTAR_SEM_RECARREGAR, StructraPageFooterComponent as PageFooterComponent, PasswordFieldComponent, PermissionGroupTabComponent, PermissionGroupTabsComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, ReferenceOptionPreset, STRUCTRA_ADMIN_ROUTE_REDIRECT_CACHE_PREFIX, STRUCTRA_ADMIN_ROUTE_REDIRECT_LOGIN_ID_CACHE_KEY, STRUCTRA_APP_VERSION_CONFIG, STRUCTRA_CADASTRO_INLINE_RESULT_KEY, STRUCTRA_CADASTRO_INLINE_RETURN_KEY, STRUCTRA_CONSULTA_FORCE_REFRESH_KEY, STRUCTRA_CONSULTA_GRID_STATE_SESSION_RESET, STRUCTRA_CONSULTA_GRID_STATE_TENANT_RESOLVER, STRUCTRA_CONSULTA_GRID_STATE_TTL_MS_DEFAULT, STRUCTRA_COOKIE_NOTICE_CONFIG, STRUCTRA_DEDICATED_BACK_TO_TOP_SELECTOR, STRUCTRA_GRID_LAYOUT_API_BASE_RESOLVER, STRUCTRA_GRID_LAYOUT_AUTH_HEADERS_RESOLVER, STRUCTRA_GRID_LAYOUT_TENANT_RESOLVER, STRUCTRA_INLINE_FORM_DRAFT_PENDING_PREFIX, STRUCTRA_KANBAN_DESKTOP_MIN_WIDTH, STRUCTRA_KANBAN_MOBILE_DRAG_LONG_PRESS_MS, STRUCTRA_KANBAN_MOBILE_DRAG_START_DELAY, STRUCTRA_KANBAN_MOBILE_MAX_WIDTH, STRUCTRA_KANBAN_SCROLL_BOARD_KEY, STRUCTRA_KANBAN_SCROLL_STATUS_TABS_KEY, STRUCTRA_MIDIA_PUBLIC_BASE_RESOLVER, STRUCTRA_MIDIA_UPLOAD_TRANSPORT, STRUCTRA_PAGE_CACHE_SCOPE_SEP, STRUCTRA_PAGE_FOOTER_CONFIG, STRUCTRA_PAGE_FOOTER_PARTS, STRUCTRA_PAGE_STATE_ACTIVE_TAB_PREFIX, STRUCTRA_REPORT_DEFAULT_PAGE_SIZE, STRUCTRA_REPORT_TRANSPORT, STRUCTRA_SCROLL_SESSION_RESET, STRUCTRA_SCROLL_TENANT_RESOLVER, STRUCTRA_SHELL_NAV_CONTENT_READY, STRUCTRA_SHELL_SCROLL_RESTORATION_OPTIONS, STRUCTRA_SHELL_TOPBAR_TITLE_SKELETON, STRUCTRA_SIMULATED_LOADING_DELAY_MS, STRUCTRA_THEME_DARK_CLASS, STRUCTRA_THEME_IDS, STRUCTRA_UI, ScriptEditorFieldComponent, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonStatCardComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, StructraAdminRouteRedirectPageBase, StructraAppVersionService, StructraBackToTopButtonComponent, StructraConsultaGridStateService, StructraCookieNoticeComponent, StructraCookieNoticeService, StructraKanbanDragAutoScrollController, StructraKanbanMobileBoardPanController, StructraPageCacheService, StructraPageComponentOutletComponent, StructraPageComponentRegistry, StructraPageFooterComponent, StructraPageStateCacheService, StructraPreserveScrollDirective, StructraProgressOverlayComponent, StructraReportEmptyStateComponent, StructraReportFilterPanelComponent, StructraReportLoadingSkeletonComponent, StructraReportPageBaseComponent, StructraReportPageComponent, StructraReportPaginatorComponent, StructraReportPreviewHeaderComponent, StructraReportTableComponent, StructraReportTreeCacheService, StructraReportTreeComponent, StructraReportTreeSkeletonComponent, StructraReportViewerComponent, ScriptEditorFieldComponent as StructraScriptEditorComponent, StructraScrollStateService, StructraShellScrollRestorationService, StructraShellTopbarSlotService, AppSidebarBottomActionsTemplateDirective as StructraSidebarBottomActionsDirective, AppSidebarFooterTemplateDirective as StructraSidebarFooterDirective, AppSidebarHeaderTemplateDirective as StructraSidebarHeaderDirective, AppSidebarUserInfoTemplateDirective as StructraSidebarUserInfoDirective, StructraSidebarUserPanelComponent, StructraTreeExpandStateService, SwitchFieldComponent, THEME_PRIMARY_COLOR_LABEL_PT_BR, TOAST_REGISTRO_EXCLUIDO_SUCESSO, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ThemeDirective, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, TreeViewComponent, USUARIOS_CONSULTA_GRID_OPTS, USUARIOS_NAV_ID_EXCLUIDO, USUARIOS_NAV_LINHA_GRAVADA, USUARIOS_NAV_VOLTAR_SEM_RECARREGAR, VENDEDORES_NAV_ID_EXCLUIDO, VENDEDORES_NAV_LINHA_GRAVADA, VENDEDORES_NAV_VOLTAR_SEM_RECARREGAR, ValidationSummaryComponent, agruparCamposMetadataPorSecao, agruparPermissionTabs, anchoredOverlayPositions, aplicarNormalizacaoMultiselectIdsNoPartial, aplicarProdutoDtoNoFormulario, appendCadastroPageActiveTabQuery, appendPdfIframeViewerParams, applyCadastroCollectionArrayValidators, applyCadastroModoSenhaNovos, applyCollectionValidationSummaryNavigation, applyCollectionValueToFormArray, applyConsultaListaPatch, applyEntityToCadastroFormByMetadata, applyOptionalThemeHostClasses, applyPickedCalendarDate, attachStructraScrollPreserve, buildCadastroFiltroDialogItensGridRows, buildCadastroMetadataShellRuntime, buildCadastroPageActiveTabPageKey, buildCadastroPageActiveTabPageKeyFromLayout, buildCadastroPageRuntime, buildCadastroRedirectReturnUrl, buildCadastroReferenciaDialogContext, buildCardNavigateActionsFromGridColumns, buildCatalogoStubConsultaRuntime, buildConsultaConfirmDuplicarLinhaFromLayout, buildConsultaConfirmRemoverLinhaFromLayout, buildConsultaDefaultIsItemGuard, buildConsultaGridStateSessionKey, buildConsultaListaCacheKey, buildConsultaPageMetadataUnified, buildConsultaPageRuntime, buildDecimalBrDisplay, buildDecimalBrParseString, buildDefaultConsultaMapCardFromColunasGrid, buildEmptyStateOverlayHtml, buildFormContainerStateStorageKey, buildFormGroupFromCadastroCampos, buildGridNavigateUrl, buildHistoryStateAfterReturningFromNestedInlineChild, buildInlineReturnStateForChildCadastro, buildNovoFormDefaultsFromCampos, buildReportRowCardMap, buildRouteReuseKeyFromAppPathname, buildRouteReuseKeyFromNovoRouterLink, buildStructraAdminRouteRedirectCacheKey, buildStructraAdminRouteRedirectChildUrl, buildStructraPageCacheCadastroInitKey, buildStructraPageCacheRouteScope, buildStructraPageFooterParts, buildStructraSidebarTemplateContext, buildValidationMetaFromCadastroCampos, cadastroBuildImageUploadMetadata, cadastroCampoBlocoEditorOcupaLinhaInteira, cadastroCampoBooleanOcupaLinhaInteira, cadastroCampoMetadataDtoFromPartial, cadastroCampoMetadataEhBoolean, cadastroCampoMetadataLarguraCompacta, cadastroCampoMetadataLarguraFixaCss, cadastroCampoReferenciaMetadataDtoFromPartial, cadastroCampoRuleMaxLength, cadastroCampoScriptEditorLanguage, cadastroCampoScriptEditorMinHeight, cadastroCampoValidacaoDtoFromPartial, cadastroCampoWrapperWidthCss, cadastroCollectionEditorGridColumns, cadastroCollectionMaxItemsValidator, cadastroCollectionMinItemsValidator, cadastroConfirmExcluirPartialFromLayout, cadastroContainerLayoutSizeDoRecord, cadastroContainerPathJoin, cadastroCrudMessagesDoFormLayout, cadastroDeclarativeSnapshotDtoFromPartial, cadastroEnsureSingleBooleanInCollection, cadastroFieldsPerRowDoRecord, cadastroFlattenContainerRaw, cadastroFormDraftEnabledDoLayout, cadastroFormGridColumns, cadastroFormLayoutComoRecord, cadastroFormLayoutDoBundle, cadastroFormLayoutDoRuntime, cadastroFormLayoutPreserveActiveTab, cadastroFormPageLayoutFromPartial, cadastroGcd, cadastroGetCollectionItemControl, cadastroGridColumnSpanForFieldIndex, cadastroGridDenominadorTracks, cadastroGridTemplateColumnsLinhaUnicaSeAplicavel, cadastroInferExtensaoArquivo, cadastroInferImageContentType, cadastroLcm, cadastroMetadataDtoParaValidacaoLike, cadastroNavKeysStructra, cadastroNomeArquivoDaUploadUrl, cadastroNormalizarUploadUrlPorPrefixo, cadastroPageActionDtoFromPartial, cadastroPageActionsPorRegiao, cadastroPageActiveTabToRestore, cadastroPageComponentDtoFromPartial, cadastroPageComponentsPorRegiao, cadastroPageIdentityDoFormLayout, cadastroPageOverlayDtoFromPartial, cadastroPageShellAtivo, cadastroPageShellTabsKeepAliveFromLayout, cadastroPageTabDtoFromPartial, cadastroPageTabsOrdenados, cadastroPainelMaxWidthCss, cadastroRawBooleanDeep, cadastroRawNumber, cadastroRawString, cadastroReferenceEntryFromListarService, cadastroReferenciaOpenModeFromWire, cadastroReindexarCollectionOrdem, cadastroResolveId, cadastroSecaoFormGroupDense, cadastroSecaoPersisteExpandedState, cadastroSecaoRenderizaInlineDentroDoPai, cadastroSecaoSegmentosIntercalados, cadastroSecaoSegmentosParaRender, cadastroSecaoUsaFormGroup, cadastroSecaoUsaFormGroupComoBlocoVisual, cadastroSecaoUsaSuperficieDeclarativa, cadastroSingleBooleanCollectionBinding, cadastroTitulosEfectivosDoFormLayout, cadastroToastTitleEfectivoDoFormLayout, cadastroToolbarButtonDtoFromPartial, cadastroToolbarVisibilityDoFormLayout, cadastroUseBackToTopButtonFromLayout, cadastroValidationSummaryFlagsDoRecord, cadastroValidationSummaryPinnedFromFlags, cadastroWireCollectionOrdemReindexOnAdd, cadastroWireCollectionOrdemReindexOnAddRemove, cadastroWireCollectionOrdemReindexOnRemove, campoMetadataVisivelNoModo, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, carregarOpcoesMultiselectViaSpec, cepMaskCompleteValidator, clearRequiredValidatorsOnReadOnlyCadastroFields, clearStructraCadastroInlineReturnSessionCacheForTests, clearStructraCadastroSessionStorageOnLogout, coerceDecimalPtBr, coerceReportBoolean, collectValidationSummaryItems, colunasGridTemFormatacaoDeclarativa, computeReferenciaHasMore, consoleLogLevelClass, consultaCadastroPatchKindFromModo, consultaCampoMetadataDtoFromPartial, consultaCardCampoDtoFromPartial, consultaFiltroValorDataSomenteDia, consultaGridColunaDtoFromPartial, consultaGridColunaKeyParaCampoLinha, consultaGridConfigDtoFromPartial, consultaNavKeysStructra, consultaPassaItem, consultaPassaTodosItens, consultaUsuariosMetadataReplyFromPartial, consumeCadastroInlineFormDraftPendingRestore, consumeConsultaPendingGridReturn, consumeGridReturnVoltarKeyForUrl, consumirResultadoCadastroInlineCampoPessoaId, consumirResultadoCadastroInlineCampoReferencia, cpfCnpjMaskCompleteValidator, createCadastroDialogActivatedRoute, createCadastroMetadataPageConfig, createCadastroPadraoConfig, createCadastroRuntime, createCollectionFormArray, createCollectionItemFormGroup, createConsultaListaItemGuardFromFiltroUi, createConsultaOptionsListarResolver, createConsultaPadraoRuntime, createConsultaPresetSelectEmptyOptionsMessageSignal, createConsultaPresetStorageApi, createGrpcSaveRequestMapper, createInlineHostNavigation, createMapCardFromConsultaColunasGrid, createMapGridRowFromConsultaColunasGrid, createSaveRequestFromPartialMapper, criarDraftInlinePessoa, decimalPtBrNaoNegativoValidator, decimalPtBrToNullableNumber, dedupeUiSelectOptionsByValue, defaultIsConsultaListItemMinimo, defaultParseLinhaGravadaJson, deleteConfirmPageConfigFromPartial, deriveCadastroTituloEditar, deriveConsultaListaItemGuardPropsFromFiltroUi, duplicateConfigFromLayout, duplicatePageConfigFromPartial, enrichCadastroReferenciaDialogPageConfig, enrichConsultaMapCardWithGridNavigate, ensureCadastroCollectionMinItems, ensureCadastroFormControlsFromMetadata, escapeHtml, evaluateStructraPageVisibleExpression, executarConsultaServidorComPreset, extractConsultaListaCacheNamespace, extractDecimalBrParts, fileIsLikelyImage, fileMatchesAccept, filtrarSecoesMetadataPorModo, filtrarUiSelectOptionsPainelComValorPersistente, filtrarUiSelectOptionsPorQuery, findCadastroCampoByKey, findFirstReportLeafId, findReportTreeLabel, fixedDigitsMaskCompleteValidator, flattenCadastroMetadataSecoes, fmtDataPt, fmtDocumentoCelulaConsultaGrid, formatAcceptForDisplay, formatDateTimePtBr, formatDecimalBr, formatDocumentoPessoaParaExibicao, formatFileSizeBytes, formatIntegerThousandsBr, formatMaskDigits, formatPhoneBr, formatReportPreviewTitulo, formatUiFieldDateValue, getFilePreviewKind, getStructraActionsByGroup, getThemeClass, getThemeClassList, getThemePrimaryColorLabelPtBr, getThemeTokenClass, gridNavigateIconClass, hexParaColorInput, inferCadastroItemFieldsFromPlainRows, inferCadastroListaUrlFallback, initialCadastroControlValue, injectEffectiveThemeId, isCadastroDuplicateNavigation, isCollectionField, isCollectionLikeField, isConsultaCardAutoSubtitleExcluded, isLegacyDarkThemeId, isLegacyFormContainerStateStorageKey, isLegacyNomeDocumentoReferencePreset, isReadonlyCollectionField, isReportBooleanColumn, isReportGroupNode, isReportNowrapColumn, isStructraKanbanMobileSnapBoard, isValidPhoneBr, libDialogPanelClasses, listaUrlFromRotaCadastro, listarItensCadastroReferencia, listarTodosPaginado, loadPresetsJson, loadStructraAdminRouteRedirectTarget, mapCadastroFormRawToPayload, mapConsultaGridColunasParaDataGrid, mapConsultaMetadataParaFiltroUi, mapErroTransporteParaMensagem as mapErroListaDefault, mapErroTransporteParaMensagem, mapEstadosToOptions, mapFiltroSalvoParaConsultaPreset, mapGridNavigateFromColuna, mapListarItensParaMultiselectOpcoes, mapReportTreeToTreeViewNodes, mapReportTreeToTreeViewNodesForSelection, markCadastroInlineFormDraftPendingRestore, markConsultaPendingGridReturn, maskDigitCount, mergeCadastroConfirmExcluir, mergeCardNavigateActions, mergeConsultaGridRowFormattingFromColunasGrid, mergeConsultaMultiselectOpcoesComSeleccionados, mergeDocumentoFmtNaLinhaConsulta, mergeMapConsultaGridColunasOptsComColumnFormat, mergeNovoIdEmListaSelecionada, mergeStructraShellScrollRestorationOptions, metadataCampoParaChaveLinhaCliente, modoPermissaoReferenciaFromWire, montarFiltrosGrpcPreset, montarFiltrosServidorPreset, montarHierarquiaSecoesMetadata, multiselectIdListRequiredValidator, multiselectMaxItemsValidator, navegarAposLoginAdmin, navegarVoltarLista, navegarVoltarListaComIdRemovido, navegarVoltarListaComLinha, navigateCadastroDuplicate, navigateCommandsFromRotaAlterar, navigateCommandsFromRotaNovo, navigateFromGrid, nomeSalvarParaPayloadComPessoa, normalizarArvoreSecoesMetadata, normalizarCaminhoLoginAdmin, normalizarHexCor, normalizarItensParaGravarServidorCadastro, normalizarListaIdsMultiselect, normalizarOperadorConsultaParaEnvioServidor, normalizarRotaReferencia, normalizarStructraAction, normalizarStructraActionGroup, normalizarStructraActionGroups, normalizeCadastroAppPath, normalizeCadastroCampoMetadataWire, normalizeCadastroInitRouteIdParam, normalizeCadastroItemEditorDecimalControls, normalizeCadastroReferenciaDialogRotaKey, normalizeCadastroRouteForContainerState, normalizeConsoleLogLevel, normalizeFormDateValue, normalizePhoneBr, normalizeStructraAdminPath, normalizeStructraKanbanBoardScrollAfterRestore, normalizeStructraScrollRoute, normalizeStructraTheme, novoPathCommandsFromRota, onlyDigits, operadorConsultaComValorUnicoComparacao, operadorConsultaDatetimeUsaDatePicker, operadoresConsultaCampo, operadoresPorTipo, ordenarFiltroItens, ordenarStructraActions, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, patchFormFromEntidadeRecord, permissionTabsUsamGruposVerticais, permissoesReferenciaMetadata, persistStructraCookieNoticeAccepted, persistStructraShellSidebarCollapsed, phoneBrDynamicMaskCompleteValidator, phoneBrMaskCompleteValidator, phoneBrMaskFromDigits, pickCadastroPageActiveTabExplicit, pickTabKeyLinkedToSummaryItems, podeNavegarGridColuna, precisaValor, precisaValorFinal, provideAppPageFooter, provideAppVersion, provideStructraAppVersion, provideStructraCadastroReferenciaDialogRoot, provideStructraConsultaGridState, provideStructraCookieNotice, provideStructraPageFooter, provideStructraScrollState, provideStructraShellScrollRestoration, provideStructraTreeExpandState, qtdCriteriosPresetParaSkeleton, readCadastroDuplicateSourceId, readCadastroPageActiveTabFromNavigationState, readCadastroPageActiveTabFromUrl, readFormContainerCollapsedFromStorage, readStructraAdminRouteRedirectTarget, readStructraCadastroInlineReturn, readStructraShellSidebarCollapsed, referenciaAbreEmDialog, referenciaOpenModeRaw, referenciaUsesLegacyRegistryMapper, registerCadastroReferenceEntries, registerCadastroReferenceListSources, registerCadastroReferenciaDialogBridges, registerStructraBuiltinPageComponents, replaceProdutoCadastroFormControls, reportColumnWidthStyle, reportExistsInTree, reportTableHasFixedWidths, resetStructraCadastroReferenciaDialogRootForTests, resolveCadastroCollectionMinItems, resolveCadastroListaUrlParaNavegacao, resolveCadastroPageActiveTabKey, resolveCadastroReferenciaMapOptions, resolveConsultaEditActionLabelFromGridConfig, resolveConsultaListaQuerySliceFromGridConfig, resolveConsultaNavKeysFromPageLayout, resolveConsultaNovoRouterLinkFromLayout, resolveConsultaRouteEditBaseFromLayout, resolveConsultaToastTitleLista, resolveControlAtPath, resolveFormContainerCollapsed, resolveInitialReportId, resolveReferenciaOpcaoLabel, resolveReportPreviewSubtitulo, resolveStructraAdminMenuUrl, resolveStructraAppVersionConfig, resolveStructraCookieNoticeConfig, resolveStructraPageCacheCadastroScope, resolveStructraPageInputExpression, resolveStructraPageInputs, resolveStructraShellScrollContainer, resolverAcoesReferenciaPorRota, resolverValorOpcaoPorRotuloNormalizado, resumoValorMultiselectFiltro, rotaListaReferencia, rotuloEnmStatus, rotuloNomeDocumentoLista, rotuloOperadorConsulta, rotuloPessoaLista, runStructraSimulatedLoadingDelay, sanitizeDecimalBrInput, sanitizeIntegerDigits, sanitizeRecordForCadastroDuplicate, savePresetsJson, scheduleRemoteCollectionHydrationAfterSectionExpand, secaoMetadataEhContainerPlain, secaoTemConteudoVisivel, secaoTemCorpoParaRender, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, serializeCollectionFormArray, shouldDeferInitialRemoteCollectionLoad, shouldSkipCadastroPageActiveTabCacheWrite, shouldSkipStructraAdminMenuNavigation, shouldStructraKanbanScrollToColumnAfterMobileMove, snapStructraKanbanMobileBoard, stripStructraCadastroInlineResultFromHistory, stripToDigits, structraActionButtonVariant, structraCadastroInlineResultTemIdSalvo, structraCadastroInlineResultTemReferenciaExcluida, structraCookieNoticeWasAccepted, structraElementScrolls, structraHasValue, structraIsFilledString, structraIsFormGroup, structraIsValidPort, structraKanbanBoardScrollContainerKey, structraKanbanColScrollKey, structraKanbanPreserveScrollDuring, structraParseNumberOrNull, structraReadFormValue, structraReadNestedValue, structraTrimString, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid, syncStructraCadastroInlineReturnSessionCache, tabWarningFromLinkedSummaryItems, tipoCampoMetadataParaUi, tipoValorApi, toCadastroReferenceListPageResult, toConsoleLogLineView, toConsoleLogLineViews, toUiSelectOptionsFromMetadata, uiSelectOpcaoIdNomeDocumento, uiSelectOpcoesDePessoas, validationLikeFromCampoMetadata, validatorsFromCampo, writeFormContainerCollapsedToStorage };
 //# sourceMappingURL=structra-ui.mjs.map