angular-visuals 0.1.3 → 0.1.4

package/fesm2022/angular-visuals.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
-import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable, input, HostBinding, ViewEncapsulation, Component, InjectionToken, makeEnvironmentProviders, signal, computed, effect, booleanAttribute, output, ElementRef, DestroyRef, PLATFORM_ID, Renderer2, contentChild, HostListener, ChangeDetectionStrategy, numberAttribute, Directive, ViewChild, Optional, Self, untracked, forwardRef, model, contentChildren } from '@angular/core';
+import { inject, Injectable, input, HostBinding, ViewEncapsulation, Component, InjectionToken, makeEnvironmentProviders, DestroyRef, PLATFORM_ID, signal, computed, effect, booleanAttribute, output, ElementRef, Renderer2, contentChild, HostListener, ChangeDetectionStrategy, numberAttribute, Directive, ViewChild, Optional, Self, untracked, forwardRef, model, contentChildren } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import * as i3 from '@angular/cdk/overlay';
@@ -176,6 +176,9 @@ function provideAngularVisuals(config) {
 
 class ThemeService {
     config = inject(VISUALS_CONFIG);
+    destroyRef = inject(DestroyRef);
+    document = inject(DOCUMENT);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
     colorIntensities = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
     mode = signal(this.config.theme.mode, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
@@ -191,15 +194,35 @@ class ThemeService {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dark" }] : /* istanbul ignore next */ []));
     constructor() {
-        const media = window.matchMedia('(prefers-color-scheme: dark)');
-        this.systemDark.set(media.matches);
+        const media = this.isBrowser
+            ? this.document.defaultView?.matchMedia('(prefers-color-scheme: dark)')
+            : null;
+        if (media) {
+            this.systemDark.set(media.matches);
+        }
         this.setPrimaryColorVariables();
-        media.addEventListener('change', event => {
-            this.systemDark.set(event.matches);
-        });
+        if (media) {
+            const updateSystemTheme = (event) => {
+                this.systemDark.set(event.matches);
+            };
+            if (media.addEventListener) {
+                media.addEventListener('change', updateSystemTheme);
+            }
+            else {
+                media.addListener(updateSystemTheme);
+            }
+            this.destroyRef.onDestroy(() => {
+                if (media.removeEventListener) {
+                    media.removeEventListener('change', updateSystemTheme);
+                }
+                else {
+                    media.removeListener(updateSystemTheme);
+                }
+            });
+        }
         effect(() => {
             const isDark = this.dark();
-            const root = document.documentElement;
+            const root = this.document.documentElement;
             if (isDark) {
                 root.setAttribute('data-av-theme', 'dark');
             }
@@ -212,7 +235,7 @@ class ThemeService {
         this.mode.set(mode);
     }
     setPrimaryColorVariables() {
-        const root = document.documentElement;
+        const root = this.document.documentElement;
         const variant = this.config.theme.defaultVariant;
         for (const intensity of this.colorIntensities) {
             root.style.setProperty(`--av-primary-${intensity}`, `var(--av-${variant}-${intensity})`);
@@ -596,11 +619,11 @@ class AvSidenav {
         return value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvSidenav, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvSidenav, isStandalone: true, selector: "av-sidenav", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, backdropLabel: { classPropertyName: "backdropLabel", publicName: "backdropLabel", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnNavigation: { classPropertyName: "closeOnNavigation", publicName: "closeOnNavigation", isSignal: true, isRequired: false, transformFunction: null }, drawerBreakpoint: { classPropertyName: "drawerBreakpoint", publicName: "drawerBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: true, isRequired: false, transformFunction: null }, toggleTrigger: { classPropertyName: "toggleTrigger", publicName: "toggleTrigger", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChange: "openedChange", modeChange: "modeChange" }, host: { listeners: { "document:keydown.escape": "handleEscape($event)" }, properties: { "class.av-sidenav-host--drawer": "this.drawerClass", "class.av-sidenav-host--closed": "this.closedClass", "class.av-sidenav-host--toggleable": "this.toggleableClass", "style.--av-sidenav-width": "this.widthStyle" } }, queries: [{ propertyName: "projectedToggleTrigger", first: true, predicate: ["toggleTrigger"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (drawerMode() && isOpen() && toggleable()) {\n  <button\n    type=\"button\"\n    class=\"av-sidenav__backdrop\"\n    [attr.aria-label]=\"backdropLabel()\"\n    (click)=\"closeFromBackdrop()\"\n  ></button>\n}\n\n<nav\n  class=\"av-sidenav\"\n  [id]=\"navId\"\n  [ngStyle]=\"themeVars()\"\n  [class.av-sidenav--drawer]=\"drawerMode()\"\n  [class.av-sidenav--closed]=\"!isOpen()\"\n  [attr.aria-hidden]=\"!isOpen() ? 'true' : null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.inert]=\"!isOpen() ? '' : null\"\n  (av-nav-link-select)=\"handleNavigation()\"\n>\n  <div class=\"av-sidenav__header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__footer\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n</nav>\n", styles: [":host{display:block;height:100%;min-height:0;transition:width .2s ease;width:var(--av-sidenav-width, 16rem)}:host(.av-sidenav-host--closed:not(.av-sidenav-host--drawer)){width:0}:host(.av-sidenav-host--drawer){height:100dvh;inset:0;pointer-events:none;position:fixed;width:auto;z-index:var(--av-sidenav-z-index, 50)}.av-sidenav{background:var(--av-sidenav-surface, var(--av-color-surface));border:1px solid var(--av-sidenav-border, var(--av-color-border-soft));box-shadow:var(--av-shadow-raised);color:var(--av-sidenav-text, var(--av-color-text));display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;padding:.75rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .22s ease;width:100%}.av-sidenav--drawer{max-width:calc(100dvw - 2rem);pointer-events:auto;position:relative;width:var(--av-sidenav-width, 16rem)}.av-sidenav--closed{transform:translate(calc(-100% - 1rem))}.av-sidenav__header,.av-sidenav__footer{flex:0 0 auto}.av-sidenav__content{display:flex;flex:1;flex-direction:column;gap:.25rem;min-height:0;overflow:auto}.av-sidenav__backdrop{background:#0f172a6b;border:0;cursor:pointer;inset:0;pointer-events:auto;position:fixed}:host-context([data-av-theme=\"dark\"]) .av-sidenav__backdrop{background:#00000094}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvSidenav, isStandalone: true, selector: "av-sidenav", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, backdropLabel: { classPropertyName: "backdropLabel", publicName: "backdropLabel", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnNavigation: { classPropertyName: "closeOnNavigation", publicName: "closeOnNavigation", isSignal: true, isRequired: false, transformFunction: null }, drawerBreakpoint: { classPropertyName: "drawerBreakpoint", publicName: "drawerBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: true, isRequired: false, transformFunction: null }, toggleTrigger: { classPropertyName: "toggleTrigger", publicName: "toggleTrigger", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChange: "openedChange", modeChange: "modeChange" }, host: { listeners: { "document:keydown.escape": "handleEscape($event)" }, properties: { "class.av-sidenav-host--drawer": "this.drawerClass", "class.av-sidenav-host--closed": "this.closedClass", "class.av-sidenav-host--toggleable": "this.toggleableClass", "style.--av-sidenav-width": "this.widthStyle" } }, queries: [{ propertyName: "projectedToggleTrigger", first: true, predicate: ["toggleTrigger"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (drawerMode() && isOpen() && toggleable()) {\n  <button\n    type=\"button\"\n    class=\"av-sidenav__backdrop\"\n    [attr.aria-label]=\"backdropLabel()\"\n    (click)=\"closeFromBackdrop()\"\n  ></button>\n}\n\n<nav\n  class=\"av-sidenav\"\n  [id]=\"navId\"\n  [ngStyle]=\"themeVars()\"\n  [class.av-sidenav--drawer]=\"drawerMode()\"\n  [class.av-sidenav--closed]=\"!isOpen()\"\n  [attr.aria-hidden]=\"!isOpen() ? 'true' : null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.inert]=\"!isOpen() ? '' : null\"\n  (av-nav-link-select)=\"handleNavigation()\"\n>\n  <div class=\"av-sidenav__header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__footer\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n</nav>\n", styles: [":host{display:block;height:100%;min-height:0;transition:width .2s ease;width:var(--av-sidenav-width, 16rem)}:host(.av-sidenav-host--closed:not(.av-sidenav-host--drawer)){width:0}:host(.av-sidenav-host--drawer){height:100vh;height:100dvh;inset:0;pointer-events:none;position:fixed;width:auto;z-index:var(--av-sidenav-z-index, 50)}.av-sidenav{background:var(--av-sidenav-surface, var(--av-color-surface));border:1px solid var(--av-sidenav-border, var(--av-color-border-soft));box-shadow:var(--av-shadow-raised);color:var(--av-sidenav-text, var(--av-color-text));display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;padding:.75rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .22s ease;width:100%}.av-sidenav--drawer{max-width:calc(100vw - 2rem);pointer-events:auto;position:relative;width:var(--av-sidenav-width, 16rem)}.av-sidenav--closed{transform:translate(calc(-100% - 1rem))}.av-sidenav__header,.av-sidenav__footer{flex:0 0 auto}.av-sidenav__content{-webkit-overflow-scrolling:touch;display:flex;flex:1;flex-direction:column;gap:.25rem;min-height:0;overflow:auto}.av-sidenav__backdrop{background:#0f172a6b;border:0;cursor:pointer;inset:0;pointer-events:auto;position:fixed}:host-context([data-av-theme=\"dark\"]) .av-sidenav__backdrop{background:#00000094}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvSidenav, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule], selector: 'av-sidenav', template: "@if (drawerMode() && isOpen() && toggleable()) {\n  <button\n    type=\"button\"\n    class=\"av-sidenav__backdrop\"\n    [attr.aria-label]=\"backdropLabel()\"\n    (click)=\"closeFromBackdrop()\"\n  ></button>\n}\n\n<nav\n  class=\"av-sidenav\"\n  [id]=\"navId\"\n  [ngStyle]=\"themeVars()\"\n  [class.av-sidenav--drawer]=\"drawerMode()\"\n  [class.av-sidenav--closed]=\"!isOpen()\"\n  [attr.aria-hidden]=\"!isOpen() ? 'true' : null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.inert]=\"!isOpen() ? '' : null\"\n  (av-nav-link-select)=\"handleNavigation()\"\n>\n  <div class=\"av-sidenav__header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__footer\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n</nav>\n", styles: [":host{display:block;height:100%;min-height:0;transition:width .2s ease;width:var(--av-sidenav-width, 16rem)}:host(.av-sidenav-host--closed:not(.av-sidenav-host--drawer)){width:0}:host(.av-sidenav-host--drawer){height:100dvh;inset:0;pointer-events:none;position:fixed;width:auto;z-index:var(--av-sidenav-z-index, 50)}.av-sidenav{background:var(--av-sidenav-surface, var(--av-color-surface));border:1px solid var(--av-sidenav-border, var(--av-color-border-soft));box-shadow:var(--av-shadow-raised);color:var(--av-sidenav-text, var(--av-color-text));display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;padding:.75rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .22s ease;width:100%}.av-sidenav--drawer{max-width:calc(100dvw - 2rem);pointer-events:auto;position:relative;width:var(--av-sidenav-width, 16rem)}.av-sidenav--closed{transform:translate(calc(-100% - 1rem))}.av-sidenav__header,.av-sidenav__footer{flex:0 0 auto}.av-sidenav__content{display:flex;flex:1;flex-direction:column;gap:.25rem;min-height:0;overflow:auto}.av-sidenav__backdrop{background:#0f172a6b;border:0;cursor:pointer;inset:0;pointer-events:auto;position:fixed}:host-context([data-av-theme=\"dark\"]) .av-sidenav__backdrop{background:#00000094}\n"] }]
+            args: [{ imports: [CommonModule], selector: 'av-sidenav', template: "@if (drawerMode() && isOpen() && toggleable()) {\n  <button\n    type=\"button\"\n    class=\"av-sidenav__backdrop\"\n    [attr.aria-label]=\"backdropLabel()\"\n    (click)=\"closeFromBackdrop()\"\n  ></button>\n}\n\n<nav\n  class=\"av-sidenav\"\n  [id]=\"navId\"\n  [ngStyle]=\"themeVars()\"\n  [class.av-sidenav--drawer]=\"drawerMode()\"\n  [class.av-sidenav--closed]=\"!isOpen()\"\n  [attr.aria-hidden]=\"!isOpen() ? 'true' : null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.inert]=\"!isOpen() ? '' : null\"\n  (av-nav-link-select)=\"handleNavigation()\"\n>\n  <div class=\"av-sidenav__header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n  <div class=\"av-sidenav__footer\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n</nav>\n", styles: [":host{display:block;height:100%;min-height:0;transition:width .2s ease;width:var(--av-sidenav-width, 16rem)}:host(.av-sidenav-host--closed:not(.av-sidenav-host--drawer)){width:0}:host(.av-sidenav-host--drawer){height:100vh;height:100dvh;inset:0;pointer-events:none;position:fixed;width:auto;z-index:var(--av-sidenav-z-index, 50)}.av-sidenav{background:var(--av-sidenav-surface, var(--av-color-surface));border:1px solid var(--av-sidenav-border, var(--av-color-border-soft));box-shadow:var(--av-shadow-raised);color:var(--av-sidenav-text, var(--av-color-text));display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;padding:.75rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .22s ease;width:100%}.av-sidenav--drawer{max-width:calc(100vw - 2rem);pointer-events:auto;position:relative;width:var(--av-sidenav-width, 16rem)}.av-sidenav--closed{transform:translate(calc(-100% - 1rem))}.av-sidenav__header,.av-sidenav__footer{flex:0 0 auto}.av-sidenav__content{-webkit-overflow-scrolling:touch;display:flex;flex:1;flex-direction:column;gap:.25rem;min-height:0;overflow:auto}.av-sidenav__backdrop{background:#0f172a6b;border:0;cursor:pointer;inset:0;pointer-events:auto;position:fixed}:host-context([data-av-theme=\"dark\"]) .av-sidenav__backdrop{background:#00000094}\n"] }]
         }], ctorParameters: () => [], propDecorators: { projectedToggleTrigger: [{ type: i0.ContentChild, args: ['toggleTrigger', { isSignal: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], backdropLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropLabel", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], closeOnNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnNavigation", required: false }] }], drawerBreakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawerBreakpoint", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }], toggleable: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleable", required: false }] }], toggleTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleTrigger", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], openedChange: [{ type: i0.Output, args: ["openedChange"] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }], drawerClass: [{
                 type: HostBinding,
                 args: ['class.av-sidenav-host--drawer']
@@ -1018,11 +1041,11 @@ class AvDropdown {
         return positions[placement] ?? positions['bottom-start'];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvDropdown, isStandalone: true, selector: "av-dropdown", inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, closeOnContentClick: { classPropertyName: "closeOnContentClick", publicName: "closeOnContentClick", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, matchTriggerWidth: { classPropertyName: "matchTriggerWidth", publicName: "matchTriggerWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--open]=\"isOpen()\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isOpen()\"\n    aria-haspopup=\"menu\"\n    (click)=\"toggle()\"\n    (keydown)=\"handleTriggerKeydown($event)\"\n  >\n    @if (label() || icon() || (badge() !== null && badge() !== undefined)) {\n      @if (icon()) {\n        <span class=\"av-dropdown__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n      }\n\n      <span class=\"av-dropdown__label\">\n        {{ label() }}\n      </span>\n\n      @if (badge() !== null && badge() !== undefined) {\n        <span class=\"av-dropdown__badge\">{{ badge() }}</span>\n      }\n    } @else {\n      <span class=\"av-dropdown__custom-trigger\">\n        <ng-content select=\"[av-dropdown-trigger]\"></ng-content>\n      </span>\n    }\n\n    <span\n      class=\"av-dropdown__chevron\"\n      av-icon\n      name=\"expand_more\"\n      size=\"md\"\n      [class.av-dropdown__chevron--open]=\"isOpen()\"\n    ></span>\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n    [style.min-width.px]=\"matchTriggerWidth() ? triggerEl.offsetWidth : null\"\n    role=\"menu\"\n    tabindex=\"-1\"\n    (click)=\"handlePanelClick()\"\n    (keydown.escape)=\"close()\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}.av-dropdown{display:inline-block}.av-dropdown__trigger{align-items:center;background:var(--av-dropdown-bg);border:1px solid var(--av-dropdown-border);color:var(--av-dropdown-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1.2;min-height:2.5rem;min-width:0;padding:.625rem .75rem;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.av-dropdown__trigger:hover:not(:disabled),.av-dropdown__trigger--open{background:var(--av-dropdown-accent-soft);border-color:color-mix(in srgb,var(--av-dropdown-accent) 36%,var(--av-dropdown-border));color:var(--av-dropdown-accent-strong)}.av-dropdown__trigger:disabled{cursor:not-allowed;opacity:.52}.av-dropdown__trigger:focus-visible{box-shadow:0 0 0 3px var(--av-dropdown-focus-ring);outline:none}.av-dropdown__icon,.av-dropdown__chevron{color:currentColor;flex:0 0 auto}.av-dropdown__label,.av-dropdown__custom-trigger{min-width:0}.av-dropdown__badge{align-items:center;background:var(--av-dropdown-accent);border-radius:var(--av-radius-full);color:var(--av-white);display:inline-flex;flex:0 0 auto;font-size:.6875rem;font-weight:800;justify-content:center;line-height:1;min-width:1.25rem;padding:.25rem .375rem}.av-dropdown__chevron{transition:transform .18s ease}.av-dropdown__chevron--open{transform:rotate(180deg)}.av-dropdown__panel{animation:av-dropdown-panel-in .14s cubic-bezier(.2,0,0,1);background:var(--av-dropdown-panel-bg);border:1px solid var(--av-dropdown-panel-border);box-shadow:var(--av-dropdown-shadow);box-sizing:border-box;color:var(--av-dropdown-text);display:grid;gap:.125rem;max-width:min(24rem,calc(100vw - 2rem));min-width:12rem;padding:.375rem}@keyframes av-dropdown-panel-in{0%{opacity:0;transform:translateY(-.15rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvDropdown, isStandalone: true, selector: "av-dropdown", inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, closeOnContentClick: { classPropertyName: "closeOnContentClick", publicName: "closeOnContentClick", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, matchTriggerWidth: { classPropertyName: "matchTriggerWidth", publicName: "matchTriggerWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--open]=\"isOpen()\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isOpen()\"\n    aria-haspopup=\"menu\"\n    (click)=\"toggle()\"\n    (keydown)=\"handleTriggerKeydown($event)\"\n  >\n    @if (label() || icon() || (badge() !== null && badge() !== undefined)) {\n      @if (icon()) {\n        <span class=\"av-dropdown__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n      }\n\n      <span class=\"av-dropdown__label\">\n        {{ label() }}\n      </span>\n\n      @if (badge() !== null && badge() !== undefined) {\n        <span class=\"av-dropdown__badge\">{{ badge() }}</span>\n      }\n    } @else {\n      <span class=\"av-dropdown__custom-trigger\">\n        <ng-content select=\"[av-dropdown-trigger]\"></ng-content>\n      </span>\n    }\n\n    <span\n      class=\"av-dropdown__chevron\"\n      av-icon\n      name=\"expand_more\"\n      size=\"md\"\n      [class.av-dropdown__chevron--open]=\"isOpen()\"\n    ></span>\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n    [style.min-width.px]=\"matchTriggerWidth() ? triggerEl.offsetWidth : null\"\n    role=\"menu\"\n    tabindex=\"-1\"\n    (click)=\"handlePanelClick()\"\n    (keydown.escape)=\"close()\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}.av-dropdown{display:inline-block}.av-dropdown__trigger{align-items:center;background:var(--av-dropdown-bg);border:1px solid var(--av-dropdown-border);box-sizing:border-box;color:var(--av-dropdown-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1.2;min-height:2.5rem;min-width:0;padding:.625rem .75rem;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.av-dropdown__trigger:hover:not(:disabled),.av-dropdown__trigger--open{background:var(--av-dropdown-accent-soft);border-color:color-mix(in srgb,var(--av-dropdown-accent) 36%,var(--av-dropdown-border));color:var(--av-dropdown-accent-strong)}.av-dropdown__trigger:disabled{cursor:not-allowed;opacity:.52}.av-dropdown__trigger:focus-visible{box-shadow:0 0 0 3px var(--av-dropdown-focus-ring);outline:none}.av-dropdown__icon,.av-dropdown__chevron{color:currentColor;flex:0 0 auto}.av-dropdown__label,.av-dropdown__custom-trigger{min-width:0}.av-dropdown__badge{align-items:center;background:var(--av-dropdown-accent);border-radius:var(--av-radius-full);color:var(--av-white);display:inline-flex;flex:0 0 auto;font-size:.6875rem;font-weight:800;justify-content:center;line-height:1;min-width:1.25rem;padding:.25rem .375rem}.av-dropdown__chevron{transition:transform .18s ease}.av-dropdown__chevron--open{transform:rotate(180deg)}.av-dropdown__panel{animation:av-dropdown-panel-in .14s cubic-bezier(.2,0,0,1);background:var(--av-dropdown-panel-bg);border:1px solid var(--av-dropdown-panel-border);box-shadow:var(--av-dropdown-shadow);box-sizing:border-box;color:var(--av-dropdown-text);display:grid;gap:.125rem;max-height:calc(100dvh - 1rem);max-width:min(24rem,calc(100vw - 2rem));min-width:12rem;overflow:auto;overscroll-behavior:contain;padding:.375rem}@media(pointer:coarse),(max-width:640px){.av-dropdown__trigger{min-height:2.75rem}}@keyframes av-dropdown-panel-in{0%{opacity:0;transform:translateY(-.15rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvDropdown, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, OverlayModule, AvIcon], selector: 'av-dropdown', standalone: true, template: "<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--open]=\"isOpen()\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isOpen()\"\n    aria-haspopup=\"menu\"\n    (click)=\"toggle()\"\n    (keydown)=\"handleTriggerKeydown($event)\"\n  >\n    @if (label() || icon() || (badge() !== null && badge() !== undefined)) {\n      @if (icon()) {\n        <span class=\"av-dropdown__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n      }\n\n      <span class=\"av-dropdown__label\">\n        {{ label() }}\n      </span>\n\n      @if (badge() !== null && badge() !== undefined) {\n        <span class=\"av-dropdown__badge\">{{ badge() }}</span>\n      }\n    } @else {\n      <span class=\"av-dropdown__custom-trigger\">\n        <ng-content select=\"[av-dropdown-trigger]\"></ng-content>\n      </span>\n    }\n\n    <span\n      class=\"av-dropdown__chevron\"\n      av-icon\n      name=\"expand_more\"\n      size=\"md\"\n      [class.av-dropdown__chevron--open]=\"isOpen()\"\n    ></span>\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n    [style.min-width.px]=\"matchTriggerWidth() ? triggerEl.offsetWidth : null\"\n    role=\"menu\"\n    tabindex=\"-1\"\n    (click)=\"handlePanelClick()\"\n    (keydown.escape)=\"close()\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}.av-dropdown{display:inline-block}.av-dropdown__trigger{align-items:center;background:var(--av-dropdown-bg);border:1px solid var(--av-dropdown-border);color:var(--av-dropdown-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1.2;min-height:2.5rem;min-width:0;padding:.625rem .75rem;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.av-dropdown__trigger:hover:not(:disabled),.av-dropdown__trigger--open{background:var(--av-dropdown-accent-soft);border-color:color-mix(in srgb,var(--av-dropdown-accent) 36%,var(--av-dropdown-border));color:var(--av-dropdown-accent-strong)}.av-dropdown__trigger:disabled{cursor:not-allowed;opacity:.52}.av-dropdown__trigger:focus-visible{box-shadow:0 0 0 3px var(--av-dropdown-focus-ring);outline:none}.av-dropdown__icon,.av-dropdown__chevron{color:currentColor;flex:0 0 auto}.av-dropdown__label,.av-dropdown__custom-trigger{min-width:0}.av-dropdown__badge{align-items:center;background:var(--av-dropdown-accent);border-radius:var(--av-radius-full);color:var(--av-white);display:inline-flex;flex:0 0 auto;font-size:.6875rem;font-weight:800;justify-content:center;line-height:1;min-width:1.25rem;padding:.25rem .375rem}.av-dropdown__chevron{transition:transform .18s ease}.av-dropdown__chevron--open{transform:rotate(180deg)}.av-dropdown__panel{animation:av-dropdown-panel-in .14s cubic-bezier(.2,0,0,1);background:var(--av-dropdown-panel-bg);border:1px solid var(--av-dropdown-panel-border);box-shadow:var(--av-dropdown-shadow);box-sizing:border-box;color:var(--av-dropdown-text);display:grid;gap:.125rem;max-width:min(24rem,calc(100vw - 2rem));min-width:12rem;padding:.375rem}@keyframes av-dropdown-panel-in{0%{opacity:0;transform:translateY(-.15rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
+            args: [{ imports: [CommonModule, OverlayModule, AvIcon], selector: 'av-dropdown', standalone: true, template: "<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--open]=\"isOpen()\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isOpen()\"\n    aria-haspopup=\"menu\"\n    (click)=\"toggle()\"\n    (keydown)=\"handleTriggerKeydown($event)\"\n  >\n    @if (label() || icon() || (badge() !== null && badge() !== undefined)) {\n      @if (icon()) {\n        <span class=\"av-dropdown__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n      }\n\n      <span class=\"av-dropdown__label\">\n        {{ label() }}\n      </span>\n\n      @if (badge() !== null && badge() !== undefined) {\n        <span class=\"av-dropdown__badge\">{{ badge() }}</span>\n      }\n    } @else {\n      <span class=\"av-dropdown__custom-trigger\">\n        <ng-content select=\"[av-dropdown-trigger]\"></ng-content>\n      </span>\n    }\n\n    <span\n      class=\"av-dropdown__chevron\"\n      av-icon\n      name=\"expand_more\"\n      size=\"md\"\n      [class.av-dropdown__chevron--open]=\"isOpen()\"\n    ></span>\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n    [style.min-width.px]=\"matchTriggerWidth() ? triggerEl.offsetWidth : null\"\n    role=\"menu\"\n    tabindex=\"-1\"\n    (click)=\"handlePanelClick()\"\n    (keydown.escape)=\"close()\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}.av-dropdown{display:inline-block}.av-dropdown__trigger{align-items:center;background:var(--av-dropdown-bg);border:1px solid var(--av-dropdown-border);box-sizing:border-box;color:var(--av-dropdown-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1.2;min-height:2.5rem;min-width:0;padding:.625rem .75rem;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.av-dropdown__trigger:hover:not(:disabled),.av-dropdown__trigger--open{background:var(--av-dropdown-accent-soft);border-color:color-mix(in srgb,var(--av-dropdown-accent) 36%,var(--av-dropdown-border));color:var(--av-dropdown-accent-strong)}.av-dropdown__trigger:disabled{cursor:not-allowed;opacity:.52}.av-dropdown__trigger:focus-visible{box-shadow:0 0 0 3px var(--av-dropdown-focus-ring);outline:none}.av-dropdown__icon,.av-dropdown__chevron{color:currentColor;flex:0 0 auto}.av-dropdown__label,.av-dropdown__custom-trigger{min-width:0}.av-dropdown__badge{align-items:center;background:var(--av-dropdown-accent);border-radius:var(--av-radius-full);color:var(--av-white);display:inline-flex;flex:0 0 auto;font-size:.6875rem;font-weight:800;justify-content:center;line-height:1;min-width:1.25rem;padding:.25rem .375rem}.av-dropdown__chevron{transition:transform .18s ease}.av-dropdown__chevron--open{transform:rotate(180deg)}.av-dropdown__panel{animation:av-dropdown-panel-in .14s cubic-bezier(.2,0,0,1);background:var(--av-dropdown-panel-bg);border:1px solid var(--av-dropdown-panel-border);box-shadow:var(--av-dropdown-shadow);box-sizing:border-box;color:var(--av-dropdown-text);display:grid;gap:.125rem;max-height:calc(100dvh - 1rem);max-width:min(24rem,calc(100vw - 2rem));min-width:12rem;overflow:auto;overscroll-behavior:contain;padding:.375rem}@media(pointer:coarse),(max-width:640px){.av-dropdown__trigger{min-height:2.75rem}}@keyframes av-dropdown-panel-in{0%{opacity:0;transform:translateY(-.15rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], closeOnContentClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnContentClick", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], matchTriggerWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "matchTriggerWidth", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], triggerEl: [{
                 type: ViewChild,
                 args: ['triggerEl']
@@ -1128,11 +1151,11 @@ class AvTextArea {
         this.onChange(this.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvTextArea, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvTextArea, isStandalone: true, selector: "av-text-area", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div class=\"av-text-area\"\n[style.--av-text-area-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-text-area-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-text-area__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-text-area__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-text-area__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <textarea\n      #inputRef\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-text-area__control\"\n      [class.av-text-area__control--with-icon]=\"icon()\"\n      [class.av-text-area__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    >\n    </textarea>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-text-area__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-text-area{--av-text-area-control-bg: var(--av-color-surface);--av-text-area-color: var(--av-color-text);--av-text-area-muted-color: var(--av-color-text-subtle);--av-text-area-border: var(--av-color-border);--av-text-area-hover-border: var(--av-color-border-hover);--av-text-area-focus-color: var(--av-text-area-accent, var(--av-slate-500));--av-text-area-disabled-bg: var(--av-color-surface-muted);--av-text-area-invalid-color: var(--av-color-danger);--av-text-area-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-text-area-color)}.av-text-area__label{color:var(--av-text-area-color);font-size:.875rem;font-weight:700;text-align:start}.av-text-area__field{align-items:center;display:flex;position:relative;width:100%}.av-text-area__icon{color:var(--av-text-area-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-text-area__control{background-color:var(--av-text-area-control-bg);border:2px solid var(--av-text-area-border);border-radius:var(--av-radius-lg);box-shadow:var(--av-shadow-control);color:var(--av-text-area-color);padding:.5rem 1rem;transition:all .2s ease;width:100%}.av-text-area__control::placeholder{color:var(--av-text-area-muted-color)}.av-text-area__control:hover{border-color:var(--av-text-area-hover-border)}.av-text-area__control:focus{outline:none}.av-text-area__control:disabled{background:var(--av-text-area-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-text-area__control--with-icon{padding-left:2.5rem}.av-text-area__control--without-icon{padding-left:1rem}.av-text-area__control:focus{border-color:var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-focus-color) 24%,transparent)}.av-text-area__control--invalid,.av-text-area__control--invalid:focus{border-color:var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-invalid-color) 24%,transparent);color:var(--av-text-area-invalid-text);animation:av-text-area-shake .4s ease-in-out}.av-text-area__error{color:var(--av-text-area-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-text-area-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-text-area{--av-text-area-focus-color: var(--av-text-area-accent-dark, var(--av-text-area-accent, var(--av-slate-400)))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvTextArea, isStandalone: true, selector: "av-text-area", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div class=\"av-text-area\"\n[style.--av-text-area-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-text-area-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-text-area__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-text-area__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-text-area__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <textarea\n      #inputRef\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-text-area__control\"\n      [class.av-text-area__control--with-icon]=\"icon()\"\n      [class.av-text-area__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    >\n    </textarea>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-text-area__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-text-area{--av-text-area-control-bg: var(--av-color-surface);--av-text-area-color: var(--av-color-text);--av-text-area-muted-color: var(--av-color-text-subtle);--av-text-area-border: var(--av-color-border);--av-text-area-hover-border: var(--av-color-border-hover);--av-text-area-focus-color: var(--av-text-area-accent, var(--av-slate-500));--av-text-area-disabled-bg: var(--av-color-surface-muted);--av-text-area-invalid-color: var(--av-color-danger);--av-text-area-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-text-area-color)}.av-text-area__label{color:var(--av-text-area-color);font-size:.875rem;font-weight:700;text-align:start}.av-text-area__field{align-items:center;display:flex;position:relative;width:100%}.av-text-area__icon{color:var(--av-text-area-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-text-area__control{background-color:var(--av-text-area-control-bg);border:2px solid var(--av-text-area-border);border-radius:var(--av-radius-lg);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-text-area-color);font-size:.875rem;line-height:1.5;min-height:6rem;padding:.5rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.av-text-area__control::placeholder{color:var(--av-text-area-muted-color)}.av-text-area__control:hover{border-color:var(--av-text-area-hover-border)}.av-text-area__control:focus{outline:none}.av-text-area__control:disabled{background:var(--av-text-area-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-text-area__control--with-icon{padding-left:2.5rem}.av-text-area__control--without-icon{padding-left:1rem}.av-text-area__control:focus{border-color:var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-focus-color) 24%,transparent)}.av-text-area__control--invalid,.av-text-area__control--invalid:focus{border-color:var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-invalid-color) 24%,transparent);color:var(--av-text-area-invalid-text);animation:av-text-area-shake .4s ease-in-out}.av-text-area__error{color:var(--av-text-area-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-text-area-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-text-area{--av-text-area-focus-color: var(--av-text-area-accent-dark, var(--av-text-area-accent, var(--av-slate-400)))}@media(pointer:coarse),(max-width:640px){.av-text-area__control{font-size:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvTextArea, decorators: [{
             type: Component,
-            args: [{ selector: 'av-text-area', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, AvIcon], template: "<div class=\"av-text-area\"\n[style.--av-text-area-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-text-area-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-text-area__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-text-area__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-text-area__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <textarea\n      #inputRef\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-text-area__control\"\n      [class.av-text-area__control--with-icon]=\"icon()\"\n      [class.av-text-area__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    >\n    </textarea>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-text-area__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-text-area{--av-text-area-control-bg: var(--av-color-surface);--av-text-area-color: var(--av-color-text);--av-text-area-muted-color: var(--av-color-text-subtle);--av-text-area-border: var(--av-color-border);--av-text-area-hover-border: var(--av-color-border-hover);--av-text-area-focus-color: var(--av-text-area-accent, var(--av-slate-500));--av-text-area-disabled-bg: var(--av-color-surface-muted);--av-text-area-invalid-color: var(--av-color-danger);--av-text-area-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-text-area-color)}.av-text-area__label{color:var(--av-text-area-color);font-size:.875rem;font-weight:700;text-align:start}.av-text-area__field{align-items:center;display:flex;position:relative;width:100%}.av-text-area__icon{color:var(--av-text-area-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-text-area__control{background-color:var(--av-text-area-control-bg);border:2px solid var(--av-text-area-border);border-radius:var(--av-radius-lg);box-shadow:var(--av-shadow-control);color:var(--av-text-area-color);padding:.5rem 1rem;transition:all .2s ease;width:100%}.av-text-area__control::placeholder{color:var(--av-text-area-muted-color)}.av-text-area__control:hover{border-color:var(--av-text-area-hover-border)}.av-text-area__control:focus{outline:none}.av-text-area__control:disabled{background:var(--av-text-area-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-text-area__control--with-icon{padding-left:2.5rem}.av-text-area__control--without-icon{padding-left:1rem}.av-text-area__control:focus{border-color:var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-focus-color) 24%,transparent)}.av-text-area__control--invalid,.av-text-area__control--invalid:focus{border-color:var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-invalid-color) 24%,transparent);color:var(--av-text-area-invalid-text);animation:av-text-area-shake .4s ease-in-out}.av-text-area__error{color:var(--av-text-area-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-text-area-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-text-area{--av-text-area-focus-color: var(--av-text-area-accent-dark, var(--av-text-area-accent, var(--av-slate-400)))}\n"] }]
+            args: [{ selector: 'av-text-area', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, AvIcon], template: "<div class=\"av-text-area\"\n[style.--av-text-area-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-text-area-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-text-area__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-text-area__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-text-area__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <textarea\n      #inputRef\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-text-area__control\"\n      [class.av-text-area__control--with-icon]=\"icon()\"\n      [class.av-text-area__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    >\n    </textarea>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-text-area__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-text-area{--av-text-area-control-bg: var(--av-color-surface);--av-text-area-color: var(--av-color-text);--av-text-area-muted-color: var(--av-color-text-subtle);--av-text-area-border: var(--av-color-border);--av-text-area-hover-border: var(--av-color-border-hover);--av-text-area-focus-color: var(--av-text-area-accent, var(--av-slate-500));--av-text-area-disabled-bg: var(--av-color-surface-muted);--av-text-area-invalid-color: var(--av-color-danger);--av-text-area-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-text-area-color)}.av-text-area__label{color:var(--av-text-area-color);font-size:.875rem;font-weight:700;text-align:start}.av-text-area__field{align-items:center;display:flex;position:relative;width:100%}.av-text-area__icon{color:var(--av-text-area-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-text-area__control{background-color:var(--av-text-area-control-bg);border:2px solid var(--av-text-area-border);border-radius:var(--av-radius-lg);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-text-area-color);font-size:.875rem;line-height:1.5;min-height:6rem;padding:.5rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.av-text-area__control::placeholder{color:var(--av-text-area-muted-color)}.av-text-area__control:hover{border-color:var(--av-text-area-hover-border)}.av-text-area__control:focus{outline:none}.av-text-area__control:disabled{background:var(--av-text-area-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-text-area__control--with-icon{padding-left:2.5rem}.av-text-area__control--without-icon{padding-left:1rem}.av-text-area__control:focus{border-color:var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-focus-color) 24%,transparent)}.av-text-area__control--invalid,.av-text-area__control--invalid:focus{border-color:var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-text-area-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-text-area-invalid-color) 24%,transparent);color:var(--av-text-area-invalid-text);animation:av-text-area-shake .4s ease-in-out}.av-text-area__error{color:var(--av-text-area-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-text-area-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-text-area{--av-text-area-focus-color: var(--av-text-area-accent-dark, var(--av-text-area-accent, var(--av-slate-400)))}@media(pointer:coarse),(max-width:640px){.av-text-area__control{font-size:1rem}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -1519,8 +1542,9 @@ class AvSwitch {
     disabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     // Disabled vindo do Angular Forms
-    formDisabled = false;
-    isDisabled = computed(() => this.disabled() || this.formDisabled, /* @ts-ignore */
+    formDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.formDisabled(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     themeVars = computed(() => {
         const variant = this.variant();
@@ -1548,7 +1572,7 @@ class AvSwitch {
         this.onTouched = fn;
     }
     setDisabledState(disabled) {
-        this.formDisabled = disabled;
+        this.formDisabled.set(disabled);
     }
     // --------------------------------
     // Interaction
@@ -1568,7 +1592,7 @@ class AvSwitch {
                 useExisting: forwardRef(() => AvSwitch),
                 multi: true
             }
-        ], ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"av-switch\"\n  [ngStyle]=\"themeVars()\"\n  [attr.aria-checked]=\"checked()\"\n  [attr.data-checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggle()\"\n>\n  <div class=\"av-switch-thumb\"></div>\n</button>\n", styles: [".av-switch{--av-switch-width: 40px;--av-switch-height: 22px;--av-switch-padding: 2px;--av-switch-thumb-size: 18px;display:inline-flex;position:relative;width:var(--av-switch-width);height:var(--av-switch-height);padding:var(--av-switch-padding);align-items:center;border:none;border-radius:var(--av-switch-rounded);background-color:var(--av-color-surface-muted);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.av-switch-thumb{width:var(--av-switch-thumb-size);height:var(--av-switch-thumb-size);border-radius:var(--av-switch-rounded);background-color:var(--av-white);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .18s cubic-bezier(.2,0,0,1),background-color .18s ease}.av-switch[data-checked=true]{background-color:var(--av-switch-active-bg)}.av-switch[data-checked=true] .av-switch-thumb{transform:translate(calc(var(--av-switch-width) - var(--av-switch-thumb-size) - var(--av-switch-padding) * 2))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+        ], ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"av-switch\"\n  [ngStyle]=\"themeVars()\"\n  role=\"switch\"\n  [attr.aria-checked]=\"checked()\"\n  [attr.data-checked]=\"checked()\"\n  [disabled]=\"isDisabled()\"\n  (click)=\"toggle()\"\n>\n  <div class=\"av-switch-thumb\"></div>\n</button>\n", styles: [".av-switch{--av-switch-width: 40px;--av-switch-height: 22px;--av-switch-padding: 2px;--av-switch-thumb-size: 18px;display:inline-flex;position:relative;width:var(--av-switch-width);height:var(--av-switch-height);padding:var(--av-switch-padding);align-items:center;border:none;border-radius:var(--av-switch-rounded);background-color:var(--av-color-surface-muted);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease;touch-action:manipulation}.av-switch:before{content:\"\";inset:-.65rem;position:absolute}.av-switch-thumb{width:var(--av-switch-thumb-size);height:var(--av-switch-thumb-size);border-radius:var(--av-switch-rounded);background-color:var(--av-white);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .18s cubic-bezier(.2,0,0,1),background-color .18s ease}.av-switch:disabled{cursor:not-allowed;opacity:.58}.av-switch:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--av-switch-active-bg) 28%,transparent);outline:none}.av-switch[data-checked=true]{background-color:var(--av-switch-active-bg)}.av-switch[data-checked=true] .av-switch-thumb{transform:translate(calc(var(--av-switch-width) - var(--av-switch-thumb-size) - var(--av-switch-padding) * 2))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvSwitch, decorators: [{
             type: Component,
@@ -1578,7 +1602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                             useExisting: forwardRef(() => AvSwitch),
                             multi: true
                         }
-                    ], template: "<button\n  type=\"button\"\n  class=\"av-switch\"\n  [ngStyle]=\"themeVars()\"\n  [attr.aria-checked]=\"checked()\"\n  [attr.data-checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggle()\"\n>\n  <div class=\"av-switch-thumb\"></div>\n</button>\n", styles: [".av-switch{--av-switch-width: 40px;--av-switch-height: 22px;--av-switch-padding: 2px;--av-switch-thumb-size: 18px;display:inline-flex;position:relative;width:var(--av-switch-width);height:var(--av-switch-height);padding:var(--av-switch-padding);align-items:center;border:none;border-radius:var(--av-switch-rounded);background-color:var(--av-color-surface-muted);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.av-switch-thumb{width:var(--av-switch-thumb-size);height:var(--av-switch-thumb-size);border-radius:var(--av-switch-rounded);background-color:var(--av-white);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .18s cubic-bezier(.2,0,0,1),background-color .18s ease}.av-switch[data-checked=true]{background-color:var(--av-switch-active-bg)}.av-switch[data-checked=true] .av-switch-thumb{transform:translate(calc(var(--av-switch-width) - var(--av-switch-thumb-size) - var(--av-switch-padding) * 2))}\n"] }]
+                    ], template: "<button\n  type=\"button\"\n  class=\"av-switch\"\n  [ngStyle]=\"themeVars()\"\n  role=\"switch\"\n  [attr.aria-checked]=\"checked()\"\n  [attr.data-checked]=\"checked()\"\n  [disabled]=\"isDisabled()\"\n  (click)=\"toggle()\"\n>\n  <div class=\"av-switch-thumb\"></div>\n</button>\n", styles: [".av-switch{--av-switch-width: 40px;--av-switch-height: 22px;--av-switch-padding: 2px;--av-switch-thumb-size: 18px;display:inline-flex;position:relative;width:var(--av-switch-width);height:var(--av-switch-height);padding:var(--av-switch-padding);align-items:center;border:none;border-radius:var(--av-switch-rounded);background-color:var(--av-color-surface-muted);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease;touch-action:manipulation}.av-switch:before{content:\"\";inset:-.65rem;position:absolute}.av-switch-thumb{width:var(--av-switch-thumb-size);height:var(--av-switch-thumb-size);border-radius:var(--av-switch-rounded);background-color:var(--av-white);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .18s cubic-bezier(.2,0,0,1),background-color .18s ease}.av-switch:disabled{cursor:not-allowed;opacity:.58}.av-switch:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--av-switch-active-bg) 28%,transparent);outline:none}.av-switch[data-checked=true]{background-color:var(--av-switch-active-bg)}.av-switch[data-checked=true] .av-switch-thumb{transform:translate(calc(var(--av-switch-width) - var(--av-switch-thumb-size) - var(--av-switch-padding) * 2))}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class AvSlider {
@@ -1917,11 +1941,11 @@ class AvInput {
         this.onChange(this.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvInput, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvInput, isStandalone: true, selector: "av-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div class=\"av-input\"\n[style.--av-input-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-input-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-input__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-input__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-input__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <input\n      #inputRef\n      [type]=\"type()\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-input__control\"\n      [class.av-input__control--with-icon]=\"icon()\"\n      [class.av-input__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    />\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-input__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-input{--av-input-control-bg: var(--av-color-surface);--av-input-color: var(--av-color-text);--av-input-muted-color: var(--av-color-text-subtle);--av-input-border: var(--av-color-border);--av-input-hover-border: var(--av-color-border-hover);--av-input-focus-color: var(--av-input-accent, var(--av-slate-500));--av-input-disabled-bg: var(--av-color-surface-muted);--av-input-invalid-color: var(--av-color-danger);--av-input-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-input-color)}.av-input__label{color:var(--av-input-color);font-size:.875rem;font-weight:700;text-align:start}.av-input__field{align-items:center;display:flex;position:relative;width:100%}.av-input__icon{color:var(--av-input-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-input__control{background-color:var(--av-input-control-bg);border:2px solid var(--av-input-border);border-radius:var(--av-radius-lg);box-shadow:var(--av-shadow-control);color:var(--av-input-color);padding:.5rem 1rem;transition:all .2s ease;width:100%}.av-input__control::placeholder{color:var(--av-input-muted-color)}.av-input__control:hover{border-color:var(--av-input-hover-border)}.av-input__control:focus{outline:none}.av-input__control:disabled{background:var(--av-input-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-input__control--with-icon{padding-left:2.5rem}.av-input__control--without-icon{padding-left:1rem}.av-input__control:focus{border-color:var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-focus-color) 24%,transparent)}.av-input__control--invalid,.av-input__control--invalid:focus{border-color:var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-invalid-color) 24%,transparent);color:var(--av-input-invalid-text);animation:av-input-shake .4s ease-in-out}.av-input__error{color:var(--av-input-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-input{--av-input-focus-color: var(--av-input-accent-dark, var(--av-input-accent, var(--av-slate-400)))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvInput, isStandalone: true, selector: "av-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div class=\"av-input\"\n[style.--av-input-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-input-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-input__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-input__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-input__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <input\n      #inputRef\n      [type]=\"type()\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-input__control\"\n      [class.av-input__control--with-icon]=\"icon()\"\n      [class.av-input__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    />\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-input__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-input{--av-input-control-bg: var(--av-color-surface);--av-input-color: var(--av-color-text);--av-input-muted-color: var(--av-color-text-subtle);--av-input-border: var(--av-color-border);--av-input-hover-border: var(--av-color-border-hover);--av-input-focus-color: var(--av-input-accent, var(--av-slate-500));--av-input-disabled-bg: var(--av-color-surface-muted);--av-input-invalid-color: var(--av-color-danger);--av-input-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-input-color)}.av-input__label{color:var(--av-input-color);font-size:.875rem;font-weight:700;text-align:start}.av-input__field{align-items:center;display:flex;position:relative;width:100%}.av-input__icon{color:var(--av-input-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-input__control{background-color:var(--av-input-control-bg);border:2px solid var(--av-input-border);border-radius:var(--av-radius-lg);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-input-color);font-size:.875rem;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.av-input__control::placeholder{color:var(--av-input-muted-color)}.av-input__control:hover{border-color:var(--av-input-hover-border)}.av-input__control:focus{outline:none}.av-input__control:disabled{background:var(--av-input-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-input__control--with-icon{padding-left:2.5rem}.av-input__control--without-icon{padding-left:1rem}.av-input__control:focus{border-color:var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-focus-color) 24%,transparent)}.av-input__control--invalid,.av-input__control--invalid:focus{border-color:var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-invalid-color) 24%,transparent);color:var(--av-input-invalid-text);animation:av-input-shake .4s ease-in-out}.av-input__error{color:var(--av-input-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-input{--av-input-focus-color: var(--av-input-accent-dark, var(--av-input-accent, var(--av-slate-400)))}@media(pointer:coarse),(max-width:640px){.av-input__control{font-size:1rem;min-height:2.75rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvInput, decorators: [{
             type: Component,
-            args: [{ selector: 'av-input', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, AvIcon], template: "<div class=\"av-input\"\n[style.--av-input-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-input-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-input__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-input__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-input__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <input\n      #inputRef\n      [type]=\"type()\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-input__control\"\n      [class.av-input__control--with-icon]=\"icon()\"\n      [class.av-input__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    />\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-input__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-input{--av-input-control-bg: var(--av-color-surface);--av-input-color: var(--av-color-text);--av-input-muted-color: var(--av-color-text-subtle);--av-input-border: var(--av-color-border);--av-input-hover-border: var(--av-color-border-hover);--av-input-focus-color: var(--av-input-accent, var(--av-slate-500));--av-input-disabled-bg: var(--av-color-surface-muted);--av-input-invalid-color: var(--av-color-danger);--av-input-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-input-color)}.av-input__label{color:var(--av-input-color);font-size:.875rem;font-weight:700;text-align:start}.av-input__field{align-items:center;display:flex;position:relative;width:100%}.av-input__icon{color:var(--av-input-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-input__control{background-color:var(--av-input-control-bg);border:2px solid var(--av-input-border);border-radius:var(--av-radius-lg);box-shadow:var(--av-shadow-control);color:var(--av-input-color);padding:.5rem 1rem;transition:all .2s ease;width:100%}.av-input__control::placeholder{color:var(--av-input-muted-color)}.av-input__control:hover{border-color:var(--av-input-hover-border)}.av-input__control:focus{outline:none}.av-input__control:disabled{background:var(--av-input-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-input__control--with-icon{padding-left:2.5rem}.av-input__control--without-icon{padding-left:1rem}.av-input__control:focus{border-color:var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-focus-color) 24%,transparent)}.av-input__control--invalid,.av-input__control--invalid:focus{border-color:var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-invalid-color) 24%,transparent);color:var(--av-input-invalid-text);animation:av-input-shake .4s ease-in-out}.av-input__error{color:var(--av-input-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-input{--av-input-focus-color: var(--av-input-accent-dark, var(--av-input-accent, var(--av-slate-400)))}\n"] }]
+            args: [{ selector: 'av-input', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, AvIcon], template: "<div class=\"av-input\"\n[style.--av-input-accent]=\"`var(--av-${variant()}-500)`\"\n[style.--av-input-accent-dark]=\"`var(--av-${variant()}-400)`\"\n>\n  @if (label()) {\n    <label class=\"av-input__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div class=\"av-input__field\">\n    @if (icon() || loading()) {\n      <div class=\"av-input__icon\">\n        <span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>\n      </div>\n    }\n\n    <input\n      #inputRef\n      [type]=\"type()\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      class=\"av-input__control\"\n      [class.av-input__control--with-icon]=\"icon()\"\n      [class.av-input__control--without-icon]=\"!icon()\"\n      [ngClass]=\"controlClasses\"\n    />\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-input__error\">\n      {{ errorMessage() || 'Campo inv\u00E1lido' }}\n    </span>\n  }\n</div>\n", styles: [".av-input{--av-input-control-bg: var(--av-color-surface);--av-input-color: var(--av-color-text);--av-input-muted-color: var(--av-color-text-subtle);--av-input-border: var(--av-color-border);--av-input-hover-border: var(--av-color-border-hover);--av-input-focus-color: var(--av-input-accent, var(--av-slate-500));--av-input-disabled-bg: var(--av-color-surface-muted);--av-input-invalid-color: var(--av-color-danger);--av-input-invalid-text: var(--av-color-danger-text);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-input-color)}.av-input__label{color:var(--av-input-color);font-size:.875rem;font-weight:700;text-align:start}.av-input__field{align-items:center;display:flex;position:relative;width:100%}.av-input__icon{color:var(--av-input-muted-color);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-input__control{background-color:var(--av-input-control-bg);border:2px solid var(--av-input-border);border-radius:var(--av-radius-lg);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-input-color);font-size:.875rem;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.av-input__control::placeholder{color:var(--av-input-muted-color)}.av-input__control:hover{border-color:var(--av-input-hover-border)}.av-input__control:focus{outline:none}.av-input__control:disabled{background:var(--av-input-disabled-bg);color:var(--av-color-text-muted);opacity:.72;cursor:not-allowed}.av-input__control--with-icon{padding-left:2.5rem}.av-input__control--without-icon{padding-left:1rem}.av-input__control:focus{border-color:var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-focus-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-focus-color) 24%,transparent)}.av-input__control--invalid,.av-input__control--invalid:focus{border-color:var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-input-invalid-color);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-input-invalid-color) 24%,transparent);color:var(--av-input-invalid-text);animation:av-input-shake .4s ease-in-out}.av-input__error{color:var(--av-input-invalid-color);font-size:.75rem;font-weight:500}@keyframes av-input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:host-context([data-av-theme=\"dark\"]) .av-input{--av-input-focus-color: var(--av-input-accent-dark, var(--av-input-accent, var(--av-slate-400)))}@media(pointer:coarse),(max-width:640px){.av-input__control{font-size:1rem;min-height:2.75rem}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2129,11 +2153,11 @@ class AvSelect {
         this.disabled.set(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvSelect, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvSelect, isStandalone: true, selector: "av-select", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, labelFormat: { classPropertyName: "labelFormat", publicName: "labelFormat", isSignal: true, isRequired: false, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, onSearch: { classPropertyName: "onSearch", publicName: "onSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div\n  class=\"av-select\"\n  [ngStyle]=\"themeVars\"\n>\n  @if (label()) {\n    <label class=\"av-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    class=\"av-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-select__trigger--with-icon]=\"icon() || loading()\"\n    [class.av-select__trigger--without-icon]=\"!icon() && !loading()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon() || loading()) {\n      <div class=\"av-select__icon\">\n        <span av-icon [name]=\"loading() ? loadingIcon() : icon()!\"></span>\n      </div>\n    }\n\n    <span class=\"av-select__value\" [class.av-select__value--placeholder]=\"!selectedOption()\">\n      {{ selectedOption() ? getItemLabel(selectedOption()) : placeholder() }}\n    </span>\n\n    <div class=\"av-select__chevron\" [class.av-select__chevron--open]=\"isOpen()\">\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-select__error\">\n      {{ errorMessage() || 'Sele\u00E7\u00E3o obrigat\u00F3ria' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-select__panel\"\n    [ngStyle]=\"themeVars\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-select__search\">\n        <av-input\n          [autoFocus]=\"true\"\n          icon=\"search\"\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [ngModel]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"selectOption(item)\"\n          class=\"av-select__option\"\n          [class.av-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-select__option-label\">{{ getItemLabel(item) }}</span>\n\n          @if (isSelected(item)) {\n            <span av-icon name=\"check\" class=\"av-select__option-check\"></span>\n          }\n        </li>\n      } @empty {\n        <li class=\"av-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-select{--av-select-color: var(--av-color-text);--av-select-muted-color: var(--av-color-text-subtle);--av-select-trigger-bg: var(--av-color-surface);--av-select-trigger-border: var(--av-color-border);--av-select-trigger-hover-border: var(--av-color-border-hover);--av-select-trigger-focus-border: var(--av-select-accent, var(--av-slate-500));--av-select-panel-bg: var(--av-color-surface-raised);--av-select-panel-border: var(--av-color-border-soft);--av-select-panel-shadow: var(--av-shadow-raised);--av-select-search-border: var(--av-color-border-soft);--av-select-search-color: var(--av-color-text);--av-select-option-hover-bg: var(--av-color-surface-muted);--av-select-option-hover-color: var(--av-select-color);--av-select-option-selected-bg: var(--av-select-soft, #eff6ff);--av-select-option-selected-color: var(--av-select-color);--av-select-option-selected-icon: var(--av-select-accent, #3b82f6);--av-select-empty-color: var(--av-neutral-400);--av-select-disabled-bg: var(--av-color-surface-muted);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-select-color)}.av-select__label{color:var(--av-select-color);font-size:.875rem;font-weight:700;text-align:start}.av-select__trigger{align-items:center;background:var(--av-select-trigger-bg);border:2px solid var(--av-select-trigger-border);box-shadow:var(--av-shadow-control);color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;padding:.5rem 1rem;position:relative;transition:all .2s ease;width:100%}.av-select__trigger:hover{border-color:var(--av-select-trigger-hover-border)}.av-select__trigger:focus{outline:none}.av-select__trigger:focus,.av-select__trigger--open{border-color:var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-select-trigger-focus-border) 24%,transparent)}.av-select__trigger--with-icon{padding-left:2.5rem}.av-select__trigger--without-icon{padding-left:1rem}.av-select__trigger--disabled{background:var(--av-select-disabled-bg);cursor:not-allowed;opacity:.72}.av-select__trigger--invalid,.av-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text);animation:av-select-shake .4s ease-in-out}.av-select__icon,.av-select__chevron{color:var(--av-neutral-400);display:flex;pointer-events:none;position:absolute}.av-select__icon{left:.75rem}.av-select__chevron{right:.75rem;transition:transform .2s ease}.av-select__chevron--open{transform:rotate(180deg)}.av-select__value,.av-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-select__value--placeholder,.av-select__empty{color:var(--av-select-muted-color)}.av-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-select__panel{background:var(--av-select-panel-bg);border:1px solid var(--av-select-panel-border);box-shadow:var(--av-select-panel-shadow);display:flex;flex-direction:column;max-height:15rem;margin-top:.25rem;overflow:hidden;opacity:0;transform:translateY(-6px) scale(.98);animation:av-select-panel-in .18s ease forwards;transition:opacity .18s ease,transform .18s ease}.av-select__search{align-items:center;border-bottom:1px solid var(--av-select-search-border);display:flex;gap:.5rem;padding:.5rem}.av-select__search-icon{color:var(--av-select-muted-color);font-size:.875rem}.av-select__search-input{background:transparent;border:0;color:var(--av-select-search-color);font-size:.875rem;outline:0;width:100%}.av-select__options{flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-select__option{align-items:center;color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem;transition:background .2s ease}.av-select__option+.av-select__option{border-top:1px solid var(--av-select-panel-border)}.av-select__option:hover{background:var(--av-select-option-hover-bg);color:var(--av-select-option-hover-color)}.av-select__option--selected{background:var(--av-select-option-selected-bg);color:var(--av-select-option-selected-color);font-weight:600}.av-select__option-check{color:var(--av-select-option-selected-icon);font-size:.875rem}.av-select__empty{color:var(--av-select-empty-color);font-size:.875rem;padding:.75rem 1rem;text-align:center}@keyframes av-select-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes av-select-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.av-select__icon,.av-select__chevron{color:var(--av-select-muted-color)}.av-select__search-input,.av-select__value,.av-select__option-label{color:var(--av-select-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }, { kind: "component", type: AvInput, selector: "av-input", inputs: ["placeholder", "type", "label", "icon", "loading", "autoFocus", "loadingIcon", "variant", "rounded", "errorMessage"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvSelect, isStandalone: true, selector: "av-select", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, labelFormat: { classPropertyName: "labelFormat", publicName: "labelFormat", isSignal: true, isRequired: false, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, onSearch: { classPropertyName: "onSearch", publicName: "onSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div\n  class=\"av-select\"\n  [ngStyle]=\"themeVars\"\n>\n  @if (label()) {\n    <label class=\"av-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    class=\"av-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-select__trigger--with-icon]=\"icon() || loading()\"\n    [class.av-select__trigger--without-icon]=\"!icon() && !loading()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon() || loading()) {\n      <div class=\"av-select__icon\">\n        <span av-icon [name]=\"loading() ? loadingIcon() : icon()!\"></span>\n      </div>\n    }\n\n    <span class=\"av-select__value\" [class.av-select__value--placeholder]=\"!selectedOption()\">\n      {{ selectedOption() ? getItemLabel(selectedOption()) : placeholder() }}\n    </span>\n\n    <div class=\"av-select__chevron\" [class.av-select__chevron--open]=\"isOpen()\">\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-select__error\">\n      {{ errorMessage() || 'Sele\u00E7\u00E3o obrigat\u00F3ria' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-select__panel\"\n    [ngStyle]=\"themeVars\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-select__search\">\n        <av-input\n          [autoFocus]=\"true\"\n          icon=\"search\"\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [ngModel]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"selectOption(item)\"\n          class=\"av-select__option\"\n          [class.av-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-select__option-label\">{{ getItemLabel(item) }}</span>\n\n          @if (isSelected(item)) {\n            <span av-icon name=\"check\" class=\"av-select__option-check\"></span>\n          }\n        </li>\n      } @empty {\n        <li class=\"av-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-select{--av-select-color: var(--av-color-text);--av-select-muted-color: var(--av-color-text-subtle);--av-select-trigger-bg: var(--av-color-surface);--av-select-trigger-border: var(--av-color-border);--av-select-trigger-hover-border: var(--av-color-border-hover);--av-select-trigger-focus-border: var(--av-select-accent, var(--av-slate-500));--av-select-panel-bg: var(--av-color-surface-raised);--av-select-panel-border: var(--av-color-border-soft);--av-select-panel-shadow: var(--av-shadow-raised);--av-select-search-border: var(--av-color-border-soft);--av-select-search-color: var(--av-color-text);--av-select-option-hover-bg: var(--av-color-surface-muted);--av-select-option-hover-color: var(--av-select-color);--av-select-option-selected-bg: var(--av-select-soft, #eff6ff);--av-select-option-selected-color: var(--av-select-color);--av-select-option-selected-icon: var(--av-select-accent, #3b82f6);--av-select-empty-color: var(--av-neutral-400);--av-select-disabled-bg: var(--av-color-surface-muted);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-select-color)}.av-select__label{color:var(--av-select-color);font-size:.875rem;font-weight:700;text-align:start}.av-select__trigger{align-items:center;background:var(--av-select-trigger-bg);border:2px solid var(--av-select-trigger-border);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem;position:relative;touch-action:manipulation;transition:all .2s ease;width:100%}.av-select__trigger:hover{border-color:var(--av-select-trigger-hover-border)}.av-select__trigger:focus{outline:none}.av-select__trigger:focus,.av-select__trigger--open{border-color:var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-select-trigger-focus-border) 24%,transparent)}.av-select__trigger--with-icon{padding-left:2.5rem}.av-select__trigger--without-icon{padding-left:1rem}.av-select__trigger--disabled{background:var(--av-select-disabled-bg);cursor:not-allowed;opacity:.72}.av-select__trigger--invalid,.av-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text);animation:av-select-shake .4s ease-in-out}.av-select__icon,.av-select__chevron{color:var(--av-neutral-400);display:flex;pointer-events:none;position:absolute}.av-select__icon{left:.75rem}.av-select__chevron{right:.75rem;transition:transform .2s ease}.av-select__chevron--open{transform:rotate(180deg)}.av-select__value,.av-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-select__value--placeholder,.av-select__empty{color:var(--av-select-muted-color)}.av-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-select__panel{background:var(--av-select-panel-bg);border:1px solid var(--av-select-panel-border);box-sizing:border-box;box-shadow:var(--av-select-panel-shadow);display:flex;flex-direction:column;max-height:min(15rem,calc(100dvh - 1rem));max-width:calc(100vw - 1rem);margin-top:.25rem;overflow:hidden;overscroll-behavior:contain;opacity:0;transform:translateY(-6px) scale(.98);animation:av-select-panel-in .18s ease forwards;transition:opacity .18s ease,transform .18s ease}.av-select__search{align-items:center;border-bottom:1px solid var(--av-select-search-border);display:flex;gap:.5rem;padding:.5rem}.av-select__search-icon{color:var(--av-select-muted-color);font-size:.875rem}.av-select__search-input{background:transparent;border:0;color:var(--av-select-search-color);font-size:.875rem;outline:0;width:100%}.av-select__options{-webkit-overflow-scrolling:touch;flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-select__option{align-items:center;color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-height:2.5rem;padding:.5rem 1rem;touch-action:manipulation;transition:background .2s ease}.av-select__option+.av-select__option{border-top:1px solid var(--av-select-panel-border)}.av-select__option:hover{background:var(--av-select-option-hover-bg);color:var(--av-select-option-hover-color)}.av-select__option--selected{background:var(--av-select-option-selected-bg);color:var(--av-select-option-selected-color);font-weight:600}.av-select__option-check{color:var(--av-select-option-selected-icon);font-size:.875rem}.av-select__empty{color:var(--av-select-empty-color);font-size:.875rem;padding:.75rem 1rem;text-align:center}@keyframes av-select-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes av-select-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.av-select__icon,.av-select__chevron{color:var(--av-select-muted-color)}.av-select__search-input,.av-select__value,.av-select__option-label{color:var(--av-select-color)}@media(pointer:coarse),(max-width:640px){.av-select__trigger,.av-select__option{min-height:2.75rem}.av-select__trigger,.av-select__search-input{font-size:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }, { kind: "component", type: AvInput, selector: "av-input", inputs: ["placeholder", "type", "label", "icon", "loading", "autoFocus", "loadingIcon", "variant", "rounded", "errorMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'av-select', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, AvIcon, AvInput], template: "<div\n  class=\"av-select\"\n  [ngStyle]=\"themeVars\"\n>\n  @if (label()) {\n    <label class=\"av-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    class=\"av-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-select__trigger--with-icon]=\"icon() || loading()\"\n    [class.av-select__trigger--without-icon]=\"!icon() && !loading()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon() || loading()) {\n      <div class=\"av-select__icon\">\n        <span av-icon [name]=\"loading() ? loadingIcon() : icon()!\"></span>\n      </div>\n    }\n\n    <span class=\"av-select__value\" [class.av-select__value--placeholder]=\"!selectedOption()\">\n      {{ selectedOption() ? getItemLabel(selectedOption()) : placeholder() }}\n    </span>\n\n    <div class=\"av-select__chevron\" [class.av-select__chevron--open]=\"isOpen()\">\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-select__error\">\n      {{ errorMessage() || 'Sele\u00E7\u00E3o obrigat\u00F3ria' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-select__panel\"\n    [ngStyle]=\"themeVars\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-select__search\">\n        <av-input\n          [autoFocus]=\"true\"\n          icon=\"search\"\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [ngModel]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"selectOption(item)\"\n          class=\"av-select__option\"\n          [class.av-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-select__option-label\">{{ getItemLabel(item) }}</span>\n\n          @if (isSelected(item)) {\n            <span av-icon name=\"check\" class=\"av-select__option-check\"></span>\n          }\n        </li>\n      } @empty {\n        <li class=\"av-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-select{--av-select-color: var(--av-color-text);--av-select-muted-color: var(--av-color-text-subtle);--av-select-trigger-bg: var(--av-color-surface);--av-select-trigger-border: var(--av-color-border);--av-select-trigger-hover-border: var(--av-color-border-hover);--av-select-trigger-focus-border: var(--av-select-accent, var(--av-slate-500));--av-select-panel-bg: var(--av-color-surface-raised);--av-select-panel-border: var(--av-color-border-soft);--av-select-panel-shadow: var(--av-shadow-raised);--av-select-search-border: var(--av-color-border-soft);--av-select-search-color: var(--av-color-text);--av-select-option-hover-bg: var(--av-color-surface-muted);--av-select-option-hover-color: var(--av-select-color);--av-select-option-selected-bg: var(--av-select-soft, #eff6ff);--av-select-option-selected-color: var(--av-select-color);--av-select-option-selected-icon: var(--av-select-accent, #3b82f6);--av-select-empty-color: var(--av-neutral-400);--av-select-disabled-bg: var(--av-color-surface-muted);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-select-color)}.av-select__label{color:var(--av-select-color);font-size:.875rem;font-weight:700;text-align:start}.av-select__trigger{align-items:center;background:var(--av-select-trigger-bg);border:2px solid var(--av-select-trigger-border);box-shadow:var(--av-shadow-control);color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;padding:.5rem 1rem;position:relative;transition:all .2s ease;width:100%}.av-select__trigger:hover{border-color:var(--av-select-trigger-hover-border)}.av-select__trigger:focus{outline:none}.av-select__trigger:focus,.av-select__trigger--open{border-color:var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-select-trigger-focus-border) 24%,transparent)}.av-select__trigger--with-icon{padding-left:2.5rem}.av-select__trigger--without-icon{padding-left:1rem}.av-select__trigger--disabled{background:var(--av-select-disabled-bg);cursor:not-allowed;opacity:.72}.av-select__trigger--invalid,.av-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text);animation:av-select-shake .4s ease-in-out}.av-select__icon,.av-select__chevron{color:var(--av-neutral-400);display:flex;pointer-events:none;position:absolute}.av-select__icon{left:.75rem}.av-select__chevron{right:.75rem;transition:transform .2s ease}.av-select__chevron--open{transform:rotate(180deg)}.av-select__value,.av-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-select__value--placeholder,.av-select__empty{color:var(--av-select-muted-color)}.av-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-select__panel{background:var(--av-select-panel-bg);border:1px solid var(--av-select-panel-border);box-shadow:var(--av-select-panel-shadow);display:flex;flex-direction:column;max-height:15rem;margin-top:.25rem;overflow:hidden;opacity:0;transform:translateY(-6px) scale(.98);animation:av-select-panel-in .18s ease forwards;transition:opacity .18s ease,transform .18s ease}.av-select__search{align-items:center;border-bottom:1px solid var(--av-select-search-border);display:flex;gap:.5rem;padding:.5rem}.av-select__search-icon{color:var(--av-select-muted-color);font-size:.875rem}.av-select__search-input{background:transparent;border:0;color:var(--av-select-search-color);font-size:.875rem;outline:0;width:100%}.av-select__options{flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-select__option{align-items:center;color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem;transition:background .2s ease}.av-select__option+.av-select__option{border-top:1px solid var(--av-select-panel-border)}.av-select__option:hover{background:var(--av-select-option-hover-bg);color:var(--av-select-option-hover-color)}.av-select__option--selected{background:var(--av-select-option-selected-bg);color:var(--av-select-option-selected-color);font-weight:600}.av-select__option-check{color:var(--av-select-option-selected-icon);font-size:.875rem}.av-select__empty{color:var(--av-select-empty-color);font-size:.875rem;padding:.75rem 1rem;text-align:center}@keyframes av-select-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes av-select-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.av-select__icon,.av-select__chevron{color:var(--av-select-muted-color)}.av-select__search-input,.av-select__value,.av-select__option-label{color:var(--av-select-color)}\n"] }]
+            args: [{ selector: 'av-select', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, AvIcon, AvInput], template: "<div\n  class=\"av-select\"\n  [ngStyle]=\"themeVars\"\n>\n  @if (label()) {\n    <label class=\"av-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    class=\"av-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-select__trigger--with-icon]=\"icon() || loading()\"\n    [class.av-select__trigger--without-icon]=\"!icon() && !loading()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon() || loading()) {\n      <div class=\"av-select__icon\">\n        <span av-icon [name]=\"loading() ? loadingIcon() : icon()!\"></span>\n      </div>\n    }\n\n    <span class=\"av-select__value\" [class.av-select__value--placeholder]=\"!selectedOption()\">\n      {{ selectedOption() ? getItemLabel(selectedOption()) : placeholder() }}\n    </span>\n\n    <div class=\"av-select__chevron\" [class.av-select__chevron--open]=\"isOpen()\">\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-select__error\">\n      {{ errorMessage() || 'Sele\u00E7\u00E3o obrigat\u00F3ria' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-select__panel\"\n    [ngStyle]=\"themeVars\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-select__search\">\n        <av-input\n          [autoFocus]=\"true\"\n          icon=\"search\"\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [ngModel]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"selectOption(item)\"\n          class=\"av-select__option\"\n          [class.av-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-select__option-label\">{{ getItemLabel(item) }}</span>\n\n          @if (isSelected(item)) {\n            <span av-icon name=\"check\" class=\"av-select__option-check\"></span>\n          }\n        </li>\n      } @empty {\n        <li class=\"av-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-select{--av-select-color: var(--av-color-text);--av-select-muted-color: var(--av-color-text-subtle);--av-select-trigger-bg: var(--av-color-surface);--av-select-trigger-border: var(--av-color-border);--av-select-trigger-hover-border: var(--av-color-border-hover);--av-select-trigger-focus-border: var(--av-select-accent, var(--av-slate-500));--av-select-panel-bg: var(--av-color-surface-raised);--av-select-panel-border: var(--av-color-border-soft);--av-select-panel-shadow: var(--av-shadow-raised);--av-select-search-border: var(--av-color-border-soft);--av-select-search-color: var(--av-color-text);--av-select-option-hover-bg: var(--av-color-surface-muted);--av-select-option-hover-color: var(--av-select-color);--av-select-option-selected-bg: var(--av-select-soft, #eff6ff);--av-select-option-selected-color: var(--av-select-color);--av-select-option-selected-icon: var(--av-select-accent, #3b82f6);--av-select-empty-color: var(--av-neutral-400);--av-select-disabled-bg: var(--av-color-surface-muted);display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-select-color)}.av-select__label{color:var(--av-select-color);font-size:.875rem;font-weight:700;text-align:start}.av-select__trigger{align-items:center;background:var(--av-select-trigger-bg);border:2px solid var(--av-select-trigger-border);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem;position:relative;touch-action:manipulation;transition:all .2s ease;width:100%}.av-select__trigger:hover{border-color:var(--av-select-trigger-hover-border)}.av-select__trigger:focus{outline:none}.av-select__trigger:focus,.av-select__trigger--open{border-color:var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-select-trigger-focus-border);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-select-trigger-focus-border) 24%,transparent)}.av-select__trigger--with-icon{padding-left:2.5rem}.av-select__trigger--without-icon{padding-left:1rem}.av-select__trigger--disabled{background:var(--av-select-disabled-bg);cursor:not-allowed;opacity:.72}.av-select__trigger--invalid,.av-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text);animation:av-select-shake .4s ease-in-out}.av-select__icon,.av-select__chevron{color:var(--av-neutral-400);display:flex;pointer-events:none;position:absolute}.av-select__icon{left:.75rem}.av-select__chevron{right:.75rem;transition:transform .2s ease}.av-select__chevron--open{transform:rotate(180deg)}.av-select__value,.av-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-select__value--placeholder,.av-select__empty{color:var(--av-select-muted-color)}.av-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-select__panel{background:var(--av-select-panel-bg);border:1px solid var(--av-select-panel-border);box-sizing:border-box;box-shadow:var(--av-select-panel-shadow);display:flex;flex-direction:column;max-height:min(15rem,calc(100dvh - 1rem));max-width:calc(100vw - 1rem);margin-top:.25rem;overflow:hidden;overscroll-behavior:contain;opacity:0;transform:translateY(-6px) scale(.98);animation:av-select-panel-in .18s ease forwards;transition:opacity .18s ease,transform .18s ease}.av-select__search{align-items:center;border-bottom:1px solid var(--av-select-search-border);display:flex;gap:.5rem;padding:.5rem}.av-select__search-icon{color:var(--av-select-muted-color);font-size:.875rem}.av-select__search-input{background:transparent;border:0;color:var(--av-select-search-color);font-size:.875rem;outline:0;width:100%}.av-select__options{-webkit-overflow-scrolling:touch;flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-select__option{align-items:center;color:var(--av-select-color);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-height:2.5rem;padding:.5rem 1rem;touch-action:manipulation;transition:background .2s ease}.av-select__option+.av-select__option{border-top:1px solid var(--av-select-panel-border)}.av-select__option:hover{background:var(--av-select-option-hover-bg);color:var(--av-select-option-hover-color)}.av-select__option--selected{background:var(--av-select-option-selected-bg);color:var(--av-select-option-selected-color);font-weight:600}.av-select__option-check{color:var(--av-select-option-selected-icon);font-size:.875rem}.av-select__empty{color:var(--av-select-empty-color);font-size:.875rem;padding:.75rem 1rem;text-align:center}@keyframes av-select-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes av-select-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.av-select__icon,.av-select__chevron{color:var(--av-select-muted-color)}.av-select__search-input,.av-select__value,.av-select__option-label{color:var(--av-select-color)}@media(pointer:coarse),(max-width:640px){.av-select__trigger,.av-select__option{min-height:2.75rem}.av-select__trigger,.av-select__search-input{font-size:1rem}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2216,11 +2240,11 @@ class AvCheckbox {
         this.disabled.set(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvCheckbox, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvCheckbox, isStandalone: true, selector: "av-checkbox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ringColor: { classPropertyName: "ringColor", publicName: "ringColor", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"av-checkbox\" [ngStyle]=\"themeVars()\">\n  <label\n    class=\"av-checkbox__label\"\n    [class.av-checkbox__label--disabled]=\"disabled()\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"av-checkbox__native\"\n      [checked]=\"value()\"\n      [disabled]=\"disabled()\"\n      (change)=\"handleChange($event)\"\n      (blur)=\"onTouched()\"\n    />\n\n    <span\n      class=\"av-checkbox__box\"\n      [class.av-checkbox__box--checked]=\"value()\"\n      [class.av-checkbox__box--invalid]=\"isInvalid\"\n      [style.border-radius]=\"roundedStyle\"\n    >\n      @if (value()) {\n        <span av-icon [name]=\"icon()\" class=\"av-checkbox__icon\"></span>\n      }\n    </span>\n\n    @if (label()) {\n      <span class=\"av-checkbox__text\">\n        {{ label() }}\n      </span>\n    }\n  </label>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-checkbox__error\">\n      {{ errorMessage() || 'Campo obrigat\u00F3rio' }}\n    </span>\n  }\n</div>\n", styles: [".av-checkbox{display:flex;flex-direction:column;gap:.25rem;color:var(--av-color-text)}.av-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:.625rem;-webkit-user-select:none;user-select:none;width:fit-content}.av-checkbox__label--disabled{cursor:not-allowed;opacity:.72}.av-checkbox__native{height:1px;margin:-1px;opacity:0;overflow:hidden;position:absolute;width:1px}.av-checkbox__box{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text-inverse);display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:1.25rem}.av-checkbox__label:hover .av-checkbox__box{border-color:var(--av-color-border-hover)}.av-checkbox__label:focus-within .av-checkbox__box{border-color:var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-checkbox-accent) 24%,transparent)}.av-checkbox__box--checked{background:var(--av-checkbox-accent);border-color:var(--av-checkbox-accent)}.av-checkbox__label:hover .av-checkbox__box--checked{background:var(--av-checkbox-accent-hover);border-color:var(--av-checkbox-accent-hover)}.av-checkbox__box--invalid{border-color:var(--av-color-danger);animation:av-checkbox-shake .4s ease-in-out}.av-checkbox__icon{color:var(--av-white);font-size:.875rem;line-height:1}.av-checkbox__text{color:var(--av-color-text);font-size:.875rem;font-weight:500;transition:color .2s ease}.av-checkbox__label:hover .av-checkbox__text{color:var(--av-color-text)}.av-checkbox__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}@keyframes av-checkbox-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvCheckbox, isStandalone: true, selector: "av-checkbox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ringColor: { classPropertyName: "ringColor", publicName: "ringColor", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"av-checkbox\" [ngStyle]=\"themeVars()\">\n  <label\n    class=\"av-checkbox__label\"\n    [class.av-checkbox__label--disabled]=\"disabled()\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"av-checkbox__native\"\n      [checked]=\"value()\"\n      [disabled]=\"disabled()\"\n      (change)=\"handleChange($event)\"\n      (blur)=\"onTouched()\"\n    />\n\n    <span\n      class=\"av-checkbox__box\"\n      [class.av-checkbox__box--checked]=\"value()\"\n      [class.av-checkbox__box--invalid]=\"isInvalid\"\n      [style.border-radius]=\"roundedStyle\"\n    >\n      @if (value()) {\n        <span av-icon [name]=\"icon()\" class=\"av-checkbox__icon\"></span>\n      }\n    </span>\n\n    @if (label()) {\n      <span class=\"av-checkbox__text\">\n        {{ label() }}\n      </span>\n    }\n  </label>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-checkbox__error\">\n      {{ errorMessage() || 'Campo obrigat\u00F3rio' }}\n    </span>\n  }\n</div>\n", styles: [".av-checkbox{display:flex;flex-direction:column;gap:.25rem;color:var(--av-color-text)}.av-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:.625rem;min-height:2rem;-webkit-user-select:none;user-select:none;width:fit-content}.av-checkbox__label--disabled{cursor:not-allowed;opacity:.72}.av-checkbox__native{height:1px;margin:-1px;opacity:0;overflow:hidden;position:absolute;width:1px}.av-checkbox__box{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text-inverse);display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:1.25rem}.av-checkbox__label:hover .av-checkbox__box{border-color:var(--av-color-border-hover)}.av-checkbox__label:focus-within .av-checkbox__box{border-color:var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-checkbox-accent) 24%,transparent)}.av-checkbox__box--checked{background:var(--av-checkbox-accent);border-color:var(--av-checkbox-accent)}.av-checkbox__label:hover .av-checkbox__box--checked{background:var(--av-checkbox-accent-hover);border-color:var(--av-checkbox-accent-hover)}.av-checkbox__box--invalid{border-color:var(--av-color-danger);animation:av-checkbox-shake .4s ease-in-out}.av-checkbox__icon{color:var(--av-white);font-size:.875rem;line-height:1}.av-checkbox__text{color:var(--av-color-text);font-size:.875rem;font-weight:500;transition:color .2s ease}.av-checkbox__label:hover .av-checkbox__text{color:var(--av-color-text)}.av-checkbox__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}@media(pointer:coarse),(max-width:640px){.av-checkbox__label{min-height:2.75rem}.av-checkbox__box{height:1.5rem;width:1.5rem}}@keyframes av-checkbox-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvCheckbox, decorators: [{
             type: Component,
-            args: [{ selector: 'av-checkbox', standalone: true, imports: [CommonModule, AvIcon], template: "<div class=\"av-checkbox\" [ngStyle]=\"themeVars()\">\n  <label\n    class=\"av-checkbox__label\"\n    [class.av-checkbox__label--disabled]=\"disabled()\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"av-checkbox__native\"\n      [checked]=\"value()\"\n      [disabled]=\"disabled()\"\n      (change)=\"handleChange($event)\"\n      (blur)=\"onTouched()\"\n    />\n\n    <span\n      class=\"av-checkbox__box\"\n      [class.av-checkbox__box--checked]=\"value()\"\n      [class.av-checkbox__box--invalid]=\"isInvalid\"\n      [style.border-radius]=\"roundedStyle\"\n    >\n      @if (value()) {\n        <span av-icon [name]=\"icon()\" class=\"av-checkbox__icon\"></span>\n      }\n    </span>\n\n    @if (label()) {\n      <span class=\"av-checkbox__text\">\n        {{ label() }}\n      </span>\n    }\n  </label>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-checkbox__error\">\n      {{ errorMessage() || 'Campo obrigat\u00F3rio' }}\n    </span>\n  }\n</div>\n", styles: [".av-checkbox{display:flex;flex-direction:column;gap:.25rem;color:var(--av-color-text)}.av-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:.625rem;-webkit-user-select:none;user-select:none;width:fit-content}.av-checkbox__label--disabled{cursor:not-allowed;opacity:.72}.av-checkbox__native{height:1px;margin:-1px;opacity:0;overflow:hidden;position:absolute;width:1px}.av-checkbox__box{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text-inverse);display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:1.25rem}.av-checkbox__label:hover .av-checkbox__box{border-color:var(--av-color-border-hover)}.av-checkbox__label:focus-within .av-checkbox__box{border-color:var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-checkbox-accent) 24%,transparent)}.av-checkbox__box--checked{background:var(--av-checkbox-accent);border-color:var(--av-checkbox-accent)}.av-checkbox__label:hover .av-checkbox__box--checked{background:var(--av-checkbox-accent-hover);border-color:var(--av-checkbox-accent-hover)}.av-checkbox__box--invalid{border-color:var(--av-color-danger);animation:av-checkbox-shake .4s ease-in-out}.av-checkbox__icon{color:var(--av-white);font-size:.875rem;line-height:1}.av-checkbox__text{color:var(--av-color-text);font-size:.875rem;font-weight:500;transition:color .2s ease}.av-checkbox__label:hover .av-checkbox__text{color:var(--av-color-text)}.av-checkbox__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}@keyframes av-checkbox-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}\n"] }]
+            args: [{ selector: 'av-checkbox', standalone: true, imports: [CommonModule, AvIcon], template: "<div class=\"av-checkbox\" [ngStyle]=\"themeVars()\">\n  <label\n    class=\"av-checkbox__label\"\n    [class.av-checkbox__label--disabled]=\"disabled()\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"av-checkbox__native\"\n      [checked]=\"value()\"\n      [disabled]=\"disabled()\"\n      (change)=\"handleChange($event)\"\n      (blur)=\"onTouched()\"\n    />\n\n    <span\n      class=\"av-checkbox__box\"\n      [class.av-checkbox__box--checked]=\"value()\"\n      [class.av-checkbox__box--invalid]=\"isInvalid\"\n      [style.border-radius]=\"roundedStyle\"\n    >\n      @if (value()) {\n        <span av-icon [name]=\"icon()\" class=\"av-checkbox__icon\"></span>\n      }\n    </span>\n\n    @if (label()) {\n      <span class=\"av-checkbox__text\">\n        {{ label() }}\n      </span>\n    }\n  </label>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-checkbox__error\">\n      {{ errorMessage() || 'Campo obrigat\u00F3rio' }}\n    </span>\n  }\n</div>\n", styles: [".av-checkbox{display:flex;flex-direction:column;gap:.25rem;color:var(--av-color-text)}.av-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:.625rem;min-height:2rem;-webkit-user-select:none;user-select:none;width:fit-content}.av-checkbox__label--disabled{cursor:not-allowed;opacity:.72}.av-checkbox__native{height:1px;margin:-1px;opacity:0;overflow:hidden;position:absolute;width:1px}.av-checkbox__box{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text-inverse);display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:1.25rem}.av-checkbox__label:hover .av-checkbox__box{border-color:var(--av-color-border-hover)}.av-checkbox__label:focus-within .av-checkbox__box{border-color:var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-checkbox-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-checkbox-accent) 24%,transparent)}.av-checkbox__box--checked{background:var(--av-checkbox-accent);border-color:var(--av-checkbox-accent)}.av-checkbox__label:hover .av-checkbox__box--checked{background:var(--av-checkbox-accent-hover);border-color:var(--av-checkbox-accent-hover)}.av-checkbox__box--invalid{border-color:var(--av-color-danger);animation:av-checkbox-shake .4s ease-in-out}.av-checkbox__icon{color:var(--av-white);font-size:.875rem;line-height:1}.av-checkbox__text{color:var(--av-color-text);font-size:.875rem;font-weight:500;transition:color .2s ease}.av-checkbox__label:hover .av-checkbox__text{color:var(--av-color-text)}.av-checkbox__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}@media(pointer:coarse),(max-width:640px){.av-checkbox__label{min-height:2.75rem}.av-checkbox__box{height:1.5rem;width:1.5rem}}@keyframes av-checkbox-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2559,11 +2583,11 @@ class AvDateTimePicker {
         this.disabled.set(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvDateTimePicker, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvDateTimePicker, isStandalone: true, selector: "av-date-time-picker, av-date-picker", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ringColor: { classPropertyName: "ringColor", publicName: "ringColor", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div class=\"av-date-picker\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-date-picker__label\">{{ label() }}</label>\n  }\n\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    (click)=\"toggleDropdown()\"\n    class=\"av-date-picker__trigger\"\n    [class.av-date-picker__trigger--open]=\"isOpen()\"\n    [class.av-date-picker__trigger--disabled]=\"disabled()\"\n    [class.av-date-picker__trigger--invalid]=\"isInvalid\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    <span class=\"av-date-picker__trigger-icon\">\n      <span av-icon [name]=\"defaultIcon\"></span>\n    </span>\n\n    <span class=\"av-date-picker__trigger-value\" [class.av-date-picker__trigger-value--placeholder]=\"!selectedDate()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-date-picker__error\">\n      {{ errorMessage() || 'Data/Hora inv\u00E1lida' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-date-picker__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (mode() === 'datetime') {\n      <div class=\"av-date-picker__tabs\">\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('date')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'date'\"\n        >\n          Data\n        </button>\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('time')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'time'\"\n        >\n          Hora\n        </button>\n      </div>\n    }\n\n    @if (activeTab() === 'date') {\n      <div class=\"av-date-picker__calendar\">\n        <div class=\"av-date-picker__month-nav\">\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(-1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"M\u00EAs anterior\"\n          >\n            <span av-icon name=\"chevron_left\"></span>\n          </button>\n          <span class=\"av-date-picker__month-label\">\n            {{ monthLabel() }}\n          </span>\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"Pr\u00F3ximo m\u00EAs\"\n          >\n            <span av-icon name=\"chevron_right\"></span>\n          </button>\n        </div>\n\n        <div class=\"av-date-picker__weekdays\">\n          @for (day of weekDays; track day) {\n            <span class=\"av-date-picker__weekday\">{{ day }}</span>\n          }\n        </div>\n\n        <div class=\"av-date-picker__days\">\n          @for (day of calendarDays(); track $index) {\n            @if (day) {\n              <button\n                type=\"button\"\n                (click)=\"selectDay(day)\"\n                class=\"av-date-picker__day\"\n                [class.av-date-picker__day--selected]=\"isDaySelected(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            } @else {\n              <span class=\"av-date-picker__day-spacer\"></span>\n            }\n          }\n        </div>\n      </div>\n    }\n\n    @if (activeTab() === 'time') {\n      <div class=\"av-date-picker__time\">\n        <div class=\"av-date-picker__digital-time\">\n          <span>{{ hours().toString().padStart(2, '0') }}</span>\n          <span>:</span>\n          <span>{{ minutes().toString().padStart(2, '0') }}</span>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Horas</span>\n          <div class=\"av-date-picker__time-grid av-date-picker__time-grid--hours\">\n            @for (hour of hourOptions; track hour) {\n              <button\n                type=\"button\"\n                (click)=\"selectHour(hour)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"hours() === hour\"\n              >\n                {{ hour.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Minutos</span>\n          <div class=\"av-date-picker__time-grid\">\n            @for (minute of minuteOptions; track minute) {\n              <button\n                type=\"button\"\n                (click)=\"selectMinute(minute)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"minutes() === minute\"\n              >\n                {{ minute.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <button\n          type=\"button\"\n          (click)=\"confirmSelection()\"\n          class=\"av-date-picker__confirm\"\n        >\n          Confirmar\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".av-date-picker{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-date-picker__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-date-picker__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;position:relative;text-align:left;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-date-picker__trigger:hover{border-color:var(--av-color-border-hover)}.av-date-picker__trigger:focus{outline:none}.av-date-picker__trigger--open,.av-date-picker__trigger:focus{border-color:var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-date-accent) 24%,transparent)}.av-date-picker__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-date-picker__trigger--invalid,.av-date-picker__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-date-picker__trigger-icon{color:var(--av-color-text-subtle);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-date-picker__trigger-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-date-picker__trigger-value--placeholder{color:var(--av-color-text-subtle)}.av-date-picker__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-date-picker__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;overflow:hidden;width:20rem}.av-date-picker__tabs{background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.25rem;padding:.25rem}.av-date-picker__tab{border-radius:var(--av-radius-md);color:var(--av-color-text-muted);flex:1;font-size:.75rem;font-weight:600;padding:.375rem 0;transition:background-color .2s ease,color .2s ease}.av-date-picker__tab--active{background:var(--av-color-surface);color:var(--av-date-accent-strong)}.av-date-picker__calendar,.av-date-picker__time{padding:1rem}.av-date-picker__time{display:flex;flex-direction:column;gap:.875rem}.av-date-picker__month-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.av-date-picker__nav-button{align-items:center;border-radius:var(--av-radius-full);color:var(--av-color-text-muted);display:flex;height:2rem;justify-content:center;transition:background-color .2s ease,color .2s ease;width:2rem}.av-date-picker__nav-button:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__month-label{color:var(--av-color-text);font-size:.875rem;font-weight:600;text-transform:capitalize}.av-date-picker__weekdays,.av-date-picker__days{display:grid;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.av-date-picker__weekdays{margin-bottom:.5rem}.av-date-picker__weekday{color:var(--av-color-text-subtle);font-size:.75rem;font-weight:600}.av-date-picker__day,.av-date-picker__time-option{align-items:center;border-radius:var(--av-radius-md);color:var(--av-color-text);display:flex;font-size:.75rem;font-weight:600;justify-content:center;transition:background-color .2s ease,color .2s ease}.av-date-picker__day,.av-date-picker__day-spacer{height:2rem;width:2rem}.av-date-picker__day:hover,.av-date-picker__time-option:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__day--selected,.av-date-picker__time-option--selected{background:var(--av-date-accent);color:var(--av-white)}.av-date-picker__digital-time{align-items:center;background:var(--av-color-surface-muted);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-lg);color:var(--av-color-text);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center;padding:.5rem 1rem}.av-date-picker__time-section{display:flex;flex-direction:column;gap:.375rem}.av-date-picker__time-label{color:var(--av-color-text-muted);font-size:.75rem;font-weight:700}.av-date-picker__time-grid{display:grid;gap:.375rem;grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-grid--hours{grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-option{border:1px solid var(--av-color-border-soft);height:2rem}.av-date-picker__confirm{background:var(--av-date-accent);border-radius:var(--av-radius-md);color:var(--av-white);font-size:.875rem;font-weight:600;margin-top:.125rem;padding:.5rem 0;transition:background-color .2s ease;width:100%}.av-date-picker__confirm:hover{background:var(--av-date-accent-strong)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvDateTimePicker, isStandalone: true, selector: "av-date-time-picker, av-date-picker", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ringColor: { classPropertyName: "ringColor", publicName: "ringColor", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div class=\"av-date-picker\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-date-picker__label\">{{ label() }}</label>\n  }\n\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    (click)=\"toggleDropdown()\"\n    class=\"av-date-picker__trigger\"\n    [class.av-date-picker__trigger--open]=\"isOpen()\"\n    [class.av-date-picker__trigger--disabled]=\"disabled()\"\n    [class.av-date-picker__trigger--invalid]=\"isInvalid\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    <span class=\"av-date-picker__trigger-icon\">\n      <span av-icon [name]=\"defaultIcon\"></span>\n    </span>\n\n    <span class=\"av-date-picker__trigger-value\" [class.av-date-picker__trigger-value--placeholder]=\"!selectedDate()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-date-picker__error\">\n      {{ errorMessage() || 'Data/Hora inv\u00E1lida' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-date-picker__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (mode() === 'datetime') {\n      <div class=\"av-date-picker__tabs\">\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('date')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'date'\"\n        >\n          Data\n        </button>\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('time')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'time'\"\n        >\n          Hora\n        </button>\n      </div>\n    }\n\n    @if (activeTab() === 'date') {\n      <div class=\"av-date-picker__calendar\">\n        <div class=\"av-date-picker__month-nav\">\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(-1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"M\u00EAs anterior\"\n          >\n            <span av-icon name=\"chevron_left\"></span>\n          </button>\n          <span class=\"av-date-picker__month-label\">\n            {{ monthLabel() }}\n          </span>\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"Pr\u00F3ximo m\u00EAs\"\n          >\n            <span av-icon name=\"chevron_right\"></span>\n          </button>\n        </div>\n\n        <div class=\"av-date-picker__weekdays\">\n          @for (day of weekDays; track day) {\n            <span class=\"av-date-picker__weekday\">{{ day }}</span>\n          }\n        </div>\n\n        <div class=\"av-date-picker__days\">\n          @for (day of calendarDays(); track $index) {\n            @if (day) {\n              <button\n                type=\"button\"\n                (click)=\"selectDay(day)\"\n                class=\"av-date-picker__day\"\n                [class.av-date-picker__day--selected]=\"isDaySelected(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            } @else {\n              <span class=\"av-date-picker__day-spacer\"></span>\n            }\n          }\n        </div>\n      </div>\n    }\n\n    @if (activeTab() === 'time') {\n      <div class=\"av-date-picker__time\">\n        <div class=\"av-date-picker__digital-time\">\n          <span>{{ hours().toString().padStart(2, '0') }}</span>\n          <span>:</span>\n          <span>{{ minutes().toString().padStart(2, '0') }}</span>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Horas</span>\n          <div class=\"av-date-picker__time-grid av-date-picker__time-grid--hours\">\n            @for (hour of hourOptions; track hour) {\n              <button\n                type=\"button\"\n                (click)=\"selectHour(hour)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"hours() === hour\"\n              >\n                {{ hour.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Minutos</span>\n          <div class=\"av-date-picker__time-grid\">\n            @for (minute of minuteOptions; track minute) {\n              <button\n                type=\"button\"\n                (click)=\"selectMinute(minute)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"minutes() === minute\"\n              >\n                {{ minute.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <button\n          type=\"button\"\n          (click)=\"confirmSelection()\"\n          class=\"av-date-picker__confirm\"\n        >\n          Confirmar\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".av-date-picker{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-date-picker__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-date-picker__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem .5rem 2.5rem;position:relative;text-align:left;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-date-picker__trigger:hover{border-color:var(--av-color-border-hover)}.av-date-picker__trigger:focus{outline:none}.av-date-picker__trigger--open,.av-date-picker__trigger:focus{border-color:var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-date-accent) 24%,transparent)}.av-date-picker__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-date-picker__trigger--invalid,.av-date-picker__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-date-picker__trigger-icon{color:var(--av-color-text-subtle);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-date-picker__trigger-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-date-picker__trigger-value--placeholder{color:var(--av-color-text-subtle)}.av-date-picker__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-date-picker__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-sizing:border-box;box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;max-height:calc(100dvh - 1rem);max-width:calc(100vw - 1rem);overflow:hidden;width:min(20rem,calc(100vw - 1rem))}.av-date-picker__tabs{background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.25rem;padding:.25rem}.av-date-picker__tab{border-radius:var(--av-radius-md);color:var(--av-color-text-muted);flex:1;font-size:.75rem;font-weight:600;padding:.375rem 0;transition:background-color .2s ease,color .2s ease}.av-date-picker__tab--active{background:var(--av-color-surface);color:var(--av-date-accent-strong)}.av-date-picker__calendar,.av-date-picker__time{padding:1rem}.av-date-picker__time{display:flex;flex-direction:column;gap:.875rem}.av-date-picker__month-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.av-date-picker__nav-button{align-items:center;border-radius:var(--av-radius-full);color:var(--av-color-text-muted);display:flex;height:2rem;justify-content:center;touch-action:manipulation;transition:background-color .2s ease,color .2s ease;width:2rem}.av-date-picker__nav-button:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__month-label{color:var(--av-color-text);font-size:.875rem;font-weight:600;text-transform:capitalize}.av-date-picker__weekdays,.av-date-picker__days{display:grid;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.av-date-picker__weekdays{margin-bottom:.5rem}.av-date-picker__weekday{color:var(--av-color-text-subtle);font-size:.75rem;font-weight:600}.av-date-picker__day,.av-date-picker__time-option{align-items:center;border-radius:var(--av-radius-md);color:var(--av-color-text);display:flex;font-size:.75rem;font-weight:600;justify-content:center;transition:background-color .2s ease,color .2s ease}.av-date-picker__day,.av-date-picker__day-spacer{height:2rem;width:2rem}.av-date-picker__day:hover,.av-date-picker__time-option:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__day--selected,.av-date-picker__time-option--selected{background:var(--av-date-accent);color:var(--av-white)}.av-date-picker__digital-time{align-items:center;background:var(--av-color-surface-muted);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-lg);color:var(--av-color-text);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center;padding:.5rem 1rem}.av-date-picker__time-section{display:flex;flex-direction:column;gap:.375rem}.av-date-picker__time-label{color:var(--av-color-text-muted);font-size:.75rem;font-weight:700}.av-date-picker__time-grid{display:grid;gap:.375rem;grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-grid--hours{grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-option{border:1px solid var(--av-color-border-soft);height:2rem;touch-action:manipulation}.av-date-picker__confirm{background:var(--av-date-accent);border-radius:var(--av-radius-md);color:var(--av-white);font-size:.875rem;font-weight:600;margin-top:.125rem;min-height:2.5rem;padding:.5rem 0;touch-action:manipulation;transition:background-color .2s ease;width:100%}.av-date-picker__confirm:hover{background:var(--av-date-accent-strong)}@media(pointer:coarse),(max-width:640px){.av-date-picker__trigger,.av-date-picker__confirm{min-height:2.75rem}.av-date-picker__calendar,.av-date-picker__time{padding:.75rem}.av-date-picker__nav-button,.av-date-picker__day,.av-date-picker__day-spacer,.av-date-picker__time-option{min-height:2.5rem}.av-date-picker__day,.av-date-picker__day-spacer{height:auto;width:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvDateTimePicker, decorators: [{
             type: Component,
-            args: [{ selector: 'av-date-time-picker, av-date-picker', standalone: true, imports: [CommonModule, OverlayModule, AvIcon], template: "<div class=\"av-date-picker\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-date-picker__label\">{{ label() }}</label>\n  }\n\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    (click)=\"toggleDropdown()\"\n    class=\"av-date-picker__trigger\"\n    [class.av-date-picker__trigger--open]=\"isOpen()\"\n    [class.av-date-picker__trigger--disabled]=\"disabled()\"\n    [class.av-date-picker__trigger--invalid]=\"isInvalid\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    <span class=\"av-date-picker__trigger-icon\">\n      <span av-icon [name]=\"defaultIcon\"></span>\n    </span>\n\n    <span class=\"av-date-picker__trigger-value\" [class.av-date-picker__trigger-value--placeholder]=\"!selectedDate()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-date-picker__error\">\n      {{ errorMessage() || 'Data/Hora inv\u00E1lida' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-date-picker__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (mode() === 'datetime') {\n      <div class=\"av-date-picker__tabs\">\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('date')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'date'\"\n        >\n          Data\n        </button>\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('time')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'time'\"\n        >\n          Hora\n        </button>\n      </div>\n    }\n\n    @if (activeTab() === 'date') {\n      <div class=\"av-date-picker__calendar\">\n        <div class=\"av-date-picker__month-nav\">\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(-1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"M\u00EAs anterior\"\n          >\n            <span av-icon name=\"chevron_left\"></span>\n          </button>\n          <span class=\"av-date-picker__month-label\">\n            {{ monthLabel() }}\n          </span>\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"Pr\u00F3ximo m\u00EAs\"\n          >\n            <span av-icon name=\"chevron_right\"></span>\n          </button>\n        </div>\n\n        <div class=\"av-date-picker__weekdays\">\n          @for (day of weekDays; track day) {\n            <span class=\"av-date-picker__weekday\">{{ day }}</span>\n          }\n        </div>\n\n        <div class=\"av-date-picker__days\">\n          @for (day of calendarDays(); track $index) {\n            @if (day) {\n              <button\n                type=\"button\"\n                (click)=\"selectDay(day)\"\n                class=\"av-date-picker__day\"\n                [class.av-date-picker__day--selected]=\"isDaySelected(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            } @else {\n              <span class=\"av-date-picker__day-spacer\"></span>\n            }\n          }\n        </div>\n      </div>\n    }\n\n    @if (activeTab() === 'time') {\n      <div class=\"av-date-picker__time\">\n        <div class=\"av-date-picker__digital-time\">\n          <span>{{ hours().toString().padStart(2, '0') }}</span>\n          <span>:</span>\n          <span>{{ minutes().toString().padStart(2, '0') }}</span>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Horas</span>\n          <div class=\"av-date-picker__time-grid av-date-picker__time-grid--hours\">\n            @for (hour of hourOptions; track hour) {\n              <button\n                type=\"button\"\n                (click)=\"selectHour(hour)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"hours() === hour\"\n              >\n                {{ hour.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Minutos</span>\n          <div class=\"av-date-picker__time-grid\">\n            @for (minute of minuteOptions; track minute) {\n              <button\n                type=\"button\"\n                (click)=\"selectMinute(minute)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"minutes() === minute\"\n              >\n                {{ minute.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <button\n          type=\"button\"\n          (click)=\"confirmSelection()\"\n          class=\"av-date-picker__confirm\"\n        >\n          Confirmar\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".av-date-picker{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-date-picker__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-date-picker__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;position:relative;text-align:left;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-date-picker__trigger:hover{border-color:var(--av-color-border-hover)}.av-date-picker__trigger:focus{outline:none}.av-date-picker__trigger--open,.av-date-picker__trigger:focus{border-color:var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-date-accent) 24%,transparent)}.av-date-picker__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-date-picker__trigger--invalid,.av-date-picker__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-date-picker__trigger-icon{color:var(--av-color-text-subtle);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-date-picker__trigger-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-date-picker__trigger-value--placeholder{color:var(--av-color-text-subtle)}.av-date-picker__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-date-picker__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;overflow:hidden;width:20rem}.av-date-picker__tabs{background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.25rem;padding:.25rem}.av-date-picker__tab{border-radius:var(--av-radius-md);color:var(--av-color-text-muted);flex:1;font-size:.75rem;font-weight:600;padding:.375rem 0;transition:background-color .2s ease,color .2s ease}.av-date-picker__tab--active{background:var(--av-color-surface);color:var(--av-date-accent-strong)}.av-date-picker__calendar,.av-date-picker__time{padding:1rem}.av-date-picker__time{display:flex;flex-direction:column;gap:.875rem}.av-date-picker__month-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.av-date-picker__nav-button{align-items:center;border-radius:var(--av-radius-full);color:var(--av-color-text-muted);display:flex;height:2rem;justify-content:center;transition:background-color .2s ease,color .2s ease;width:2rem}.av-date-picker__nav-button:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__month-label{color:var(--av-color-text);font-size:.875rem;font-weight:600;text-transform:capitalize}.av-date-picker__weekdays,.av-date-picker__days{display:grid;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.av-date-picker__weekdays{margin-bottom:.5rem}.av-date-picker__weekday{color:var(--av-color-text-subtle);font-size:.75rem;font-weight:600}.av-date-picker__day,.av-date-picker__time-option{align-items:center;border-radius:var(--av-radius-md);color:var(--av-color-text);display:flex;font-size:.75rem;font-weight:600;justify-content:center;transition:background-color .2s ease,color .2s ease}.av-date-picker__day,.av-date-picker__day-spacer{height:2rem;width:2rem}.av-date-picker__day:hover,.av-date-picker__time-option:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__day--selected,.av-date-picker__time-option--selected{background:var(--av-date-accent);color:var(--av-white)}.av-date-picker__digital-time{align-items:center;background:var(--av-color-surface-muted);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-lg);color:var(--av-color-text);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center;padding:.5rem 1rem}.av-date-picker__time-section{display:flex;flex-direction:column;gap:.375rem}.av-date-picker__time-label{color:var(--av-color-text-muted);font-size:.75rem;font-weight:700}.av-date-picker__time-grid{display:grid;gap:.375rem;grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-grid--hours{grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-option{border:1px solid var(--av-color-border-soft);height:2rem}.av-date-picker__confirm{background:var(--av-date-accent);border-radius:var(--av-radius-md);color:var(--av-white);font-size:.875rem;font-weight:600;margin-top:.125rem;padding:.5rem 0;transition:background-color .2s ease;width:100%}.av-date-picker__confirm:hover{background:var(--av-date-accent-strong)}\n"] }]
+            args: [{ selector: 'av-date-time-picker, av-date-picker', standalone: true, imports: [CommonModule, OverlayModule, AvIcon], template: "<div class=\"av-date-picker\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-date-picker__label\">{{ label() }}</label>\n  }\n\n  <button\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    type=\"button\"\n    (click)=\"toggleDropdown()\"\n    class=\"av-date-picker__trigger\"\n    [class.av-date-picker__trigger--open]=\"isOpen()\"\n    [class.av-date-picker__trigger--disabled]=\"disabled()\"\n    [class.av-date-picker__trigger--invalid]=\"isInvalid\"\n    [disabled]=\"disabled()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    <span class=\"av-date-picker__trigger-icon\">\n      <span av-icon [name]=\"defaultIcon\"></span>\n    </span>\n\n    <span class=\"av-date-picker__trigger-value\" [class.av-date-picker__trigger-value--placeholder]=\"!selectedDate()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-date-picker__error\">\n      {{ errorMessage() || 'Data/Hora inv\u00E1lida' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-date-picker__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (mode() === 'datetime') {\n      <div class=\"av-date-picker__tabs\">\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('date')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'date'\"\n        >\n          Data\n        </button>\n        <button\n          type=\"button\"\n          (click)=\"activeTab.set('time')\"\n          class=\"av-date-picker__tab\"\n          [class.av-date-picker__tab--active]=\"activeTab() === 'time'\"\n        >\n          Hora\n        </button>\n      </div>\n    }\n\n    @if (activeTab() === 'date') {\n      <div class=\"av-date-picker__calendar\">\n        <div class=\"av-date-picker__month-nav\">\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(-1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"M\u00EAs anterior\"\n          >\n            <span av-icon name=\"chevron_left\"></span>\n          </button>\n          <span class=\"av-date-picker__month-label\">\n            {{ monthLabel() }}\n          </span>\n          <button\n            type=\"button\"\n            (click)=\"changeMonth(1)\"\n            class=\"av-date-picker__nav-button\"\n            aria-label=\"Pr\u00F3ximo m\u00EAs\"\n          >\n            <span av-icon name=\"chevron_right\"></span>\n          </button>\n        </div>\n\n        <div class=\"av-date-picker__weekdays\">\n          @for (day of weekDays; track day) {\n            <span class=\"av-date-picker__weekday\">{{ day }}</span>\n          }\n        </div>\n\n        <div class=\"av-date-picker__days\">\n          @for (day of calendarDays(); track $index) {\n            @if (day) {\n              <button\n                type=\"button\"\n                (click)=\"selectDay(day)\"\n                class=\"av-date-picker__day\"\n                [class.av-date-picker__day--selected]=\"isDaySelected(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            } @else {\n              <span class=\"av-date-picker__day-spacer\"></span>\n            }\n          }\n        </div>\n      </div>\n    }\n\n    @if (activeTab() === 'time') {\n      <div class=\"av-date-picker__time\">\n        <div class=\"av-date-picker__digital-time\">\n          <span>{{ hours().toString().padStart(2, '0') }}</span>\n          <span>:</span>\n          <span>{{ minutes().toString().padStart(2, '0') }}</span>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Horas</span>\n          <div class=\"av-date-picker__time-grid av-date-picker__time-grid--hours\">\n            @for (hour of hourOptions; track hour) {\n              <button\n                type=\"button\"\n                (click)=\"selectHour(hour)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"hours() === hour\"\n              >\n                {{ hour.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <div class=\"av-date-picker__time-section\">\n          <span class=\"av-date-picker__time-label\">Minutos</span>\n          <div class=\"av-date-picker__time-grid\">\n            @for (minute of minuteOptions; track minute) {\n              <button\n                type=\"button\"\n                (click)=\"selectMinute(minute)\"\n                class=\"av-date-picker__time-option\"\n                [class.av-date-picker__time-option--selected]=\"minutes() === minute\"\n              >\n                {{ minute.toString().padStart(2, '0') }}\n              </button>\n            }\n          </div>\n        </div>\n\n        <button\n          type=\"button\"\n          (click)=\"confirmSelection()\"\n          class=\"av-date-picker__confirm\"\n        >\n          Confirmar\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".av-date-picker{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-date-picker__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-date-picker__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem .5rem 2.5rem;position:relative;text-align:left;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-date-picker__trigger:hover{border-color:var(--av-color-border-hover)}.av-date-picker__trigger:focus{outline:none}.av-date-picker__trigger--open,.av-date-picker__trigger:focus{border-color:var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-date-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-date-accent) 24%,transparent)}.av-date-picker__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-date-picker__trigger--invalid,.av-date-picker__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-date-picker__trigger-icon{color:var(--av-color-text-subtle);display:flex;left:.75rem;pointer-events:none;position:absolute}.av-date-picker__trigger-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.av-date-picker__trigger-value--placeholder{color:var(--av-color-text-subtle)}.av-date-picker__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-date-picker__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-sizing:border-box;box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;max-height:calc(100dvh - 1rem);max-width:calc(100vw - 1rem);overflow:hidden;width:min(20rem,calc(100vw - 1rem))}.av-date-picker__tabs{background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.25rem;padding:.25rem}.av-date-picker__tab{border-radius:var(--av-radius-md);color:var(--av-color-text-muted);flex:1;font-size:.75rem;font-weight:600;padding:.375rem 0;transition:background-color .2s ease,color .2s ease}.av-date-picker__tab--active{background:var(--av-color-surface);color:var(--av-date-accent-strong)}.av-date-picker__calendar,.av-date-picker__time{padding:1rem}.av-date-picker__time{display:flex;flex-direction:column;gap:.875rem}.av-date-picker__month-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.av-date-picker__nav-button{align-items:center;border-radius:var(--av-radius-full);color:var(--av-color-text-muted);display:flex;height:2rem;justify-content:center;touch-action:manipulation;transition:background-color .2s ease,color .2s ease;width:2rem}.av-date-picker__nav-button:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__month-label{color:var(--av-color-text);font-size:.875rem;font-weight:600;text-transform:capitalize}.av-date-picker__weekdays,.av-date-picker__days{display:grid;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.av-date-picker__weekdays{margin-bottom:.5rem}.av-date-picker__weekday{color:var(--av-color-text-subtle);font-size:.75rem;font-weight:600}.av-date-picker__day,.av-date-picker__time-option{align-items:center;border-radius:var(--av-radius-md);color:var(--av-color-text);display:flex;font-size:.75rem;font-weight:600;justify-content:center;transition:background-color .2s ease,color .2s ease}.av-date-picker__day,.av-date-picker__day-spacer{height:2rem;width:2rem}.av-date-picker__day:hover,.av-date-picker__time-option:hover{background:var(--av-date-accent-soft);color:var(--av-date-accent-strong)}.av-date-picker__day--selected,.av-date-picker__time-option--selected{background:var(--av-date-accent);color:var(--av-white)}.av-date-picker__digital-time{align-items:center;background:var(--av-color-surface-muted);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-lg);color:var(--av-color-text);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center;padding:.5rem 1rem}.av-date-picker__time-section{display:flex;flex-direction:column;gap:.375rem}.av-date-picker__time-label{color:var(--av-color-text-muted);font-size:.75rem;font-weight:700}.av-date-picker__time-grid{display:grid;gap:.375rem;grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-grid--hours{grid-template-columns:repeat(6,minmax(0,1fr))}.av-date-picker__time-option{border:1px solid var(--av-color-border-soft);height:2rem;touch-action:manipulation}.av-date-picker__confirm{background:var(--av-date-accent);border-radius:var(--av-radius-md);color:var(--av-white);font-size:.875rem;font-weight:600;margin-top:.125rem;min-height:2.5rem;padding:.5rem 0;touch-action:manipulation;transition:background-color .2s ease;width:100%}.av-date-picker__confirm:hover{background:var(--av-date-accent-strong)}@media(pointer:coarse),(max-width:640px){.av-date-picker__trigger,.av-date-picker__confirm{min-height:2.75rem}.av-date-picker__calendar,.av-date-picker__time{padding:.75rem}.av-date-picker__nav-button,.av-date-picker__day,.av-date-picker__day-spacer,.av-date-picker__time-option{min-height:2.5rem}.av-date-picker__day,.av-date-picker__day-spacer{height:auto;width:auto}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2764,11 +2788,11 @@ class AvMultiSelect {
         this.disabled.set(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvMultiSelect, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvMultiSelect, isStandalone: true, selector: "av-multiselect, av-multi-select", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, labelFormat: { classPropertyName: "labelFormat", publicName: "labelFormat", isSignal: true, isRequired: false, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ringColor: { classPropertyName: "ringColor", publicName: "ringColor", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, onSearch: { classPropertyName: "onSearch", publicName: "onSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div class=\"av-multi-select\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-multi-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    class=\"av-multi-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-multi-select__trigger--with-icon]=\"icon()\"\n    [class.av-multi-select__trigger--without-icon]=\"!icon()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon()) {\n      <div class=\"av-multi-select__icon\">\n        <span av-icon [name]=\"icon()\"></span>\n      </div>\n    }\n\n    <div class=\"av-multi-select__chips\">\n      @for (item of selectedOptions(); track getItemValue(item)) {\n        <span class=\"av-multi-select__chip\">\n          {{ getItemLabel(item) }}\n          <button\n            type=\"button\"\n            (click)=\"removeOption($event, item)\"\n            class=\"av-multi-select__chip-remove\"\n            aria-label=\"Remover op\u00E7\u00E3o\"\n          >\n            <span av-icon name=\"close\" class=\"av-multi-select__chip-remove-icon\"></span>\n          </button>\n        </span>\n      } @empty {\n        <span class=\"av-multi-select__placeholder\">\n          {{ placeholder() }}\n        </span>\n      }\n    </div>\n\n    <div\n      class=\"av-multi-select__chevron\"\n      [class.av-multi-select__chevron--open]=\"isOpen()\"\n    >\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-multi-select__error\">\n      {{ errorMessage() || 'Selecione ao menos uma op\u00E7\u00E3o' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-multi-select__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-multi-select__search\">\n        <span av-icon name=\"search\" class=\"av-multi-select__search-icon\"></span>\n        <input\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [value]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-multi-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-multi-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"toggleOption(item)\"\n          class=\"av-multi-select__option\"\n          [class.av-multi-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-multi-select__option-label\" [class.av-multi-select__option-label--selected]=\"isSelected(item)\">\n            {{ getItemLabel(item) }}\n          </span>\n\n          <div\n            class=\"av-multi-select__option-check\"\n            [class.av-multi-select__option-check--selected]=\"isSelected(item)\"\n          >\n            @if (isSelected(item)) {\n              <span av-icon name=\"check\" class=\"av-multi-select__option-check-icon\"></span>\n            }\n          </div>\n        </li>\n      } @empty {\n        <li class=\"av-multi-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-multi-select{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-multi-select__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-multi-select__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;min-height:42px;padding:.375rem 2.5rem .375rem .75rem;position:relative;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-multi-select__trigger:hover{border-color:var(--av-color-border-hover)}.av-multi-select__trigger:focus{outline:none}.av-multi-select__trigger--with-icon{padding-left:2.5rem}.av-multi-select__trigger--without-icon{padding-left:.75rem}.av-multi-select__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-multi-select__trigger--open,.av-multi-select__trigger:focus{border-color:var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-multi-accent) 24%,transparent)}.av-multi-select__trigger--invalid,.av-multi-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-multi-select__icon,.av-multi-select__chevron{color:var(--av-color-text-subtle);display:flex;pointer-events:none;position:absolute;top:.625rem}.av-multi-select__icon{left:.75rem}.av-multi-select__chevron{right:.75rem;transition:transform .2s ease}.av-multi-select__chevron--open{transform:rotate(180deg)}.av-multi-select__chips{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;width:100%}.av-multi-select__chip{align-items:center;background:var(--av-multi-selected-bg);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-md);color:var(--av-multi-selected-color);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;max-width:100%;padding:.125rem .5rem}.av-multi-select__chip-remove{align-items:center;border-radius:var(--av-radius-full);color:inherit;display:inline-flex;justify-content:center;transition:color .2s ease}.av-multi-select__chip-remove:hover{color:var(--av-color-danger)}.av-multi-select__placeholder{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-multi-select__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;max-height:15rem;overflow:hidden}.av-multi-select__search{align-items:center;background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.5rem;padding:.5rem}.av-multi-select__search-icon{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__search-input{background:transparent;border:0;color:var(--av-color-text);font-size:.875rem;outline:0;width:100%}.av-multi-select__search-input::placeholder{color:var(--av-color-text-subtle)}.av-multi-select__options{flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-multi-select__option{align-items:center;color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.av-multi-select__option:hover{background:var(--av-multi-soft);color:var(--av-multi-selected-color)}.av-multi-select__option--selected{background:var(--av-multi-selected-bg);color:var(--av-multi-selected-color)}.av-multi-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-multi-select__option-label--selected{font-weight:600}.av-multi-select__option-check{align-items:center;border:1px solid var(--av-color-border);border-radius:var(--av-radius-sm);display:flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.av-multi-select__option-check--selected{background:var(--av-multi-accent);border-color:var(--av-multi-accent);color:var(--av-white)}.av-multi-select__option-check-icon{color:var(--av-white);font-size:.75rem}.av-multi-select__empty{color:var(--av-color-text-subtle);font-size:.875rem;padding:.75rem 1rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvMultiSelect, isStandalone: true, selector: "av-multiselect, av-multi-select", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, labelFormat: { classPropertyName: "labelFormat", publicName: "labelFormat", isSignal: true, isRequired: false, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ringColor: { classPropertyName: "ringColor", publicName: "ringColor", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, onSearch: { classPropertyName: "onSearch", publicName: "onSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: "<div class=\"av-multi-select\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-multi-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    class=\"av-multi-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-multi-select__trigger--with-icon]=\"icon()\"\n    [class.av-multi-select__trigger--without-icon]=\"!icon()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon()) {\n      <div class=\"av-multi-select__icon\">\n        <span av-icon [name]=\"icon()\"></span>\n      </div>\n    }\n\n    <div class=\"av-multi-select__chips\">\n      @for (item of selectedOptions(); track getItemValue(item)) {\n        <span class=\"av-multi-select__chip\">\n          {{ getItemLabel(item) }}\n          <button\n            type=\"button\"\n            (click)=\"removeOption($event, item)\"\n            class=\"av-multi-select__chip-remove\"\n            aria-label=\"Remover op\u00E7\u00E3o\"\n          >\n            <span av-icon name=\"close\" class=\"av-multi-select__chip-remove-icon\"></span>\n          </button>\n        </span>\n      } @empty {\n        <span class=\"av-multi-select__placeholder\">\n          {{ placeholder() }}\n        </span>\n      }\n    </div>\n\n    <div\n      class=\"av-multi-select__chevron\"\n      [class.av-multi-select__chevron--open]=\"isOpen()\"\n    >\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-multi-select__error\">\n      {{ errorMessage() || 'Selecione ao menos uma op\u00E7\u00E3o' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-multi-select__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-multi-select__search\">\n        <span av-icon name=\"search\" class=\"av-multi-select__search-icon\"></span>\n        <input\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [value]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-multi-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-multi-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"toggleOption(item)\"\n          class=\"av-multi-select__option\"\n          [class.av-multi-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-multi-select__option-label\" [class.av-multi-select__option-label--selected]=\"isSelected(item)\">\n            {{ getItemLabel(item) }}\n          </span>\n\n          <div\n            class=\"av-multi-select__option-check\"\n            [class.av-multi-select__option-check--selected]=\"isSelected(item)\"\n          >\n            @if (isSelected(item)) {\n              <span av-icon name=\"check\" class=\"av-multi-select__option-check-icon\"></span>\n            }\n          </div>\n        </li>\n      } @empty {\n        <li class=\"av-multi-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-multi-select{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-multi-select__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-multi-select__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;min-height:2.625rem;padding:.375rem 2.5rem .375rem .75rem;position:relative;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-multi-select__trigger:hover{border-color:var(--av-color-border-hover)}.av-multi-select__trigger:focus{outline:none}.av-multi-select__trigger--with-icon{padding-left:2.5rem}.av-multi-select__trigger--without-icon{padding-left:.75rem}.av-multi-select__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-multi-select__trigger--open,.av-multi-select__trigger:focus{border-color:var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-multi-accent) 24%,transparent)}.av-multi-select__trigger--invalid,.av-multi-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-multi-select__icon,.av-multi-select__chevron{color:var(--av-color-text-subtle);display:flex;pointer-events:none;position:absolute;top:.625rem}.av-multi-select__icon{left:.75rem}.av-multi-select__chevron{right:.75rem;transition:transform .2s ease}.av-multi-select__chevron--open{transform:rotate(180deg)}.av-multi-select__chips{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;width:100%}.av-multi-select__chip{align-items:center;background:var(--av-multi-selected-bg);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-md);color:var(--av-multi-selected-color);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;max-width:100%;padding:.125rem .5rem}.av-multi-select__chip-remove{align-items:center;background:transparent;border:0;border-radius:var(--av-radius-full);color:inherit;cursor:pointer;display:inline-flex;height:1.5rem;justify-content:center;min-width:1.5rem;transition:color .2s ease}.av-multi-select__chip-remove:hover{color:var(--av-color-danger)}.av-multi-select__placeholder{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-multi-select__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-sizing:border-box;box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;max-height:min(15rem,calc(100dvh - 1rem));max-width:calc(100vw - 1rem);overflow:hidden;overscroll-behavior:contain}.av-multi-select__search{align-items:center;background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.5rem;padding:.5rem}.av-multi-select__search-icon{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__search-input{background:transparent;border:0;color:var(--av-color-text);font-size:.875rem;outline:0;width:100%}.av-multi-select__search-input::placeholder{color:var(--av-color-text-subtle)}.av-multi-select__options{-webkit-overflow-scrolling:touch;flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-multi-select__option{align-items:center;color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-height:2.5rem;padding:.5rem 1rem;touch-action:manipulation;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.av-multi-select__option:hover{background:var(--av-multi-soft);color:var(--av-multi-selected-color)}.av-multi-select__option--selected{background:var(--av-multi-selected-bg);color:var(--av-multi-selected-color)}.av-multi-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-multi-select__option-label--selected{font-weight:600}.av-multi-select__option-check{align-items:center;border:1px solid var(--av-color-border);border-radius:var(--av-radius-sm);display:flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.av-multi-select__option-check--selected{background:var(--av-multi-accent);border-color:var(--av-multi-accent);color:var(--av-white)}.av-multi-select__option-check-icon{color:var(--av-white);font-size:.75rem}.av-multi-select__empty{color:var(--av-color-text-subtle);font-size:.875rem;padding:.75rem 1rem;text-align:center}@media(pointer:coarse),(max-width:640px){.av-multi-select__trigger,.av-multi-select__option{min-height:2.75rem}.av-multi-select__search-input{font-size:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.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: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvMultiSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'av-multiselect, av-multi-select', standalone: true, imports: [CommonModule, OverlayModule, AvIcon], template: "<div class=\"av-multi-select\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-multi-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    class=\"av-multi-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-multi-select__trigger--with-icon]=\"icon()\"\n    [class.av-multi-select__trigger--without-icon]=\"!icon()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon()) {\n      <div class=\"av-multi-select__icon\">\n        <span av-icon [name]=\"icon()\"></span>\n      </div>\n    }\n\n    <div class=\"av-multi-select__chips\">\n      @for (item of selectedOptions(); track getItemValue(item)) {\n        <span class=\"av-multi-select__chip\">\n          {{ getItemLabel(item) }}\n          <button\n            type=\"button\"\n            (click)=\"removeOption($event, item)\"\n            class=\"av-multi-select__chip-remove\"\n            aria-label=\"Remover op\u00E7\u00E3o\"\n          >\n            <span av-icon name=\"close\" class=\"av-multi-select__chip-remove-icon\"></span>\n          </button>\n        </span>\n      } @empty {\n        <span class=\"av-multi-select__placeholder\">\n          {{ placeholder() }}\n        </span>\n      }\n    </div>\n\n    <div\n      class=\"av-multi-select__chevron\"\n      [class.av-multi-select__chevron--open]=\"isOpen()\"\n    >\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-multi-select__error\">\n      {{ errorMessage() || 'Selecione ao menos uma op\u00E7\u00E3o' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-multi-select__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-multi-select__search\">\n        <span av-icon name=\"search\" class=\"av-multi-select__search-icon\"></span>\n        <input\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [value]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-multi-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-multi-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"toggleOption(item)\"\n          class=\"av-multi-select__option\"\n          [class.av-multi-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-multi-select__option-label\" [class.av-multi-select__option-label--selected]=\"isSelected(item)\">\n            {{ getItemLabel(item) }}\n          </span>\n\n          <div\n            class=\"av-multi-select__option-check\"\n            [class.av-multi-select__option-check--selected]=\"isSelected(item)\"\n          >\n            @if (isSelected(item)) {\n              <span av-icon name=\"check\" class=\"av-multi-select__option-check-icon\"></span>\n            }\n          </div>\n        </li>\n      } @empty {\n        <li class=\"av-multi-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-multi-select{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-multi-select__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-multi-select__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;min-height:42px;padding:.375rem 2.5rem .375rem .75rem;position:relative;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-multi-select__trigger:hover{border-color:var(--av-color-border-hover)}.av-multi-select__trigger:focus{outline:none}.av-multi-select__trigger--with-icon{padding-left:2.5rem}.av-multi-select__trigger--without-icon{padding-left:.75rem}.av-multi-select__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-multi-select__trigger--open,.av-multi-select__trigger:focus{border-color:var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-multi-accent) 24%,transparent)}.av-multi-select__trigger--invalid,.av-multi-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-multi-select__icon,.av-multi-select__chevron{color:var(--av-color-text-subtle);display:flex;pointer-events:none;position:absolute;top:.625rem}.av-multi-select__icon{left:.75rem}.av-multi-select__chevron{right:.75rem;transition:transform .2s ease}.av-multi-select__chevron--open{transform:rotate(180deg)}.av-multi-select__chips{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;width:100%}.av-multi-select__chip{align-items:center;background:var(--av-multi-selected-bg);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-md);color:var(--av-multi-selected-color);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;max-width:100%;padding:.125rem .5rem}.av-multi-select__chip-remove{align-items:center;border-radius:var(--av-radius-full);color:inherit;display:inline-flex;justify-content:center;transition:color .2s ease}.av-multi-select__chip-remove:hover{color:var(--av-color-danger)}.av-multi-select__placeholder{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-multi-select__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;max-height:15rem;overflow:hidden}.av-multi-select__search{align-items:center;background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.5rem;padding:.5rem}.av-multi-select__search-icon{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__search-input{background:transparent;border:0;color:var(--av-color-text);font-size:.875rem;outline:0;width:100%}.av-multi-select__search-input::placeholder{color:var(--av-color-text-subtle)}.av-multi-select__options{flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-multi-select__option{align-items:center;color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.av-multi-select__option:hover{background:var(--av-multi-soft);color:var(--av-multi-selected-color)}.av-multi-select__option--selected{background:var(--av-multi-selected-bg);color:var(--av-multi-selected-color)}.av-multi-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-multi-select__option-label--selected{font-weight:600}.av-multi-select__option-check{align-items:center;border:1px solid var(--av-color-border);border-radius:var(--av-radius-sm);display:flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.av-multi-select__option-check--selected{background:var(--av-multi-accent);border-color:var(--av-multi-accent);color:var(--av-white)}.av-multi-select__option-check-icon{color:var(--av-white);font-size:.75rem}.av-multi-select__empty{color:var(--av-color-text-subtle);font-size:.875rem;padding:.75rem 1rem;text-align:center}\n"] }]
+            args: [{ selector: 'av-multiselect, av-multi-select', standalone: true, imports: [CommonModule, OverlayModule, AvIcon], template: "<div class=\"av-multi-select\" [ngStyle]=\"themeVars()\">\n  @if (label()) {\n    <label class=\"av-multi-select__label\">\n      {{ label() }}\n    </label>\n  }\n\n  <div\n    #triggerEl\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDropdown()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    class=\"av-multi-select__trigger\"\n    [style.border-radius]=\"roundedStyle\"\n    [class.av-multi-select__trigger--with-icon]=\"icon()\"\n    [class.av-multi-select__trigger--without-icon]=\"!icon()\"\n    [ngClass]=\"triggerClasses\"\n  >\n    @if (icon()) {\n      <div class=\"av-multi-select__icon\">\n        <span av-icon [name]=\"icon()\"></span>\n      </div>\n    }\n\n    <div class=\"av-multi-select__chips\">\n      @for (item of selectedOptions(); track getItemValue(item)) {\n        <span class=\"av-multi-select__chip\">\n          {{ getItemLabel(item) }}\n          <button\n            type=\"button\"\n            (click)=\"removeOption($event, item)\"\n            class=\"av-multi-select__chip-remove\"\n            aria-label=\"Remover op\u00E7\u00E3o\"\n          >\n            <span av-icon name=\"close\" class=\"av-multi-select__chip-remove-icon\"></span>\n          </button>\n        </span>\n      } @empty {\n        <span class=\"av-multi-select__placeholder\">\n          {{ placeholder() }}\n        </span>\n      }\n    </div>\n\n    <div\n      class=\"av-multi-select__chevron\"\n      [class.av-multi-select__chevron--open]=\"isOpen()\"\n    >\n      <span av-icon name=\"expand_more\"></span>\n    </div>\n  </div>\n\n  @if (isInvalid || errorMessage()) {\n    <span class=\"av-multi-select__error\">\n      {{ errorMessage() || 'Selecione ao menos uma op\u00E7\u00E3o' }}\n    </span>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"closeDropdown()\"\n>\n  <div\n    class=\"av-multi-select__panel\"\n    [ngStyle]=\"themeVars()\"\n    [style.width.px]=\"triggerEl.offsetWidth\"\n    [style.border-radius]=\"roundedStyle\"\n  >\n    @if (searchable()) {\n      <div class=\"av-multi-select__search\">\n        <span av-icon name=\"search\" class=\"av-multi-select__search-icon\"></span>\n        <input\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [value]=\"searchTerm()\"\n          (input)=\"handleSearchInput($event)\"\n          class=\"av-multi-select__search-input\"\n        />\n      </div>\n    }\n\n    <ul class=\"av-multi-select__options\">\n      @for (item of filteredData(); track getItemValue(item)) {\n        <li\n          (click)=\"toggleOption(item)\"\n          class=\"av-multi-select__option\"\n          [class.av-multi-select__option--selected]=\"isSelected(item)\"\n        >\n          <span class=\"av-multi-select__option-label\" [class.av-multi-select__option-label--selected]=\"isSelected(item)\">\n            {{ getItemLabel(item) }}\n          </span>\n\n          <div\n            class=\"av-multi-select__option-check\"\n            [class.av-multi-select__option-check--selected]=\"isSelected(item)\"\n          >\n            @if (isSelected(item)) {\n              <span av-icon name=\"check\" class=\"av-multi-select__option-check-icon\"></span>\n            }\n          </div>\n        </li>\n      } @empty {\n        <li class=\"av-multi-select__empty\">Nenhuma op\u00E7\u00E3o encontrada</li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", styles: [".av-multi-select{display:flex;flex-direction:column;gap:.25rem;width:100%;color:var(--av-color-text)}.av-multi-select__label{color:var(--av-color-text);font-size:.875rem;font-weight:700;text-align:start}.av-multi-select__trigger{align-items:center;background:var(--av-color-surface);border:2px solid var(--av-color-border);box-sizing:border-box;box-shadow:var(--av-shadow-control);color:var(--av-color-text);cursor:pointer;display:flex;min-height:2.625rem;padding:.375rem 2.5rem .375rem .75rem;position:relative;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.av-multi-select__trigger:hover{border-color:var(--av-color-border-hover)}.av-multi-select__trigger:focus{outline:none}.av-multi-select__trigger--with-icon{padding-left:2.5rem}.av-multi-select__trigger--without-icon{padding-left:.75rem}.av-multi-select__trigger--disabled{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);cursor:not-allowed;opacity:.72}.av-multi-select__trigger--open,.av-multi-select__trigger:focus{border-color:var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-multi-accent);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-multi-accent) 24%,transparent)}.av-multi-select__trigger--invalid,.av-multi-select__trigger--invalid:focus{border-color:var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 2px var(--av-color-danger);box-shadow:var(--av-shadow-control),0 0 0 3px color-mix(in srgb,var(--av-color-danger) 24%,transparent);color:var(--av-color-danger-text)}.av-multi-select__icon,.av-multi-select__chevron{color:var(--av-color-text-subtle);display:flex;pointer-events:none;position:absolute;top:.625rem}.av-multi-select__icon{left:.75rem}.av-multi-select__chevron{right:.75rem;transition:transform .2s ease}.av-multi-select__chevron--open{transform:rotate(180deg)}.av-multi-select__chips{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;width:100%}.av-multi-select__chip{align-items:center;background:var(--av-multi-selected-bg);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-md);color:var(--av-multi-selected-color);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;max-width:100%;padding:.125rem .5rem}.av-multi-select__chip-remove{align-items:center;background:transparent;border:0;border-radius:var(--av-radius-full);color:inherit;cursor:pointer;display:inline-flex;height:1.5rem;justify-content:center;min-width:1.5rem;transition:color .2s ease}.av-multi-select__chip-remove:hover{color:var(--av-color-danger)}.av-multi-select__placeholder{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__error{color:var(--av-color-danger);font-size:.75rem;font-weight:500}.av-multi-select__panel{background:var(--av-color-surface-raised);border:1px solid var(--av-color-border-soft);box-sizing:border-box;box-shadow:var(--av-shadow-raised);color:var(--av-color-text);display:flex;flex-direction:column;margin-top:.25rem;max-height:min(15rem,calc(100dvh - 1rem));max-width:calc(100vw - 1rem);overflow:hidden;overscroll-behavior:contain}.av-multi-select__search{align-items:center;background:var(--av-color-surface-muted);border-bottom:1px solid var(--av-color-border-soft);display:flex;gap:.5rem;padding:.5rem}.av-multi-select__search-icon{color:var(--av-color-text-subtle);font-size:.875rem}.av-multi-select__search-input{background:transparent;border:0;color:var(--av-color-text);font-size:.875rem;outline:0;width:100%}.av-multi-select__search-input::placeholder{color:var(--av-color-text-subtle)}.av-multi-select__options{-webkit-overflow-scrolling:touch;flex:1;list-style:none;margin:0;overflow-y:auto;padding:.25rem 0}.av-multi-select__option{align-items:center;color:var(--av-color-text);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-height:2.5rem;padding:.5rem 1rem;touch-action:manipulation;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.av-multi-select__option:hover{background:var(--av-multi-soft);color:var(--av-multi-selected-color)}.av-multi-select__option--selected{background:var(--av-multi-selected-bg);color:var(--av-multi-selected-color)}.av-multi-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-multi-select__option-label--selected{font-weight:600}.av-multi-select__option-check{align-items:center;border:1px solid var(--av-color-border);border-radius:var(--av-radius-sm);display:flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.av-multi-select__option-check--selected{background:var(--av-multi-accent);border-color:var(--av-multi-accent);color:var(--av-white)}.av-multi-select__option-check-icon{color:var(--av-white);font-size:.75rem}.av-multi-select__empty{color:var(--av-color-text-subtle);font-size:.875rem;padding:.75rem 1rem;text-align:center}@media(pointer:coarse),(max-width:640px){.av-multi-select__trigger,.av-multi-select__option{min-height:2.75rem}.av-multi-select__search-input{font-size:1rem}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2926,11 +2950,11 @@ class AvButton {
         return `var(--av-${this.variant()}-500)`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvButton, isStandalone: true, selector: "button[av-button], a[av-button]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.border-radius": "this.roundedClass", "style.--av-button-light-bg": "this.lightBackground", "style.--av-button-light-hover-bg": "this.lightHoverBackground", "style.--av-button-dark-bg": "this.darkBackground", "style.--av-button-dark-hover-bg": "this.darkHoverBackground" } }, ngImport: i0, template: "@if(icon() || loading()) {<span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>}\n<div class=\"btn-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{--av-button-focus-color: var(--av-button-light-bg);--av-button-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;display:inline-flex;width:fit-content;flex-shrink:0;align-items:center;justify-content:center;gap:5px;padding:8px 16px;font-size:14px;font-weight:500;background-color:var(--av-button-light-bg);color:var(--av-white);transition:background-color .15s ease,color .15s ease,transform .15s ease;cursor:pointer;box-shadow:var(--av-button-shadow)}:host:hover{background-color:var(--av-button-light-hover-bg)}:host:active{transform:scale(.95)}:host:focus-visible{outline:none;box-shadow:var(--av-button-shadow),0 0 0 2px var(--av-button-focus-color);box-shadow:var(--av-button-shadow),0 0 0 3px color-mix(in srgb,var(--av-button-focus-color) 28%,transparent)}:host-context([data-av-theme=\"dark\"]){--av-button-focus-color: var(--av-button-dark-hover-bg);--av-button-shadow: 0 12px 24px -12px rgb(0 0 0 / .62), 0 4px 10px -6px rgb(0 0 0 / .5);background-color:var(--av-button-dark-bg)}:host-context([data-av-theme=\"dark\"]):hover{background-color:var(--av-button-dark-hover-bg)}.btn-content{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvButton, isStandalone: true, selector: "button[av-button], a[av-button]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.border-radius": "this.roundedClass", "style.--av-button-light-bg": "this.lightBackground", "style.--av-button-light-hover-bg": "this.lightHoverBackground", "style.--av-button-dark-bg": "this.darkBackground", "style.--av-button-dark-hover-bg": "this.darkHoverBackground" } }, ngImport: i0, template: "@if(icon() || loading()) {<span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>}\n<div class=\"btn-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{--av-button-focus-color: var(--av-button-light-bg);--av-button-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;display:inline-flex;width:fit-content;flex-shrink:0;box-sizing:border-box;align-items:center;justify-content:center;gap:5px;min-height:2.5rem;padding:8px 16px;font-size:14px;line-height:1.2;font-weight:500;background-color:var(--av-button-light-bg);color:var(--av-white);transition:background-color .15s ease,color .15s ease,transform .15s ease;cursor:pointer;box-shadow:var(--av-button-shadow);touch-action:manipulation}:host:hover{background-color:var(--av-button-light-hover-bg)}:host:active{transform:scale(.95)}:host:focus-visible{outline:none;box-shadow:var(--av-button-shadow),0 0 0 2px var(--av-button-focus-color);box-shadow:var(--av-button-shadow),0 0 0 3px color-mix(in srgb,var(--av-button-focus-color) 28%,transparent)}:host-context([data-av-theme=\"dark\"]){--av-button-focus-color: var(--av-button-dark-hover-bg);--av-button-shadow: 0 12px 24px -12px rgb(0 0 0 / .62), 0 4px 10px -6px rgb(0 0 0 / .5);background-color:var(--av-button-dark-bg)}:host-context([data-av-theme=\"dark\"]):hover{background-color:var(--av-button-dark-hover-bg)}.btn-content{display:flex;align-items:center;justify-content:center;min-width:0}@media(pointer:coarse),(max-width:640px){:host{min-height:2.75rem}}\n"], dependencies: [{ kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvButton, decorators: [{
             type: Component,
-            args: [{ imports: [AvIcon], selector: 'button[av-button], a[av-button]', template: "@if(icon() || loading()) {<span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>}\n<div class=\"btn-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{--av-button-focus-color: var(--av-button-light-bg);--av-button-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;display:inline-flex;width:fit-content;flex-shrink:0;align-items:center;justify-content:center;gap:5px;padding:8px 16px;font-size:14px;font-weight:500;background-color:var(--av-button-light-bg);color:var(--av-white);transition:background-color .15s ease,color .15s ease,transform .15s ease;cursor:pointer;box-shadow:var(--av-button-shadow)}:host:hover{background-color:var(--av-button-light-hover-bg)}:host:active{transform:scale(.95)}:host:focus-visible{outline:none;box-shadow:var(--av-button-shadow),0 0 0 2px var(--av-button-focus-color);box-shadow:var(--av-button-shadow),0 0 0 3px color-mix(in srgb,var(--av-button-focus-color) 28%,transparent)}:host-context([data-av-theme=\"dark\"]){--av-button-focus-color: var(--av-button-dark-hover-bg);--av-button-shadow: 0 12px 24px -12px rgb(0 0 0 / .62), 0 4px 10px -6px rgb(0 0 0 / .5);background-color:var(--av-button-dark-bg)}:host-context([data-av-theme=\"dark\"]):hover{background-color:var(--av-button-dark-hover-bg)}.btn-content{display:flex;align-items:center;justify-content:center}\n"] }]
+            args: [{ imports: [AvIcon], selector: 'button[av-button], a[av-button]', template: "@if(icon() || loading()) {<span av-icon [name]=\"loading()? loadingIcon()!: icon()!\"></span>}\n<div class=\"btn-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{--av-button-focus-color: var(--av-button-light-bg);--av-button-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;display:inline-flex;width:fit-content;flex-shrink:0;box-sizing:border-box;align-items:center;justify-content:center;gap:5px;min-height:2.5rem;padding:8px 16px;font-size:14px;line-height:1.2;font-weight:500;background-color:var(--av-button-light-bg);color:var(--av-white);transition:background-color .15s ease,color .15s ease,transform .15s ease;cursor:pointer;box-shadow:var(--av-button-shadow);touch-action:manipulation}:host:hover{background-color:var(--av-button-light-hover-bg)}:host:active{transform:scale(.95)}:host:focus-visible{outline:none;box-shadow:var(--av-button-shadow),0 0 0 2px var(--av-button-focus-color);box-shadow:var(--av-button-shadow),0 0 0 3px color-mix(in srgb,var(--av-button-focus-color) 28%,transparent)}:host-context([data-av-theme=\"dark\"]){--av-button-focus-color: var(--av-button-dark-hover-bg);--av-button-shadow: 0 12px 24px -12px rgb(0 0 0 / .62), 0 4px 10px -6px rgb(0 0 0 / .5);background-color:var(--av-button-dark-bg)}:host-context([data-av-theme=\"dark\"]):hover{background-color:var(--av-button-dark-hover-bg)}.btn-content{display:flex;align-items:center;justify-content:center;min-width:0}@media(pointer:coarse),(max-width:640px){:host{min-height:2.75rem}}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], loadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIcon", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], roundedClass: [{
                 type: HostBinding,
                 args: ['style.border-radius']
@@ -2978,11 +3002,11 @@ class AvPaginator {
         this.pageChanged.emit(nextPage);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvPaginator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AvPaginator, isStandalone: true, selector: "av-paginator", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: true, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pageChanged: "pageChanged" }, ngImport: i0, template: "<nav class=\"av-paginator\" aria-label=\"Pagina\u00E7\u00E3o\">\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(0)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"Primeira p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_left\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() - 1)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"P\u00E1gina anterior\"\n  >\n    <span av-icon name=\"arrow_left\" size=\"sm\"></span>\n  </button>\n\n  <span class=\"av-paginator__page\">\n    P\u00E1gina {{ safeTotalPages() === 0 ? 0 : currentPage() + 1 }} de {{ safeTotalPages() }}\n  </span>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() + 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"Pr\u00F3xima p\u00E1gina\"\n  >\n    <span av-icon name=\"arrow_right\" size=\"sm\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(safeTotalPages() - 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"\u00DAltima p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_right\"></span>\n  </button>\n</nav>\n", styles: [":host{display:block;width:100%}.av-paginator{align-items:stretch;display:grid;gap:.25rem;grid-template-columns:auto auto minmax(8rem,1fr) auto auto;width:100%}.av-paginator [av-button]{min-height:2.25rem;padding-inline:.75rem}.av-paginator [av-button]:disabled{cursor:not-allowed;opacity:.48;transform:none}.av-paginator__page{align-items:center;color:var(--av-color-text-muted);display:flex;font-size:.875rem;font-weight:700;justify-content:center;padding-inline:.75rem;text-align:center}\n"], dependencies: [{ kind: "component", type: AvButton, selector: "button[av-button], a[av-button]", inputs: ["icon", "loadingIcon", "loading", "variant", "rounded"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AvPaginator, isStandalone: true, selector: "av-paginator", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: true, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pageChanged: "pageChanged" }, ngImport: i0, template: "<nav class=\"av-paginator\" aria-label=\"Pagina\u00E7\u00E3o\">\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(0)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"Primeira p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_left\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() - 1)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"P\u00E1gina anterior\"\n  >\n    <span av-icon name=\"arrow_left\" size=\"sm\"></span>\n  </button>\n\n  <span class=\"av-paginator__page\">\n    P\u00E1gina {{ safeTotalPages() === 0 ? 0 : currentPage() + 1 }} de {{ safeTotalPages() }}\n  </span>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() + 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"Pr\u00F3xima p\u00E1gina\"\n  >\n    <span av-icon name=\"arrow_right\" size=\"sm\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(safeTotalPages() - 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"\u00DAltima p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_right\"></span>\n  </button>\n</nav>\n", styles: [":host{display:block;width:100%}.av-paginator{align-items:stretch;display:grid;gap:.25rem;grid-template-columns:auto auto minmax(8rem,1fr) auto auto;min-width:0;width:100%}.av-paginator [av-button]{min-height:2.25rem;padding-inline:.75rem}.av-paginator [av-button]:disabled{cursor:not-allowed;opacity:.48;transform:none}.av-paginator__page{align-items:center;color:var(--av-color-text-muted);display:flex;font-size:.875rem;font-weight:700;justify-content:center;padding-inline:.75rem;text-align:center}@media(max-width:420px){.av-paginator{grid-template-columns:repeat(4,minmax(0,1fr))}.av-paginator [av-button]:nth-of-type(1){grid-column:1;grid-row:2}.av-paginator [av-button]:nth-of-type(2){grid-column:2;grid-row:2}.av-paginator [av-button]:nth-of-type(3){grid-column:3;grid-row:2}.av-paginator [av-button]:nth-of-type(4){grid-column:4;grid-row:2}.av-paginator__page{grid-column:1 / -1;grid-row:1;min-height:2rem;padding-inline:.25rem}}\n"], dependencies: [{ kind: "component", type: AvButton, selector: "button[av-button], a[av-button]", inputs: ["icon", "loadingIcon", "loading", "variant", "rounded"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvPaginator, decorators: [{
             type: Component,
-            args: [{ selector: 'av-paginator', standalone: true, imports: [AvButton, AvIcon], template: "<nav class=\"av-paginator\" aria-label=\"Pagina\u00E7\u00E3o\">\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(0)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"Primeira p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_left\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() - 1)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"P\u00E1gina anterior\"\n  >\n    <span av-icon name=\"arrow_left\" size=\"sm\"></span>\n  </button>\n\n  <span class=\"av-paginator__page\">\n    P\u00E1gina {{ safeTotalPages() === 0 ? 0 : currentPage() + 1 }} de {{ safeTotalPages() }}\n  </span>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() + 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"Pr\u00F3xima p\u00E1gina\"\n  >\n    <span av-icon name=\"arrow_right\" size=\"sm\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(safeTotalPages() - 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"\u00DAltima p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_right\"></span>\n  </button>\n</nav>\n", styles: [":host{display:block;width:100%}.av-paginator{align-items:stretch;display:grid;gap:.25rem;grid-template-columns:auto auto minmax(8rem,1fr) auto auto;width:100%}.av-paginator [av-button]{min-height:2.25rem;padding-inline:.75rem}.av-paginator [av-button]:disabled{cursor:not-allowed;opacity:.48;transform:none}.av-paginator__page{align-items:center;color:var(--av-color-text-muted);display:flex;font-size:.875rem;font-weight:700;justify-content:center;padding-inline:.75rem;text-align:center}\n"] }]
+            args: [{ selector: 'av-paginator', standalone: true, imports: [AvButton, AvIcon], template: "<nav class=\"av-paginator\" aria-label=\"Pagina\u00E7\u00E3o\">\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(0)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"Primeira p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_left\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() - 1)\"\n    [disabled]=\"!canGoBack()\"\n    aria-label=\"P\u00E1gina anterior\"\n  >\n    <span av-icon name=\"arrow_left\" size=\"sm\"></span>\n  </button>\n\n  <span class=\"av-paginator__page\">\n    P\u00E1gina {{ safeTotalPages() === 0 ? 0 : currentPage() + 1 }} de {{ safeTotalPages() }}\n  </span>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(currentPage() + 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"Pr\u00F3xima p\u00E1gina\"\n  >\n    <span av-icon name=\"arrow_right\" size=\"sm\"></span>\n  </button>\n\n  <button\n    av-button\n    [variant]=\"variant()\"\n    type=\"button\"\n    (click)=\"changePage(safeTotalPages() - 1)\"\n    [disabled]=\"!canGoForward()\"\n    aria-label=\"\u00DAltima p\u00E1gina\"\n  >\n    <span av-icon name=\"double_arrow_right\"></span>\n  </button>\n</nav>\n", styles: [":host{display:block;width:100%}.av-paginator{align-items:stretch;display:grid;gap:.25rem;grid-template-columns:auto auto minmax(8rem,1fr) auto auto;min-width:0;width:100%}.av-paginator [av-button]{min-height:2.25rem;padding-inline:.75rem}.av-paginator [av-button]:disabled{cursor:not-allowed;opacity:.48;transform:none}.av-paginator__page{align-items:center;color:var(--av-color-text-muted);display:flex;font-size:.875rem;font-weight:700;justify-content:center;padding-inline:.75rem;text-align:center}@media(max-width:420px){.av-paginator{grid-template-columns:repeat(4,minmax(0,1fr))}.av-paginator [av-button]:nth-of-type(1){grid-column:1;grid-row:2}.av-paginator [av-button]:nth-of-type(2){grid-column:2;grid-row:2}.av-paginator [av-button]:nth-of-type(3){grid-column:3;grid-row:2}.av-paginator [av-button]:nth-of-type(4){grid-column:4;grid-row:2}.av-paginator__page{grid-column:1 / -1;grid-row:1;min-height:2rem;padding-inline:.25rem}}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], pageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: true }] }], totalPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPages", required: true }] }], pageChanged: [{ type: i0.Output, args: ["pageChanged"] }] } });
 
 class AvProgressBarCircle {
@@ -3313,11 +3337,11 @@ class AvStepper {
         return Math.min(Math.max(index, 0), total - 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvStepper, isStandalone: true, selector: "av-stepper", inputs: { canSetStep: { classPropertyName: "canSetStep", publicName: "canSetStep", isSignal: true, isRequired: false, transformFunction: null }, noContent: { classPropertyName: "noContent", publicName: "noContent", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, queries: [{ propertyName: "items", predicate: AvStep, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"av-stepper\" [ngStyle]=\"themeVars()\">\n  <div class=\"av-stepper__header\">\n    @for (item of items(); track $index) {\n      <div\n        class=\"av-stepper__item\"\n        [class.av-stepper__item--stretch]=\"$index + 1 < items().length\"\n      >\n        <div class=\"av-stepper__row\">\n          <button\n            type=\"button\"\n            (click)=\"changeTo($index)\"\n            class=\"av-stepper__bullet\"\n            [class.av-stepper__bullet--clickable]=\"canSetStep()\"\n            [class.av-stepper__bullet--active]=\"isActive($index)\"\n            [class.av-stepper__bullet--done]=\"isDone($index)\"\n            [class.av-stepper__bullet--error]=\"item.hasError()\"\n            [disabled]=\"!canSetStep() && !isActive($index)\"\n            [attr.aria-current]=\"isActive($index) ? 'step' : null\"\n          >\n            @if (item.hasError()) {\n              <span av-icon name=\"close\" size=\"sm\"></span>\n            } @else if (isDone($index)) {\n              <span av-icon name=\"check\" size=\"sm\"></span>\n            } @else if (item.icon()) {\n              <span av-icon [name]=\"item.icon()\" size=\"sm\"></span>\n            } @else {\n              {{ $index + 1 }}\n            }\n          </button>\n\n          <div\n            class=\"av-stepper__line\"\n            [class.av-stepper__line--hidden]=\"$index + 1 >= items().length\"\n          >\n            <div class=\"av-stepper__line-track\">\n              <div\n                class=\"av-stepper__line-fill\"\n                [class.av-stepper__line-fill--complete]=\"isDone($index)\"\n                [class.av-stepper__line-fill--error]=\"item.hasError()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"av-stepper__caption\">\n          <span>{{ item.title() }}</span>\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"av-stepper__content\" [class.av-stepper__content--hidden]=\"noContent()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.av-stepper{color:var(--av-color-text);display:flex;flex-direction:column;gap:.75rem;height:100%;width:100%}.av-stepper__header,.av-stepper__row{align-items:center;display:flex}.av-stepper__item{display:flex;flex-direction:column;min-width:2.5rem}.av-stepper__item--stretch,.av-stepper__line{flex:1}.av-stepper__bullet{align-items:center;aspect-ratio:1;background:var(--av-color-surface);border:2px solid var(--av-color-border);border-radius:var(--av-radius-full);box-shadow:var(--av-shadow-control);color:var(--av-color-text-muted);display:flex;font-weight:700;height:2.5rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;z-index:1}.av-stepper__bullet--clickable{cursor:pointer}.av-stepper__bullet:disabled{cursor:default}.av-stepper__bullet--active{background:var(--av-stepper-accent-soft);border-color:var(--av-stepper-accent);color:var(--av-stepper-accent)}.av-stepper__bullet--done{background:var(--av-stepper-accent);border-color:var(--av-stepper-accent);color:var(--av-white)}.av-stepper__bullet--error{background:var(--av-color-danger-soft);border-color:var(--av-color-danger);color:var(--av-color-danger)}.av-stepper__line{height:.5rem;position:relative}.av-stepper__line--hidden,.av-stepper__content--hidden{display:none}.av-stepper__line-track{background:var(--av-stepper-track);border-radius:var(--av-radius-full);height:100%;overflow:hidden;transform:translate(-5%);width:110%}.av-stepper__line-fill{background:var(--av-stepper-accent);height:100%;transform:translate(-100%);transition:transform .2s ease,background-color .2s ease;width:100%}.av-stepper__line-fill--complete{transform:translate(0)}.av-stepper__line-fill--error{background:var(--av-color-danger)}.av-stepper__caption{color:var(--av-color-text-muted);display:flex;flex-direction:column;font-size:.875rem;font-weight:600;line-height:1.25;margin-top:.375rem}.av-stepper__content{height:100%;min-height:0;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvStepper, isStandalone: true, selector: "av-stepper", inputs: { canSetStep: { classPropertyName: "canSetStep", publicName: "canSetStep", isSignal: true, isRequired: false, transformFunction: null }, noContent: { classPropertyName: "noContent", publicName: "noContent", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, queries: [{ propertyName: "items", predicate: AvStep, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"av-stepper\" [ngStyle]=\"themeVars()\">\n  <div class=\"av-stepper__header\">\n    @for (item of items(); track $index) {\n      <div\n        class=\"av-stepper__item\"\n        [class.av-stepper__item--stretch]=\"$index + 1 < items().length\"\n      >\n        <div class=\"av-stepper__row\">\n          <button\n            type=\"button\"\n            (click)=\"changeTo($index)\"\n            class=\"av-stepper__bullet\"\n            [class.av-stepper__bullet--clickable]=\"canSetStep()\"\n            [class.av-stepper__bullet--active]=\"isActive($index)\"\n            [class.av-stepper__bullet--done]=\"isDone($index)\"\n            [class.av-stepper__bullet--error]=\"item.hasError()\"\n            [disabled]=\"!canSetStep() && !isActive($index)\"\n            [attr.aria-current]=\"isActive($index) ? 'step' : null\"\n          >\n            @if (item.hasError()) {\n              <span av-icon name=\"close\" size=\"sm\"></span>\n            } @else if (isDone($index)) {\n              <span av-icon name=\"check\" size=\"sm\"></span>\n            } @else if (item.icon()) {\n              <span av-icon [name]=\"item.icon()\" size=\"sm\"></span>\n            } @else {\n              {{ $index + 1 }}\n            }\n          </button>\n\n          <div\n            class=\"av-stepper__line\"\n            [class.av-stepper__line--hidden]=\"$index + 1 >= items().length\"\n          >\n            <div class=\"av-stepper__line-track\">\n              <div\n                class=\"av-stepper__line-fill\"\n                [class.av-stepper__line-fill--complete]=\"isDone($index)\"\n                [class.av-stepper__line-fill--error]=\"item.hasError()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"av-stepper__caption\">\n          <span>{{ item.title() }}</span>\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"av-stepper__content\" [class.av-stepper__content--hidden]=\"noContent()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.av-stepper{color:var(--av-color-text);display:flex;flex-direction:column;gap:.75rem;height:100%;width:100%}.av-stepper__header,.av-stepper__row{align-items:center;display:flex}.av-stepper__header{-webkit-overflow-scrolling:touch;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.125rem}.av-stepper__item{display:flex;flex-direction:column;min-width:2.5rem}.av-stepper__item--stretch,.av-stepper__line{flex:1}.av-stepper__bullet{align-items:center;aspect-ratio:1;background:var(--av-color-surface);border:2px solid var(--av-color-border);border-radius:var(--av-radius-full);box-shadow:var(--av-shadow-control);color:var(--av-color-text-muted);display:flex;font-weight:700;height:2.5rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;z-index:1}.av-stepper__bullet--clickable{cursor:pointer;touch-action:manipulation}.av-stepper__bullet:disabled{cursor:default}.av-stepper__bullet--active{background:var(--av-stepper-accent-soft);border-color:var(--av-stepper-accent);color:var(--av-stepper-accent)}.av-stepper__bullet--done{background:var(--av-stepper-accent);border-color:var(--av-stepper-accent);color:var(--av-white)}.av-stepper__bullet--error{background:var(--av-color-danger-soft);border-color:var(--av-color-danger);color:var(--av-color-danger)}.av-stepper__line{height:.5rem;position:relative}.av-stepper__line--hidden,.av-stepper__content--hidden{display:none}.av-stepper__line-track{background:var(--av-stepper-track);border-radius:var(--av-radius-full);height:100%;overflow:hidden;transform:translate(-5%);width:110%}.av-stepper__line-fill{background:var(--av-stepper-accent);height:100%;transform:translate(-100%);transition:transform .2s ease,background-color .2s ease;width:100%}.av-stepper__line-fill--complete{transform:translate(0)}.av-stepper__line-fill--error{background:var(--av-color-danger)}.av-stepper__caption{color:var(--av-color-text-muted);display:flex;flex-direction:column;font-size:.875rem;font-weight:600;line-height:1.25;margin-top:.375rem}@media(max-width:640px){.av-stepper__caption{max-width:5.5rem}.av-stepper__caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.av-stepper__content{height:100%;min-height:0;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvStepper, decorators: [{
             type: Component,
-            args: [{ selector: 'av-stepper', standalone: true, imports: [CommonModule, AvIcon], template: "<div class=\"av-stepper\" [ngStyle]=\"themeVars()\">\n  <div class=\"av-stepper__header\">\n    @for (item of items(); track $index) {\n      <div\n        class=\"av-stepper__item\"\n        [class.av-stepper__item--stretch]=\"$index + 1 < items().length\"\n      >\n        <div class=\"av-stepper__row\">\n          <button\n            type=\"button\"\n            (click)=\"changeTo($index)\"\n            class=\"av-stepper__bullet\"\n            [class.av-stepper__bullet--clickable]=\"canSetStep()\"\n            [class.av-stepper__bullet--active]=\"isActive($index)\"\n            [class.av-stepper__bullet--done]=\"isDone($index)\"\n            [class.av-stepper__bullet--error]=\"item.hasError()\"\n            [disabled]=\"!canSetStep() && !isActive($index)\"\n            [attr.aria-current]=\"isActive($index) ? 'step' : null\"\n          >\n            @if (item.hasError()) {\n              <span av-icon name=\"close\" size=\"sm\"></span>\n            } @else if (isDone($index)) {\n              <span av-icon name=\"check\" size=\"sm\"></span>\n            } @else if (item.icon()) {\n              <span av-icon [name]=\"item.icon()\" size=\"sm\"></span>\n            } @else {\n              {{ $index + 1 }}\n            }\n          </button>\n\n          <div\n            class=\"av-stepper__line\"\n            [class.av-stepper__line--hidden]=\"$index + 1 >= items().length\"\n          >\n            <div class=\"av-stepper__line-track\">\n              <div\n                class=\"av-stepper__line-fill\"\n                [class.av-stepper__line-fill--complete]=\"isDone($index)\"\n                [class.av-stepper__line-fill--error]=\"item.hasError()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"av-stepper__caption\">\n          <span>{{ item.title() }}</span>\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"av-stepper__content\" [class.av-stepper__content--hidden]=\"noContent()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.av-stepper{color:var(--av-color-text);display:flex;flex-direction:column;gap:.75rem;height:100%;width:100%}.av-stepper__header,.av-stepper__row{align-items:center;display:flex}.av-stepper__item{display:flex;flex-direction:column;min-width:2.5rem}.av-stepper__item--stretch,.av-stepper__line{flex:1}.av-stepper__bullet{align-items:center;aspect-ratio:1;background:var(--av-color-surface);border:2px solid var(--av-color-border);border-radius:var(--av-radius-full);box-shadow:var(--av-shadow-control);color:var(--av-color-text-muted);display:flex;font-weight:700;height:2.5rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;z-index:1}.av-stepper__bullet--clickable{cursor:pointer}.av-stepper__bullet:disabled{cursor:default}.av-stepper__bullet--active{background:var(--av-stepper-accent-soft);border-color:var(--av-stepper-accent);color:var(--av-stepper-accent)}.av-stepper__bullet--done{background:var(--av-stepper-accent);border-color:var(--av-stepper-accent);color:var(--av-white)}.av-stepper__bullet--error{background:var(--av-color-danger-soft);border-color:var(--av-color-danger);color:var(--av-color-danger)}.av-stepper__line{height:.5rem;position:relative}.av-stepper__line--hidden,.av-stepper__content--hidden{display:none}.av-stepper__line-track{background:var(--av-stepper-track);border-radius:var(--av-radius-full);height:100%;overflow:hidden;transform:translate(-5%);width:110%}.av-stepper__line-fill{background:var(--av-stepper-accent);height:100%;transform:translate(-100%);transition:transform .2s ease,background-color .2s ease;width:100%}.av-stepper__line-fill--complete{transform:translate(0)}.av-stepper__line-fill--error{background:var(--av-color-danger)}.av-stepper__caption{color:var(--av-color-text-muted);display:flex;flex-direction:column;font-size:.875rem;font-weight:600;line-height:1.25;margin-top:.375rem}.av-stepper__content{height:100%;min-height:0;width:100%}\n"] }]
+            args: [{ selector: 'av-stepper', standalone: true, imports: [CommonModule, AvIcon], template: "<div class=\"av-stepper\" [ngStyle]=\"themeVars()\">\n  <div class=\"av-stepper__header\">\n    @for (item of items(); track $index) {\n      <div\n        class=\"av-stepper__item\"\n        [class.av-stepper__item--stretch]=\"$index + 1 < items().length\"\n      >\n        <div class=\"av-stepper__row\">\n          <button\n            type=\"button\"\n            (click)=\"changeTo($index)\"\n            class=\"av-stepper__bullet\"\n            [class.av-stepper__bullet--clickable]=\"canSetStep()\"\n            [class.av-stepper__bullet--active]=\"isActive($index)\"\n            [class.av-stepper__bullet--done]=\"isDone($index)\"\n            [class.av-stepper__bullet--error]=\"item.hasError()\"\n            [disabled]=\"!canSetStep() && !isActive($index)\"\n            [attr.aria-current]=\"isActive($index) ? 'step' : null\"\n          >\n            @if (item.hasError()) {\n              <span av-icon name=\"close\" size=\"sm\"></span>\n            } @else if (isDone($index)) {\n              <span av-icon name=\"check\" size=\"sm\"></span>\n            } @else if (item.icon()) {\n              <span av-icon [name]=\"item.icon()\" size=\"sm\"></span>\n            } @else {\n              {{ $index + 1 }}\n            }\n          </button>\n\n          <div\n            class=\"av-stepper__line\"\n            [class.av-stepper__line--hidden]=\"$index + 1 >= items().length\"\n          >\n            <div class=\"av-stepper__line-track\">\n              <div\n                class=\"av-stepper__line-fill\"\n                [class.av-stepper__line-fill--complete]=\"isDone($index)\"\n                [class.av-stepper__line-fill--error]=\"item.hasError()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"av-stepper__caption\">\n          <span>{{ item.title() }}</span>\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"av-stepper__content\" [class.av-stepper__content--hidden]=\"noContent()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.av-stepper{color:var(--av-color-text);display:flex;flex-direction:column;gap:.75rem;height:100%;width:100%}.av-stepper__header,.av-stepper__row{align-items:center;display:flex}.av-stepper__header{-webkit-overflow-scrolling:touch;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.125rem}.av-stepper__item{display:flex;flex-direction:column;min-width:2.5rem}.av-stepper__item--stretch,.av-stepper__line{flex:1}.av-stepper__bullet{align-items:center;aspect-ratio:1;background:var(--av-color-surface);border:2px solid var(--av-color-border);border-radius:var(--av-radius-full);box-shadow:var(--av-shadow-control);color:var(--av-color-text-muted);display:flex;font-weight:700;height:2.5rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;z-index:1}.av-stepper__bullet--clickable{cursor:pointer;touch-action:manipulation}.av-stepper__bullet:disabled{cursor:default}.av-stepper__bullet--active{background:var(--av-stepper-accent-soft);border-color:var(--av-stepper-accent);color:var(--av-stepper-accent)}.av-stepper__bullet--done{background:var(--av-stepper-accent);border-color:var(--av-stepper-accent);color:var(--av-white)}.av-stepper__bullet--error{background:var(--av-color-danger-soft);border-color:var(--av-color-danger);color:var(--av-color-danger)}.av-stepper__line{height:.5rem;position:relative}.av-stepper__line--hidden,.av-stepper__content--hidden{display:none}.av-stepper__line-track{background:var(--av-stepper-track);border-radius:var(--av-radius-full);height:100%;overflow:hidden;transform:translate(-5%);width:110%}.av-stepper__line-fill{background:var(--av-stepper-accent);height:100%;transform:translate(-100%);transition:transform .2s ease,background-color .2s ease;width:100%}.av-stepper__line-fill--complete{transform:translate(0)}.av-stepper__line-fill--error{background:var(--av-color-danger)}.av-stepper__caption{color:var(--av-color-text-muted);display:flex;flex-direction:column;font-size:.875rem;font-weight:600;line-height:1.25;margin-top:.375rem}@media(max-width:640px){.av-stepper__caption{max-width:5.5rem}.av-stepper__caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.av-stepper__content{height:100%;min-height:0;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { canSetStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSetStep", required: false }] }], noContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "noContent", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], currentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStep", required: false }] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AvStep), { ...{ descendants: true }, isSignal: true }] }] } });
 
 class AvTab {
@@ -3481,11 +3505,11 @@ class AvTable {
         this.onPage.emit({ page: 0, pageSize: newSize });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvTable, isStandalone: true, selector: "av-table", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, currentPageLabel: { classPropertyName: "currentPageLabel", publicName: "currentPageLabel", isSignal: true, isRequired: false, transformFunction: null }, sortField: { classPropertyName: "sortField", publicName: "sortField", isSignal: true, isRequired: false, transformFunction: null }, sortOrder: { classPropertyName: "sortOrder", publicName: "sortOrder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSort: "onSort", onPage: "onPage" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"av-table\">\n  <div class=\"av-table__scroll\">\n    <table class=\"av-table__table\">\n      @if (headerTemplate()) {\n        <thead class=\"av-table__header\">\n          <ng-container *ngTemplateOutlet=\"headerTemplate()!\"></ng-container>\n        </thead>\n      }\n\n      <tbody class=\"av-table__body\">\n        @if (bodyTemplate()) {\n          @for (item of value(); track $index) {\n            <ng-container *ngTemplateOutlet=\"bodyTemplate()!; context: { $implicit: item, index: $index }\"></ng-container>\n          } @empty {\n            <tr>\n              <td colspan=\"100%\" class=\"av-table__empty\">\n                {{ emptyMessage() }}\n              </td>\n            </tr>\n          }\n        } @else {\n          <tr>\n            <td colspan=\"100%\" class=\"av-table__empty\">\n              {{ emptyMessage() }}\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (paginator()) {\n    <div class=\"av-table__pagination\">\n      @if (currentPageLabel() !== '') {\n        <div class=\"av-table__page-label\">\n          <span>{{ formattedPageLabel() }}</span>\n        </div>\n      }\n\n      <div class=\"av-table__pagination-controls\">\n        @if (rowsPerPageOptions().length > 0) {\n          <div class=\"av-table__page-size\">\n            <span>Itens por p\u00E1gina:</span>\n            <av-select\n              [data]=\"pageSizeOptions()\"\n              [searchable]=\"false\"\n              [value]=\"pageSize()\"\n              [variant]=\"variant()\"\n              (valueChange)=\"changePageSize($event)\"\n            />\n          </div>\n        }\n\n        <av-paginator\n          [variant]=\"variant()\"\n          [pageIndex]=\"pageIndex()\"\n          [totalPages]=\"totalPages()\"\n          (pageChanged)=\"changePage($event)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%}.av-table{background:var(--av-color-surface);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-xl);box-shadow:var(--av-shadow-control);color:var(--av-color-text);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.av-table__header{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.av-table__header tr{border-bottom:1px solid var(--av-color-border-soft)}.av-table__scroll{flex:1;min-height:0;overflow:auto}.av-table__table{border-collapse:collapse;color:var(--av-color-text);font-size:.875rem;text-align:left;width:100%}.av-table__body tr+tr{border-top:1px solid var(--av-color-border-soft)}.av-table__empty{color:var(--av-color-text-subtle);padding:2rem 1.5rem;text-align:center}.av-table__pagination{align-items:center;background:var(--av-color-surface-muted);border-top:1px solid var(--av-color-border-soft);color:var(--av-color-text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.av-table__pagination-controls,.av-table__page-size{align-items:center;display:flex}.av-table__pagination-controls{flex:1;gap:1rem;justify-content:flex-end;min-width:18rem}.av-table__page-size{gap:.5rem;white-space:nowrap}.av-table__page-size av-select{min-width:5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AvSelect, selector: "av-select", inputs: ["data", "placeholder", "labelKey", "labelFormat", "valueKey", "label", "icon", "searchPlaceholder", "searchable", "loading", "loadingIcon", "variant", "rounded", "errorMessage", "value", "onSearch"], outputs: ["valueChange"] }, { kind: "component", type: AvPaginator, selector: "av-paginator", inputs: ["variant", "pageIndex", "totalPages"], outputs: ["pageChanged"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvTable, isStandalone: true, selector: "av-table", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, currentPageLabel: { classPropertyName: "currentPageLabel", publicName: "currentPageLabel", isSignal: true, isRequired: false, transformFunction: null }, sortField: { classPropertyName: "sortField", publicName: "sortField", isSignal: true, isRequired: false, transformFunction: null }, sortOrder: { classPropertyName: "sortOrder", publicName: "sortOrder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSort: "onSort", onPage: "onPage" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"av-table\">\n  <div class=\"av-table__scroll\">\n    <table class=\"av-table__table\">\n      @if (headerTemplate()) {\n        <thead class=\"av-table__header\">\n          <ng-container *ngTemplateOutlet=\"headerTemplate()!\"></ng-container>\n        </thead>\n      }\n\n      <tbody class=\"av-table__body\">\n        @if (bodyTemplate()) {\n          @for (item of value(); track $index) {\n            <ng-container *ngTemplateOutlet=\"bodyTemplate()!; context: { $implicit: item, index: $index }\"></ng-container>\n          } @empty {\n            <tr>\n              <td colspan=\"100%\" class=\"av-table__empty\">\n                {{ emptyMessage() }}\n              </td>\n            </tr>\n          }\n        } @else {\n          <tr>\n            <td colspan=\"100%\" class=\"av-table__empty\">\n              {{ emptyMessage() }}\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (paginator()) {\n    <div class=\"av-table__pagination\">\n      @if (currentPageLabel() !== '') {\n        <div class=\"av-table__page-label\">\n          <span>{{ formattedPageLabel() }}</span>\n        </div>\n      }\n\n      <div class=\"av-table__pagination-controls\">\n        @if (rowsPerPageOptions().length > 0) {\n          <div class=\"av-table__page-size\">\n            <span>Itens por p\u00E1gina:</span>\n            <av-select\n              [data]=\"pageSizeOptions()\"\n              [searchable]=\"false\"\n              [value]=\"pageSize()\"\n              [variant]=\"variant()\"\n              (valueChange)=\"changePageSize($event)\"\n            />\n          </div>\n        }\n\n        <av-paginator\n          [variant]=\"variant()\"\n          [pageIndex]=\"pageIndex()\"\n          [totalPages]=\"totalPages()\"\n          (pageChanged)=\"changePage($event)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%}.av-table{background:var(--av-color-surface);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-xl);box-shadow:var(--av-shadow-control);color:var(--av-color-text);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.av-table__header{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.av-table__header tr{border-bottom:1px solid var(--av-color-border-soft)}.av-table__scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.av-table__table{border-collapse:collapse;color:var(--av-color-text);font-size:.875rem;min-width:100%;text-align:left;width:max-content}.av-table__body tr+tr{border-top:1px solid var(--av-color-border-soft)}.av-table__empty{color:var(--av-color-text-subtle);padding:2rem 1.5rem;text-align:center}.av-table__pagination{align-items:center;background:var(--av-color-surface-muted);border-top:1px solid var(--av-color-border-soft);color:var(--av-color-text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.av-table__pagination-controls,.av-table__page-size{align-items:center;display:flex}.av-table__pagination-controls{flex:1;gap:1rem;justify-content:flex-end;min-width:min(18rem,100%)}.av-table__page-size{gap:.5rem;white-space:nowrap}.av-table__page-size av-select{min-width:5rem}@media(max-width:640px){.av-table__pagination{align-items:stretch;flex-direction:column}.av-table__pagination-controls{align-items:stretch;flex-direction:column;gap:.75rem;min-width:0}.av-table__page-size{justify-content:space-between}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AvSelect, selector: "av-select", inputs: ["data", "placeholder", "labelKey", "labelFormat", "valueKey", "label", "icon", "searchPlaceholder", "searchable", "loading", "loadingIcon", "variant", "rounded", "errorMessage", "value", "onSearch"], outputs: ["valueChange"] }, { kind: "component", type: AvPaginator, selector: "av-paginator", inputs: ["variant", "pageIndex", "totalPages"], outputs: ["pageChanged"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvTable, decorators: [{
             type: Component,
-            args: [{ selector: 'av-table', standalone: true, imports: [CommonModule, AvSelect, AvPaginator], template: "<div class=\"av-table\">\n  <div class=\"av-table__scroll\">\n    <table class=\"av-table__table\">\n      @if (headerTemplate()) {\n        <thead class=\"av-table__header\">\n          <ng-container *ngTemplateOutlet=\"headerTemplate()!\"></ng-container>\n        </thead>\n      }\n\n      <tbody class=\"av-table__body\">\n        @if (bodyTemplate()) {\n          @for (item of value(); track $index) {\n            <ng-container *ngTemplateOutlet=\"bodyTemplate()!; context: { $implicit: item, index: $index }\"></ng-container>\n          } @empty {\n            <tr>\n              <td colspan=\"100%\" class=\"av-table__empty\">\n                {{ emptyMessage() }}\n              </td>\n            </tr>\n          }\n        } @else {\n          <tr>\n            <td colspan=\"100%\" class=\"av-table__empty\">\n              {{ emptyMessage() }}\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (paginator()) {\n    <div class=\"av-table__pagination\">\n      @if (currentPageLabel() !== '') {\n        <div class=\"av-table__page-label\">\n          <span>{{ formattedPageLabel() }}</span>\n        </div>\n      }\n\n      <div class=\"av-table__pagination-controls\">\n        @if (rowsPerPageOptions().length > 0) {\n          <div class=\"av-table__page-size\">\n            <span>Itens por p\u00E1gina:</span>\n            <av-select\n              [data]=\"pageSizeOptions()\"\n              [searchable]=\"false\"\n              [value]=\"pageSize()\"\n              [variant]=\"variant()\"\n              (valueChange)=\"changePageSize($event)\"\n            />\n          </div>\n        }\n\n        <av-paginator\n          [variant]=\"variant()\"\n          [pageIndex]=\"pageIndex()\"\n          [totalPages]=\"totalPages()\"\n          (pageChanged)=\"changePage($event)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%}.av-table{background:var(--av-color-surface);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-xl);box-shadow:var(--av-shadow-control);color:var(--av-color-text);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.av-table__header{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.av-table__header tr{border-bottom:1px solid var(--av-color-border-soft)}.av-table__scroll{flex:1;min-height:0;overflow:auto}.av-table__table{border-collapse:collapse;color:var(--av-color-text);font-size:.875rem;text-align:left;width:100%}.av-table__body tr+tr{border-top:1px solid var(--av-color-border-soft)}.av-table__empty{color:var(--av-color-text-subtle);padding:2rem 1.5rem;text-align:center}.av-table__pagination{align-items:center;background:var(--av-color-surface-muted);border-top:1px solid var(--av-color-border-soft);color:var(--av-color-text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.av-table__pagination-controls,.av-table__page-size{align-items:center;display:flex}.av-table__pagination-controls{flex:1;gap:1rem;justify-content:flex-end;min-width:18rem}.av-table__page-size{gap:.5rem;white-space:nowrap}.av-table__page-size av-select{min-width:5rem}\n"] }]
+            args: [{ selector: 'av-table', standalone: true, imports: [CommonModule, AvSelect, AvPaginator], template: "<div class=\"av-table\">\n  <div class=\"av-table__scroll\">\n    <table class=\"av-table__table\">\n      @if (headerTemplate()) {\n        <thead class=\"av-table__header\">\n          <ng-container *ngTemplateOutlet=\"headerTemplate()!\"></ng-container>\n        </thead>\n      }\n\n      <tbody class=\"av-table__body\">\n        @if (bodyTemplate()) {\n          @for (item of value(); track $index) {\n            <ng-container *ngTemplateOutlet=\"bodyTemplate()!; context: { $implicit: item, index: $index }\"></ng-container>\n          } @empty {\n            <tr>\n              <td colspan=\"100%\" class=\"av-table__empty\">\n                {{ emptyMessage() }}\n              </td>\n            </tr>\n          }\n        } @else {\n          <tr>\n            <td colspan=\"100%\" class=\"av-table__empty\">\n              {{ emptyMessage() }}\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (paginator()) {\n    <div class=\"av-table__pagination\">\n      @if (currentPageLabel() !== '') {\n        <div class=\"av-table__page-label\">\n          <span>{{ formattedPageLabel() }}</span>\n        </div>\n      }\n\n      <div class=\"av-table__pagination-controls\">\n        @if (rowsPerPageOptions().length > 0) {\n          <div class=\"av-table__page-size\">\n            <span>Itens por p\u00E1gina:</span>\n            <av-select\n              [data]=\"pageSizeOptions()\"\n              [searchable]=\"false\"\n              [value]=\"pageSize()\"\n              [variant]=\"variant()\"\n              (valueChange)=\"changePageSize($event)\"\n            />\n          </div>\n        }\n\n        <av-paginator\n          [variant]=\"variant()\"\n          [pageIndex]=\"pageIndex()\"\n          [totalPages]=\"totalPages()\"\n          (pageChanged)=\"changePage($event)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%}.av-table{background:var(--av-color-surface);border:1px solid var(--av-color-border-soft);border-radius:var(--av-radius-xl);box-shadow:var(--av-shadow-control);color:var(--av-color-text);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.av-table__header{background:var(--av-color-surface-muted);color:var(--av-color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.av-table__header tr{border-bottom:1px solid var(--av-color-border-soft)}.av-table__scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.av-table__table{border-collapse:collapse;color:var(--av-color-text);font-size:.875rem;min-width:100%;text-align:left;width:max-content}.av-table__body tr+tr{border-top:1px solid var(--av-color-border-soft)}.av-table__empty{color:var(--av-color-text-subtle);padding:2rem 1.5rem;text-align:center}.av-table__pagination{align-items:center;background:var(--av-color-surface-muted);border-top:1px solid var(--av-color-border-soft);color:var(--av-color-text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.av-table__pagination-controls,.av-table__page-size{align-items:center;display:flex}.av-table__pagination-controls{flex:1;gap:1rem;justify-content:flex-end;min-width:min(18rem,100%)}.av-table__page-size{gap:.5rem;white-space:nowrap}.av-table__page-size av-select{min-width:5rem}@media(max-width:640px){.av-table__pagination{align-items:stretch;flex-direction:column}.av-table__pagination-controls{align-items:stretch;flex-direction:column;gap:.75rem;min-width:0}.av-table__page-size{justify-content:space-between}}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], paginator: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginator", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: false }] }], totalRecords: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalRecords", required: false }] }], rowsPerPageOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowsPerPageOptions", required: false }] }], currentPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPageLabel", required: false }] }], sortField: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortField", required: false }] }], sortOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortOrder", required: false }] }], onSort: [{ type: i0.Output, args: ["onSort"] }], onPage: [{ type: i0.Output, args: ["onPage"] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { isSignal: true }] }], bodyTemplate: [{ type: i0.ContentChild, args: ['body', { isSignal: true }] }] } });
 
 class AvCalendar {