angular-visuals 0.1.0 → 0.1.1

package/fesm2022/angular-visuals.mjs

@@ -0,0 +1,506 @@
+import * as i1 from '@angular/common';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, output, signal, computed, effect, Component, ElementRef, DestroyRef, PLATFORM_ID, Renderer2, contentChild, HostListener, HostBinding, InjectionToken, makeEnvironmentProviders } from '@angular/core';
+import { AvIcon } from '@av/lib/components/base/av-icon/av-icon.component';
+export { AvIcon } from '@av/lib/components/base/av-icon/av-icon.component';
+import { VISUALS_CONFIG as VISUALS_CONFIG$1 } from '@av/lib/core/tokens';
+export { provideAngularVisuals } from '@av/lib/core/tokens';
+import { ThemeService } from '@av/lib/core/services/ThemeService.service';
+export { ThemeService } from '@av/lib/core/services/ThemeService.service';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+export { AvTooltip } from '@av/lib/components/overlay/av-tooltip/av-tooltip';
+export { AvTextArea } from '@av/lib/components/form/av-text-area/av-text-area.component';
+export { AvFileUpload } from '@av/lib/components/form/av-file-upload/av-file-upload';
+export { AvText } from '@av/lib/primitives/av-text/av-text';
+export { AvSwitch } from '@av/lib/components/form/av-switch/av-switch.component';
+export { AvSlider } from '@av/lib/components/form/av-slider/av-slider';
+export { AvSelect } from '@av/lib/components/form/av-select/av-select.component';
+export { AvInput } from '@av/lib/components/form/av-input/av-input.component';
+export { AvCheckbox } from '@av/lib/components/form/av-checkbox/av-checkbox.component';
+export { AvCurrencyInput } from '@av/lib/components/form/av-currency-input/av-currency-input.component';
+export { AvDateTimePicker } from '@av/lib/components/form/av-date-time-picker/av-date-time-picker.component';
+export { AvForm } from '@av/lib/components/form/av-form/av-form.component';
+export { AvMultiSelect } from '@av/lib/components/form/av-multi-select/av-multi-select.component';
+export { AvGrid } from '@av/lib/components/layout/av-grid/grid.component';
+export { AvIconRegistry } from '@av/lib/core/services/IconRegistry.service';
+export { AvPaginator } from '@av/lib/components/layout/av-paginator/av-paginator.component';
+export { AvProgressBar, AvProgressBarCircle } from '@av/lib/components/feedback/progress-bars';
+export { AvCarousel, AvCarouselItem } from '@av/lib/components/midia/carousel';
+export { AvStep, AvStepper } from '@av/lib/components/nav/stepper';
+export { AvTab, AvTabs } from '@av/lib/components/nav/tabs';
+export { AvTable } from '@av/lib/components/layout/av-table/av-table.component';
+export { AvButton } from '@av/lib/components/base/av-button/av-button.component';
+export { AvBadge } from '@av/lib/components/base/av-badge/av-badge.component';
+
+class AvDropdown {
+    config = inject(VISUALS_CONFIG$1);
+    themeService = inject(ThemeService);
+    badge = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "badge" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    expanded = input(undefined, { ...(ngDevMode ? { debugName: "expanded" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined ? undefined : booleanAttribute(value) });
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    variant = input(this.config.theme.defaultVariant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    expandedChange = output();
+    internalExpanded = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalExpanded" }] : /* istanbul ignore next */ []));
+    panelId = `av-dropdown-${Math.random().toString(36).slice(2, 9)}`;
+    isExpanded = computed(() => this.expanded() ?? this.internalExpanded(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
+    themeVars = computed(() => {
+        const variant = this.variant();
+        const isDark = this.themeService.dark();
+        return {
+            '--av-dropdown-accent': `var(--av-${variant}-${isDark ? 400 : 500})`,
+            '--av-dropdown-accent-hover': `var(--av-${variant}-${isDark ? 300 : 700})`,
+            '--av-dropdown-accent-soft': isDark
+                ? `color-mix(in srgb, var(--av-${variant}-400) 16%, transparent)`
+                : `var(--av-${variant}-50)`,
+            '--av-dropdown-text': 'var(--av-color-text-muted)',
+            '--av-dropdown-text-active': isDark ? `var(--av-${variant}-100)` : `var(--av-${variant}-800)`,
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "themeVars" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const controlledExpanded = this.expanded();
+            if (controlledExpanded !== undefined) {
+                this.internalExpanded.set(controlledExpanded);
+            }
+        });
+    }
+    toggle() {
+        if (this.disabled())
+            return;
+        const next = !this.isExpanded();
+        this.internalExpanded.set(next);
+        this.expandedChange.emit(next);
+    }
+    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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", 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 }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--active]=\"isExpanded()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isExpanded()\"\n    (click)=\"toggle()\"\n  >\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      @if (label()) {\n        {{ label() }}\n      } @else {\n        <ng-content select=\"[av-dropdown-label]\"></ng-content>\n      }\n    </span>\n\n    @if (badge() !== null && badge() !== undefined) {\n      <span class=\"av-dropdown__badge\">{{ badge() }}</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]=\"isExpanded()\"\n    ></span>\n  </button>\n\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [class.av-dropdown__panel--open]=\"isExpanded()\"\n    [attr.aria-hidden]=\"!isExpanded()\"\n    [attr.inert]=\"isExpanded() ? null : ''\"\n  >\n    <div class=\"av-dropdown__panel-inner\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;min-width:0}.av-dropdown{display:grid;gap:.125rem;min-width:0}.av-dropdown__trigger{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--av-radius-md);box-sizing:border-box;color:var(--av-dropdown-text, var(--av-color-text-muted));cursor:pointer;display:flex;font:inherit;gap:.625rem;min-height:2.5rem;min-width:0;padding:.625rem .75rem;text-align:left;transition:background-color .18s ease,border-color .18s ease,color .18s ease;width:100%}.av-dropdown__trigger:hover:not(:disabled),.av-dropdown__trigger--active{background:var(--av-dropdown-accent-soft);color:var(--av-dropdown-accent-hover)}.av-dropdown__trigger--active{border-color:color-mix(in srgb,var(--av-dropdown-accent) 24%,transparent);color:var(--av-dropdown-text-active);font-weight:700}.av-dropdown__trigger:disabled{cursor:not-allowed;opacity:.52}.av-dropdown__trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--av-dropdown-accent) 24%,transparent);outline:none}.av-dropdown__icon,.av-dropdown__chevron{color:currentColor;flex:0 0 auto}.av-dropdown__label{flex:1;font-size:.875rem;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-dropdown__badge{background:var(--av-dropdown-accent);border-radius:var(--av-radius-full);color:var(--av-white);flex:0 0 auto;font-size:.6875rem;font-weight:700;line-height:1;min-width:1.25rem;padding:.25rem .375rem;text-align:center}.av-dropdown__chevron{transition:transform .18s ease}.av-dropdown__chevron--open{transform:rotate(180deg)}.av-dropdown__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .18s ease}.av-dropdown__panel--open{grid-template-rows:1fr;opacity:1}.av-dropdown__panel-inner{--av-nav-link-padding-left: 1rem;--av-nav-link-padding-y: .5rem;border-left:1px solid var(--av-color-border-soft);display:grid;gap:.125rem;margin-left:1.25rem;overflow:hidden;padding:.125rem 0 .125rem .5rem}\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: AvDropdown, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule, AvIcon], selector: 'av-dropdown', template: "<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--active]=\"isExpanded()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isExpanded()\"\n    (click)=\"toggle()\"\n  >\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      @if (label()) {\n        {{ label() }}\n      } @else {\n        <ng-content select=\"[av-dropdown-label]\"></ng-content>\n      }\n    </span>\n\n    @if (badge() !== null && badge() !== undefined) {\n      <span class=\"av-dropdown__badge\">{{ badge() }}</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]=\"isExpanded()\"\n    ></span>\n  </button>\n\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [class.av-dropdown__panel--open]=\"isExpanded()\"\n    [attr.aria-hidden]=\"!isExpanded()\"\n    [attr.inert]=\"isExpanded() ? null : ''\"\n  >\n    <div class=\"av-dropdown__panel-inner\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;min-width:0}.av-dropdown{display:grid;gap:.125rem;min-width:0}.av-dropdown__trigger{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--av-radius-md);box-sizing:border-box;color:var(--av-dropdown-text, var(--av-color-text-muted));cursor:pointer;display:flex;font:inherit;gap:.625rem;min-height:2.5rem;min-width:0;padding:.625rem .75rem;text-align:left;transition:background-color .18s ease,border-color .18s ease,color .18s ease;width:100%}.av-dropdown__trigger:hover:not(:disabled),.av-dropdown__trigger--active{background:var(--av-dropdown-accent-soft);color:var(--av-dropdown-accent-hover)}.av-dropdown__trigger--active{border-color:color-mix(in srgb,var(--av-dropdown-accent) 24%,transparent);color:var(--av-dropdown-text-active);font-weight:700}.av-dropdown__trigger:disabled{cursor:not-allowed;opacity:.52}.av-dropdown__trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--av-dropdown-accent) 24%,transparent);outline:none}.av-dropdown__icon,.av-dropdown__chevron{color:currentColor;flex:0 0 auto}.av-dropdown__label{flex:1;font-size:.875rem;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-dropdown__badge{background:var(--av-dropdown-accent);border-radius:var(--av-radius-full);color:var(--av-white);flex:0 0 auto;font-size:.6875rem;font-weight:700;line-height:1;min-width:1.25rem;padding:.25rem .375rem;text-align:center}.av-dropdown__chevron{transition:transform .18s ease}.av-dropdown__chevron--open{transform:rotate(180deg)}.av-dropdown__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .18s ease}.av-dropdown__panel--open{grid-template-rows:1fr;opacity:1}.av-dropdown__panel-inner{--av-nav-link-padding-left: 1rem;--av-nav-link-padding-y: .5rem;border-left:1px solid var(--av-color-border-soft);display:grid;gap:.125rem;margin-left:1.25rem;overflow:hidden;padding:.125rem 0 .125rem .5rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
+
+class AvNavLink {
+    config = inject(VISUALS_CONFIG$1);
+    elementRef = inject((ElementRef));
+    themeService = inject(ThemeService);
+    active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    badge = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "badge" }] : /* istanbul ignore next */ []));
+    description = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    href = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+    // route can be string or link params array
+    route = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "route" }] : /* istanbul ignore next */ []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    rel = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rel" }] : /* istanbul ignore next */ []));
+    target = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+    variant = input(this.config.theme.defaultVariant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    // class to apply when routerLink is active
+    routerActiveClass = input('active', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "routerActiveClass" }] : /* istanbul ignore next */ []));
+    // routerLinkActive options (defaults to exact match)
+    routerActiveOptions = input({ exact: true }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "routerActiveOptions" }] : /* istanbul ignore next */ []));
+    selected = output();
+    themeVars = computed(() => {
+        const variant = this.variant();
+        const isDark = this.themeService.dark();
+        return {
+            '--av-nav-link-accent': `var(--av-${variant}-${isDark ? 400 : 500})`,
+            '--av-nav-link-accent-hover': `var(--av-${variant}-${isDark ? 300 : 700})`,
+            '--av-nav-link-accent-soft': isDark
+                ? `color-mix(in srgb, var(--av-${variant}-400) 16%, transparent)`
+                : `var(--av-${variant}-50)`,
+            '--av-nav-link-text': 'var(--av-color-text-muted)',
+            '--av-nav-link-text-active': isDark ? `var(--av-${variant}-100)` : `var(--av-${variant}-800)`,
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "themeVars" }] : /* istanbul ignore next */ []));
+    relValue = computed(() => {
+        if (this.rel())
+            return this.rel();
+        return this.target() === '_blank' ? 'noopener noreferrer' : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "relValue" }] : /* istanbul ignore next */ []));
+    isExternal = computed(() => {
+        const h = this.href();
+        if (!h)
+            return false;
+        return /^(https?:)?\/\//.test(h);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isExternal" }] : /* istanbul ignore next */ []));
+    handleClick(event) {
+        if (this.disabled()) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.selected.emit(event);
+        this.elementRef.nativeElement.dispatchEvent(new CustomEvent('av-nav-link-select', {
+            bubbles: true,
+            composed: true,
+            detail: { source: this },
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvNavLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AvNavLink, isStandalone: true, selector: "av-nav-link", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", 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 }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, routerActiveClass: { classPropertyName: "routerActiveClass", publicName: "routerActiveClass", isSignal: true, isRequired: false, transformFunction: null }, routerActiveOptions: { classPropertyName: "routerActiveOptions", publicName: "routerActiveOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "@if (!disabled() && (route() || (href() && !isExternal()))) {\n  <a\n    class=\"av-nav-link\"\n    [ngStyle]=\"themeVars()\"\n    [class.av-nav-link--active]=\"active()\"\n    [attr.aria-current]=\"active() ? 'page' : null\"\n    [routerLink]=\"route() ? route() : href()\"\n    [routerLinkActive]=\"routerActiveClass()\"\n    [routerLinkActiveOptions]=\"routerActiveOptions()\"\n    [attr.rel]=\"relValue()\"\n    [attr.target]=\"target() || null\"\n    (click)=\"handleClick($event)\"\n  >\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n  </a>\n} @else {\n  @if (href() && !disabled()) {\n    <a\n      class=\"av-nav-link\"\n      [ngStyle]=\"themeVars()\"\n      [class.av-nav-link--active]=\"active()\"\n      [attr.aria-current]=\"active() ? 'page' : null\"\n      [attr.href]=\"href()\"\n      [attr.rel]=\"relValue()\"\n      [attr.target]=\"target() || null\"\n      (click)=\"handleClick($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    </a>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"av-nav-link\"\n      [ngStyle]=\"themeVars()\"\n      [class.av-nav-link--active]=\"active()\"\n      [class.av-nav-link--disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-current]=\"active() ? 'page' : null\"\n      (click)=\"handleClick($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    </button>\n  }\n}\n\n<ng-template #content>\n  @if (icon()) {\n    <span class=\"av-nav-link__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n  }\n\n  <span class=\"av-nav-link__body\">\n    @if (label()) {\n      <span class=\"av-nav-link__label\">{{ label() }}</span>\n    } @else {\n      <span class=\"av-nav-link__label\">\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (description()) {\n      <span class=\"av-nav-link__description\">{{ description() }}</span>\n    }\n  </span>\n\n  @if (badge() !== null && badge() !== undefined) {\n    <span class=\"av-nav-link__badge\">{{ badge() }}</span>\n  }\n</ng-template>\n", styles: [":host{display:block;min-width:0}.av-nav-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--av-radius-md);box-sizing:border-box;color:var(--av-nav-link-text, var(--av-color-text-muted));cursor:pointer;display:flex;font:inherit;gap:.625rem;min-height:2.5rem;min-width:0;padding:var(--av-nav-link-padding-y, .625rem) var(--av-nav-link-padding-x, .75rem);padding-left:var(--av-nav-link-padding-left, var(--av-nav-link-padding-x, .75rem));text-align:left;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:100%}.av-nav-link:hover:not(.av-nav-link--disabled){background:var(--av-nav-link-accent-soft);color:var(--av-nav-link-accent-hover)}.av-nav-link:active:not(.av-nav-link--disabled){transform:scale(.99)}.av-nav-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--av-nav-link-accent) 24%,transparent);outline:none}.av-nav-link--active{background:var(--av-nav-link-accent-soft);border-color:color-mix(in srgb,var(--av-nav-link-accent) 28%,transparent);color:var(--av-nav-link-text-active);font-weight:700}:host(.active) .av-nav-link{background:var(--av-nav-link-accent-soft);border-color:color-mix(in srgb,var(--av-nav-link-accent) 28%,transparent);color:var(--av-nav-link-text-active);font-weight:700}.av-nav-link--disabled{cursor:not-allowed;opacity:.52}.av-nav-link__icon{color:currentColor;flex:0 0 auto}.av-nav-link__body{display:grid;flex:1;gap:.125rem;min-width:0}.av-nav-link__label,.av-nav-link__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-nav-link__label{font-size:.875rem;line-height:1.25}.av-nav-link__description{color:var(--av-color-text-subtle);font-size:.75rem;line-height:1.2}.av-nav-link__badge{background:var(--av-nav-link-accent);border-radius:var(--av-radius-full);color:var(--av-white);flex:0 0 auto;font-size:.6875rem;font-weight:700;line-height:1;min-width:1.25rem;padding:.25rem .375rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvIcon, selector: "span[av-icon], i[av-icon]", inputs: ["name", "size"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvNavLink, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule, AvIcon, RouterLink, RouterLinkActive], selector: 'av-nav-link', template: "@if (!disabled() && (route() || (href() && !isExternal()))) {\n  <a\n    class=\"av-nav-link\"\n    [ngStyle]=\"themeVars()\"\n    [class.av-nav-link--active]=\"active()\"\n    [attr.aria-current]=\"active() ? 'page' : null\"\n    [routerLink]=\"route() ? route() : href()\"\n    [routerLinkActive]=\"routerActiveClass()\"\n    [routerLinkActiveOptions]=\"routerActiveOptions()\"\n    [attr.rel]=\"relValue()\"\n    [attr.target]=\"target() || null\"\n    (click)=\"handleClick($event)\"\n  >\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n  </a>\n} @else {\n  @if (href() && !disabled()) {\n    <a\n      class=\"av-nav-link\"\n      [ngStyle]=\"themeVars()\"\n      [class.av-nav-link--active]=\"active()\"\n      [attr.aria-current]=\"active() ? 'page' : null\"\n      [attr.href]=\"href()\"\n      [attr.rel]=\"relValue()\"\n      [attr.target]=\"target() || null\"\n      (click)=\"handleClick($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    </a>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"av-nav-link\"\n      [ngStyle]=\"themeVars()\"\n      [class.av-nav-link--active]=\"active()\"\n      [class.av-nav-link--disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-current]=\"active() ? 'page' : null\"\n      (click)=\"handleClick($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    </button>\n  }\n}\n\n<ng-template #content>\n  @if (icon()) {\n    <span class=\"av-nav-link__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n  }\n\n  <span class=\"av-nav-link__body\">\n    @if (label()) {\n      <span class=\"av-nav-link__label\">{{ label() }}</span>\n    } @else {\n      <span class=\"av-nav-link__label\">\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (description()) {\n      <span class=\"av-nav-link__description\">{{ description() }}</span>\n    }\n  </span>\n\n  @if (badge() !== null && badge() !== undefined) {\n    <span class=\"av-nav-link__badge\">{{ badge() }}</span>\n  }\n</ng-template>\n", styles: [":host{display:block;min-width:0}.av-nav-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--av-radius-md);box-sizing:border-box;color:var(--av-nav-link-text, var(--av-color-text-muted));cursor:pointer;display:flex;font:inherit;gap:.625rem;min-height:2.5rem;min-width:0;padding:var(--av-nav-link-padding-y, .625rem) var(--av-nav-link-padding-x, .75rem);padding-left:var(--av-nav-link-padding-left, var(--av-nav-link-padding-x, .75rem));text-align:left;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:100%}.av-nav-link:hover:not(.av-nav-link--disabled){background:var(--av-nav-link-accent-soft);color:var(--av-nav-link-accent-hover)}.av-nav-link:active:not(.av-nav-link--disabled){transform:scale(.99)}.av-nav-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--av-nav-link-accent) 24%,transparent);outline:none}.av-nav-link--active{background:var(--av-nav-link-accent-soft);border-color:color-mix(in srgb,var(--av-nav-link-accent) 28%,transparent);color:var(--av-nav-link-text-active);font-weight:700}:host(.active) .av-nav-link{background:var(--av-nav-link-accent-soft);border-color:color-mix(in srgb,var(--av-nav-link-accent) 28%,transparent);color:var(--av-nav-link-text-active);font-weight:700}.av-nav-link--disabled{cursor:not-allowed;opacity:.52}.av-nav-link__icon{color:currentColor;flex:0 0 auto}.av-nav-link__body{display:grid;flex:1;gap:.125rem;min-width:0}.av-nav-link__label,.av-nav-link__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-nav-link__label{font-size:.875rem;line-height:1.25}.av-nav-link__description{color:var(--av-color-text-subtle);font-size:.75rem;line-height:1.2}.av-nav-link__badge{background:var(--av-nav-link-accent);border-radius:var(--av-radius-full);color:var(--av-white);flex:0 0 auto;font-size:.6875rem;font-weight:700;line-height:1;min-width:1.25rem;padding:.25rem .375rem;text-align:center}\n"] }]
+        }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], rel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rel", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], routerActiveClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerActiveClass", required: false }] }], routerActiveOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerActiveOptions", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+
+class AvSidenav {
+    config = inject(VISUALS_CONFIG$1);
+    destroyRef = inject(DestroyRef);
+    platformId = inject(PLATFORM_ID);
+    renderer = inject(Renderer2);
+    themeService = inject(ThemeService);
+    isBrowser = isPlatformBrowser(this.platformId);
+    projectedToggleTrigger = contentChild('toggleTrigger', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedToggleTrigger" }] : /* istanbul ignore next */ []));
+    drawerModeState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawerModeState" }] : /* istanbul ignore next */ []));
+    internalOpened = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalOpened" }] : /* istanbul ignore next */ []));
+    missingTriggerWarned = false;
+    previousBodyOverflow = null;
+    lastMode = 'side';
+    ariaLabel = input('Navegação principal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    backdropLabel = input('Fechar navegação', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "backdropLabel" }] : /* istanbul ignore next */ []));
+    closeOnBackdrop = input(true, { ...(ngDevMode ? { debugName: "closeOnBackdrop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnNavigation = input(true, { ...(ngDevMode ? { debugName: "closeOnNavigation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    drawerBreakpoint = input(768, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawerBreakpoint" }] : /* istanbul ignore next */ []));
+    opened = input(undefined, { ...(ngDevMode ? { debugName: "opened" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined ? undefined : booleanAttribute(value) });
+    toggleable = input(false, { ...(ngDevMode ? { debugName: "toggleable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    toggleTrigger = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toggleTrigger" }] : /* istanbul ignore next */ []));
+    variant = input(this.config.theme.defaultVariant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    width = input('16rem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    openedChange = output();
+    modeChange = output();
+    drawerMode = computed(() => this.drawerModeState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawerMode" }] : /* istanbul ignore next */ []));
+    isOpen = computed(() => {
+        if (!this.toggleable())
+            return true;
+        return this.opened() ?? this.internalOpened();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    themeVars = computed(() => {
+        const variant = this.variant();
+        const isDark = this.themeService.dark();
+        console.log(variant);
+        return {
+            '--av-sidenav-accent': `var(--av-${variant}-${isDark ? 400 : 500})`,
+            '--av-sidenav-accent-soft': isDark
+                ? `color-mix(in srgb, var(--av-${variant}-400) 16%, transparent)`
+                : `var(--av-${variant}-50)`,
+            '--av-sidenav-border': 'var(--av-color-border-soft)',
+            '--av-sidenav-surface': 'var(--av-color-surface)',
+            '--av-sidenav-text': 'var(--av-color-text)',
+            '--av-sidenav-muted': 'var(--av-color-text-muted)',
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "themeVars" }] : /* istanbul ignore next */ []));
+    get drawerClass() {
+        return this.drawerMode();
+    }
+    get closedClass() {
+        return !this.isOpen();
+    }
+    get toggleableClass() {
+        return this.toggleable();
+    }
+    get widthStyle() {
+        return this.coerceCssLength(this.width());
+    }
+    constructor() {
+        effect((onCleanup) => {
+            if (!this.isBrowser)
+                return;
+            const mediaQuery = window.matchMedia(this.mediaQuery());
+            const updateMode = () => {
+                this.setDrawerMode(mediaQuery.matches);
+            };
+            updateMode();
+            mediaQuery.addEventListener('change', updateMode);
+            onCleanup(() => mediaQuery.removeEventListener('change', updateMode));
+        });
+        effect(() => {
+            const controlledOpened = this.opened();
+            if (controlledOpened !== undefined) {
+                this.internalOpened.set(controlledOpened);
+            }
+        });
+        effect(() => {
+            this.drawerMode();
+            this.isOpen();
+            this.toggleable();
+            this.updateBodyScroll();
+        });
+        effect((onCleanup) => {
+            if (!this.toggleable())
+                return;
+            const trigger = this.resolveToggleTrigger();
+            if (!trigger) {
+                this.warnMissingTrigger();
+                return;
+            }
+            this.renderer.setAttribute(trigger, 'aria-controls', this.navId);
+            this.renderer.setAttribute(trigger, 'aria-haspopup', 'dialog');
+            const removeClickListener = this.renderer.listen(trigger, 'click', (event) => {
+                event.preventDefault();
+                this.toggle();
+            });
+            onCleanup(() => {
+                removeClickListener();
+                this.renderer.removeAttribute(trigger, 'aria-controls');
+                this.renderer.removeAttribute(trigger, 'aria-expanded');
+                this.renderer.removeAttribute(trigger, 'aria-haspopup');
+            });
+        });
+        effect(() => {
+            if (!this.toggleable())
+                return;
+            const trigger = this.resolveToggleTrigger();
+            if (!trigger)
+                return;
+            this.renderer.setAttribute(trigger, 'aria-expanded', String(this.isOpen()));
+        });
+        this.destroyRef.onDestroy(() => {
+            this.restoreBodyScroll();
+        });
+    }
+    navId = `av-sidenav-${Math.random().toString(36).slice(2, 9)}`;
+    open() {
+        this.setOpenState(true);
+    }
+    close(options = {}) {
+        this.setOpenState(false);
+        if (options.restoreFocus) {
+            this.resolveToggleTrigger()?.focus();
+        }
+    }
+    toggle() {
+        this.setOpenState(!this.isOpen());
+    }
+    closeFromBackdrop() {
+        if (!this.closeOnBackdrop())
+            return;
+        this.close({ restoreFocus: true });
+    }
+    handleNavigation() {
+        if (!this.drawerMode() || !this.closeOnNavigation())
+            return;
+        this.close();
+    }
+    handleEscape(event) {
+        if (!this.drawerMode() || !this.isOpen())
+            return;
+        event.preventDefault();
+        this.close({ restoreFocus: true });
+    }
+    get mode() {
+        return this.drawerMode() ? 'drawer' : 'side';
+    }
+    mediaQuery() {
+        const breakpoint = this.drawerBreakpoint();
+        if (typeof breakpoint === 'number') {
+            return `(max-width: ${breakpoint}px)`;
+        }
+        const value = breakpoint.trim();
+        if (value.startsWith('('))
+            return value;
+        return `(max-width: ${value})`;
+    }
+    setDrawerMode(isDrawer) {
+        this.drawerModeState.set(isDrawer);
+        if (this.opened() === undefined && this.toggleable()) {
+            this.internalOpened.set(!isDrawer);
+        }
+        if (this.mode !== this.lastMode) {
+            this.lastMode = this.mode;
+            this.modeChange.emit(this.mode);
+        }
+    }
+    setOpenState(open) {
+        if (!this.toggleable())
+            return;
+        this.internalOpened.set(open);
+        this.openedChange.emit(open);
+        this.updateBodyScroll();
+    }
+    updateBodyScroll() {
+        if (!this.isBrowser)
+            return;
+        const shouldLock = this.drawerMode() && this.isOpen() && this.toggleable();
+        if (shouldLock && this.previousBodyOverflow === null) {
+            this.previousBodyOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            return;
+        }
+        if (!shouldLock && this.previousBodyOverflow !== null) {
+            document.body.style.overflow = this.previousBodyOverflow;
+            this.previousBodyOverflow = null;
+        }
+    }
+    restoreBodyScroll() {
+        if (!this.isBrowser)
+            return;
+        if (this.previousBodyOverflow !== null) {
+            document.body.style.overflow = this.previousBodyOverflow;
+            this.previousBodyOverflow = null;
+        }
+    }
+    resolveToggleTrigger() {
+        const trigger = this.toggleTrigger();
+        const projectedTrigger = this.projectedToggleTrigger();
+        if (trigger instanceof ElementRef) {
+            return trigger.nativeElement;
+        }
+        if (typeof HTMLElement !== 'undefined' && trigger instanceof HTMLElement) {
+            return trigger;
+        }
+        return projectedTrigger?.nativeElement ?? null;
+    }
+    warnMissingTrigger() {
+        if (this.missingTriggerWarned)
+            return;
+        this.missingTriggerWarned = true;
+        console.warn('AvSidenav: quando toggleable estiver habilitado, forneça um botão com #toggleTrigger e passe-o em [toggleTrigger].');
+    }
+    coerceCssLength(value) {
+        if (typeof value === 'number') {
+            return `${value}px`;
+        }
+        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"] }] });
+}
+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"] }]
+        }], 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']
+            }], closedClass: [{
+                type: HostBinding,
+                args: ['class.av-sidenav-host--closed']
+            }], toggleableClass: [{
+                type: HostBinding,
+                args: ['class.av-sidenav-host--toggleable']
+            }], widthStyle: [{
+                type: HostBinding,
+                args: ['style.--av-sidenav-width']
+            }], handleEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
+
+class AvCluster {
+    gap = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    get gapValue() {
+        return `${4 * this.gap()}px`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvCluster, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AvCluster, isStandalone: true, selector: "av-cluster", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"av-cluster\" [style.--av-cluster-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n", styles: [".av-cluster{display:flex;flex-wrap:wrap;overflow-x:auto;align-items:start;flex-direction:row;justify-content:start;gap:var(--av-cluster-gap)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvCluster, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule], selector: 'av-cluster', template: "<div class=\"av-cluster\" [style.--av-cluster-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n", styles: [".av-cluster{display:flex;flex-wrap:wrap;overflow-x:auto;align-items:start;flex-direction:row;justify-content:start;gap:var(--av-cluster-gap)}\n"] }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
+
+class AvDivider {
+    config = inject(VISUALS_CONFIG$1);
+    size = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    direction = input('hori', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    variant = input(this.config.theme.defaultVariant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    get borderStyle() {
+        return `${4 * this.size()}px solid var(--av-${this.variant()}-600)`;
+    }
+    get isVertical() {
+        return this.direction() === 'vert';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AvDivider, isStandalone: true, selector: "lib-av-divider", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"av-divider\"\n  aria-hidden=\"true\"\n  [style.border-left]=\"isVertical ? borderStyle : null\"\n  [style.border-top]=\"isVertical ? null : borderStyle\"\n></div>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvDivider, decorators: [{
+            type: Component,
+            args: [{ imports: [], selector: 'lib-av-divider', template: "<div\n  class=\"av-divider\"\n  aria-hidden=\"true\"\n  [style.border-left]=\"isVertical ? borderStyle : null\"\n  [style.border-top]=\"isVertical ? null : borderStyle\"\n></div>\n" }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class AvInline {
+    gap = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    get gapValue() {
+        return `${4 * this.gap()}px`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvInline, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AvInline, isStandalone: true, selector: "av-inline", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"av-inline\" [style.--av-inline-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n", styles: [".av-inline{width:100%;height:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:start;flex-direction:row;justify-content:start;gap:var(--av-inline-gap)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvInline, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule], selector: 'av-inline', template: "<div class=\"av-inline\" [style.--av-inline-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n", styles: [".av-inline{width:100%;height:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:start;flex-direction:row;justify-content:start;gap:var(--av-inline-gap)}\n"] }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
+
+class AvStack {
+    gap = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    get gapValue() {
+        return `${4 * this.gap()}px`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvStack, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AvStack, isStandalone: true, selector: "av-stack", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"av-stack\" [style.--av-stack-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n", styles: [".av-stack{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:start;flex-direction:column;justify-content:start;gap:var(--av-stack-gap)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvStack, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule], selector: 'av-stack', template: "<div class=\"av-stack\" [style.--av-stack-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n", styles: [".av-stack{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:start;flex-direction:column;justify-content:start;gap:var(--av-stack-gap)}\n"] }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
+
+const VISUALS_CONFIG = new InjectionToken('VISUALS_CONFIG');
+function provideAngularVisuals(config) {
+    const providers = [
+        {
+            provide: VISUALS_CONFIG,
+            useValue: config
+        },
+    ];
+    return makeEnvironmentProviders(providers);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AvCluster, AvDivider, AvDropdown, AvInline, AvNavLink, AvSidenav, AvStack, VISUALS_CONFIG };
+//# sourceMappingURL=angular-visuals.mjs.map

package/fesm2022/angular-visuals.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-visuals.mjs","sources":["../../../projects/angular-visuals/src/lib/components/nav/av-dropdown/av-dropdown.component.ts","../../../projects/angular-visuals/src/lib/components/nav/av-dropdown/av-dropdown.component.html","../../../projects/angular-visuals/src/lib/components/nav/av-nav-link/av-nav-link.component.ts","../../../projects/angular-visuals/src/lib/components/nav/av-nav-link/av-nav-link.component.html","../../../projects/angular-visuals/src/lib/components/nav/av-sidenav/av-sidenav.ts","../../../projects/angular-visuals/src/lib/components/nav/av-sidenav/av-sidenav.html","../../../projects/angular-visuals/src/lib/primitives/av-cluster/av-cluster.ts","../../../projects/angular-visuals/src/lib/primitives/av-cluster/av-cluster.html","../../../projects/angular-visuals/src/lib/primitives/av-divider/av-divider.ts","../../../projects/angular-visuals/src/lib/primitives/av-divider/av-divider.html","../../../projects/angular-visuals/src/lib/primitives/av-inline/av-inline.ts","../../../projects/angular-visuals/src/lib/primitives/av-inline/av-inline.html","../../../projects/angular-visuals/src/lib/primitives/av-stack/av-stack.ts","../../../projects/angular-visuals/src/lib/primitives/av-stack/av-stack.html","../../../projects/angular-visuals/src/lib/core/tokens/configuration.ts","../../../projects/angular-visuals/src/angular-visuals.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, booleanAttribute, computed, effect, inject, input, output, signal } from '@angular/core';\nimport { AvIcon } from '@av/lib/components/base/av-icon/av-icon.component';\nimport { VISUALS_CONFIG } from '@av/lib/core/tokens';\nimport { ThemeService } from '@av/lib/core/services/ThemeService.service';\n\n@Component({\n  imports: [CommonModule, AvIcon],\n  selector: 'av-dropdown',\n  styleUrl: './av-dropdown.component.css',\n  templateUrl: './av-dropdown.component.html',\n})\nexport class AvDropdown {\n  private readonly config = inject(VISUALS_CONFIG);\n  private readonly themeService = inject(ThemeService);\n\n  badge = input<string | number | null>(null);\n  disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n  expanded = input<boolean | undefined, unknown>(undefined, {\n    transform: (value: unknown) => value === undefined ? undefined : booleanAttribute(value),\n  });\n  icon = input<string>('');\n  label = input<string>('');\n  variant = input<string>(this.config.theme.defaultVariant);\n\n  expandedChange = output<boolean>();\n\n  private readonly internalExpanded = signal<boolean>(false);\n\n  readonly panelId = `av-dropdown-${Math.random().toString(36).slice(2, 9)}`;\n  readonly isExpanded = computed<boolean>(() => this.expanded() ?? this.internalExpanded());\n  readonly themeVars = computed<Record<string, string>>(() => {\n    const variant = this.variant();\n    const isDark = this.themeService.dark();\n\n    return {\n      '--av-dropdown-accent': `var(--av-${variant}-${isDark ? 400 : 500})`,\n      '--av-dropdown-accent-hover': `var(--av-${variant}-${isDark ? 300 : 700})`,\n      '--av-dropdown-accent-soft': isDark\n        ? `color-mix(in srgb, var(--av-${variant}-400) 16%, transparent)`\n        : `var(--av-${variant}-50)`,\n      '--av-dropdown-text': 'var(--av-color-text-muted)',\n      '--av-dropdown-text-active': isDark ? `var(--av-${variant}-100)` : `var(--av-${variant}-800)`,\n    };\n  });\n\n  constructor() {\n    effect(() => {\n      const controlledExpanded = this.expanded();\n\n      if (controlledExpanded !== undefined) {\n        this.internalExpanded.set(controlledExpanded);\n      }\n    });\n  }\n\n  toggle(): void {\n    if (this.disabled()) return;\n\n    const next = !this.isExpanded();\n    this.internalExpanded.set(next);\n    this.expandedChange.emit(next);\n  }\n}\n","<div class=\"av-dropdown\" [ngStyle]=\"themeVars()\">\n  <button\n    type=\"button\"\n    class=\"av-dropdown__trigger\"\n    [class.av-dropdown__trigger--active]=\"isExpanded()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-controls]=\"panelId\"\n    [attr.aria-expanded]=\"isExpanded()\"\n    (click)=\"toggle()\"\n  >\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      @if (label()) {\n        {{ label() }}\n      } @else {\n        <ng-content select=\"[av-dropdown-label]\"></ng-content>\n      }\n    </span>\n\n    @if (badge() !== null && badge() !== undefined) {\n      <span class=\"av-dropdown__badge\">{{ badge() }}</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]=\"isExpanded()\"\n    ></span>\n  </button>\n\n  <div\n    class=\"av-dropdown__panel\"\n    [id]=\"panelId\"\n    [class.av-dropdown__panel--open]=\"isExpanded()\"\n    [attr.aria-hidden]=\"!isExpanded()\"\n    [attr.inert]=\"isExpanded() ? null : ''\"\n  >\n    <div class=\"av-dropdown__panel-inner\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, ElementRef, booleanAttribute, computed, inject, input, output } from '@angular/core';\nimport { AvIcon } from '@av/lib/components/base/av-icon/av-icon.component';\nimport { VISUALS_CONFIG } from '@av/lib/core/tokens';\nimport { ThemeService } from '@av/lib/core/services/ThemeService.service';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\n\n@Component({\n  imports: [CommonModule, AvIcon, RouterLink, RouterLinkActive],\n  selector: 'av-nav-link',\n  styleUrl: './av-nav-link.component.css',\n  templateUrl: './av-nav-link.component.html',\n})\nexport class AvNavLink {\n  private readonly config = inject(VISUALS_CONFIG);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly themeService = inject(ThemeService);\n\n  active = input<boolean, unknown>(false, { transform: booleanAttribute });\n  badge = input<string | number | null>(null);\n  description = input<string>('');\n  disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n  href = input<string>('');\n  // route can be string or link params array\n  route = input<string | any[] | null>(null);\n  icon = input<string>('');\n  label = input<string>('');\n  rel = input<string>('');\n  target = input<string>('');\n  variant = input<string>(this.config.theme.defaultVariant);\n  // class to apply when routerLink is active\n  routerActiveClass = input<string>('active');\n  // routerLinkActive options (defaults to exact match)\n  routerActiveOptions = input<Record<string, boolean>>({ exact: true });\n\n  selected = output<Event>();\n\n  readonly themeVars = computed<Record<string, string>>(() => {\n    const variant = this.variant();\n    const isDark = this.themeService.dark();\n\n    return {\n      '--av-nav-link-accent': `var(--av-${variant}-${isDark ? 400 : 500})`,\n      '--av-nav-link-accent-hover': `var(--av-${variant}-${isDark ? 300 : 700})`,\n      '--av-nav-link-accent-soft': isDark\n        ? `color-mix(in srgb, var(--av-${variant}-400) 16%, transparent)`\n        : `var(--av-${variant}-50)`,\n      '--av-nav-link-text': 'var(--av-color-text-muted)',\n      '--av-nav-link-text-active': isDark ? `var(--av-${variant}-100)` : `var(--av-${variant}-800)`,\n    };\n  });\n\n  readonly relValue = computed<string | null>(() => {\n    if (this.rel()) return this.rel();\n\n    return this.target() === '_blank' ? 'noopener noreferrer' : null;\n  });\n\n  readonly isExternal = computed<boolean>(() => {\n    const h = this.href();\n    if (!h) return false;\n    return /^(https?:)?\\/\\//.test(h);\n  });\n\n  handleClick(event: Event): void {\n    if (this.disabled()) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.selected.emit(event);\n    this.elementRef.nativeElement.dispatchEvent(\n      new CustomEvent('av-nav-link-select', {\n        bubbles: true,\n        composed: true,\n        detail: { source: this },\n      })\n    );\n  }\n}\n","@if (!disabled() && (route() || (href() && !isExternal()))) {\n  <a\n    class=\"av-nav-link\"\n    [ngStyle]=\"themeVars()\"\n    [class.av-nav-link--active]=\"active()\"\n    [attr.aria-current]=\"active() ? 'page' : null\"\n    [routerLink]=\"route() ? route() : href()\"\n    [routerLinkActive]=\"routerActiveClass()\"\n    [routerLinkActiveOptions]=\"routerActiveOptions()\"\n    [attr.rel]=\"relValue()\"\n    [attr.target]=\"target() || null\"\n    (click)=\"handleClick($event)\"\n  >\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n  </a>\n} @else {\n  @if (href() && !disabled()) {\n    <a\n      class=\"av-nav-link\"\n      [ngStyle]=\"themeVars()\"\n      [class.av-nav-link--active]=\"active()\"\n      [attr.aria-current]=\"active() ? 'page' : null\"\n      [attr.href]=\"href()\"\n      [attr.rel]=\"relValue()\"\n      [attr.target]=\"target() || null\"\n      (click)=\"handleClick($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    </a>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"av-nav-link\"\n      [ngStyle]=\"themeVars()\"\n      [class.av-nav-link--active]=\"active()\"\n      [class.av-nav-link--disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-current]=\"active() ? 'page' : null\"\n      (click)=\"handleClick($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    </button>\n  }\n}\n\n<ng-template #content>\n  @if (icon()) {\n    <span class=\"av-nav-link__icon\" av-icon [name]=\"icon()\" size=\"md\"></span>\n  }\n\n  <span class=\"av-nav-link__body\">\n    @if (label()) {\n      <span class=\"av-nav-link__label\">{{ label() }}</span>\n    } @else {\n      <span class=\"av-nav-link__label\">\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (description()) {\n      <span class=\"av-nav-link__description\">{{ description() }}</span>\n    }\n  </span>\n\n  @if (badge() !== null && badge() !== undefined) {\n    <span class=\"av-nav-link__badge\">{{ badge() }}</span>\n  }\n</ng-template>\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  PLATFORM_ID,\n  Renderer2,\n  booleanAttribute,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { VISUALS_CONFIG } from '@av/lib/core/tokens';\nimport { ThemeService } from '@av/lib/core/services/ThemeService.service';\n\nexport type AvSidenavMode = 'side' | 'drawer';\nexport type AvSidenavTrigger = ElementRef<HTMLElement> | HTMLElement | null | undefined;\n\n@Component({\n  imports: [CommonModule],\n  selector: 'av-sidenav',\n  styleUrl: './av-sidenav.css',\n  templateUrl: './av-sidenav.html',\n})\nexport class AvSidenav {\n  private readonly config = inject(VISUALS_CONFIG);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly renderer = inject(Renderer2);\n  private readonly themeService = inject(ThemeService);\n\n  private readonly isBrowser = isPlatformBrowser(this.platformId);\n  private readonly projectedToggleTrigger = contentChild<ElementRef<HTMLElement>>('toggleTrigger');\n  private readonly drawerModeState = signal<boolean>(false);\n  private readonly internalOpened = signal<boolean>(true);\n  private missingTriggerWarned = false;\n  private previousBodyOverflow: string | null = null;\n  private lastMode: AvSidenavMode = 'side';\n\n  ariaLabel = input<string>('Navegação principal');\n  backdropLabel = input<string>('Fechar navegação');\n  closeOnBackdrop = input<boolean, unknown>(true, { transform: booleanAttribute });\n  closeOnNavigation = input<boolean, unknown>(true, { transform: booleanAttribute });\n  drawerBreakpoint = input<number | string>(768);\n  opened = input<boolean | undefined, unknown>(undefined, {\n    transform: (value: unknown) => value === undefined ? undefined : booleanAttribute(value),\n  });\n  toggleable = input<boolean, unknown>(false, { transform: booleanAttribute });\n  toggleTrigger = input<AvSidenavTrigger>(null);\n  variant = input<string>(this.config.theme.defaultVariant);\n  width = input<number | string>('16rem');\n\n  openedChange = output<boolean>();\n  modeChange = output<AvSidenavMode>();\n\n  readonly drawerMode = computed<boolean>(() => this.drawerModeState());\n  readonly isOpen = computed<boolean>(() => {\n    if (!this.toggleable()) return true;\n\n    return this.opened() ?? this.internalOpened();\n  });\n\n  readonly themeVars = computed<Record<string, string>>(() => {\n    const variant = this.variant();\n    const isDark = this.themeService.dark();\n\n    console.log(variant);\n    \n\n    return {\n      '--av-sidenav-accent': `var(--av-${variant}-${isDark ? 400 : 500})`,\n      '--av-sidenav-accent-soft': isDark\n        ? `color-mix(in srgb, var(--av-${variant}-400) 16%, transparent)`\n        : `var(--av-${variant}-50)`,\n      '--av-sidenav-border': 'var(--av-color-border-soft)',\n      '--av-sidenav-surface': 'var(--av-color-surface)',\n      '--av-sidenav-text': 'var(--av-color-text)',\n      '--av-sidenav-muted': 'var(--av-color-text-muted)',\n    };\n  });\n\n  @HostBinding('class.av-sidenav-host--drawer')\n  get drawerClass(): boolean {\n    return this.drawerMode();\n  }\n\n  @HostBinding('class.av-sidenav-host--closed')\n  get closedClass(): boolean {\n    return !this.isOpen();\n  }\n\n  @HostBinding('class.av-sidenav-host--toggleable')\n  get toggleableClass(): boolean {\n    return this.toggleable();\n  }\n\n  @HostBinding('style.--av-sidenav-width')\n  get widthStyle(): string {\n    return this.coerceCssLength(this.width());\n  }\n\n  constructor() {\n    effect((onCleanup) => {\n      if (!this.isBrowser) return;\n\n      const mediaQuery = window.matchMedia(this.mediaQuery());\n      const updateMode = (): void => {\n        this.setDrawerMode(mediaQuery.matches);\n      };\n\n      updateMode();\n      mediaQuery.addEventListener('change', updateMode);\n      onCleanup(() => mediaQuery.removeEventListener('change', updateMode));\n    });\n\n    effect(() => {\n      const controlledOpened = this.opened();\n\n      if (controlledOpened !== undefined) {\n        this.internalOpened.set(controlledOpened);\n      }\n    });\n\n    effect(() => {\n      this.drawerMode();\n      this.isOpen();\n      this.toggleable();\n      this.updateBodyScroll();\n    });\n\n    effect((onCleanup) => {\n      if (!this.toggleable()) return;\n\n      const trigger = this.resolveToggleTrigger();\n\n      if (!trigger) {\n        this.warnMissingTrigger();\n        return;\n      }\n\n      this.renderer.setAttribute(trigger, 'aria-controls', this.navId);\n      this.renderer.setAttribute(trigger, 'aria-haspopup', 'dialog');\n\n      const removeClickListener = this.renderer.listen(trigger, 'click', (event: Event) => {\n        event.preventDefault();\n        this.toggle();\n      });\n\n      onCleanup(() => {\n        removeClickListener();\n        this.renderer.removeAttribute(trigger, 'aria-controls');\n        this.renderer.removeAttribute(trigger, 'aria-expanded');\n        this.renderer.removeAttribute(trigger, 'aria-haspopup');\n      });\n    });\n\n    effect(() => {\n      if (!this.toggleable()) return;\n\n      const trigger = this.resolveToggleTrigger();\n      if (!trigger) return;\n\n      this.renderer.setAttribute(trigger, 'aria-expanded', String(this.isOpen()));\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.restoreBodyScroll();\n    });\n  }\n\n  readonly navId = `av-sidenav-${Math.random().toString(36).slice(2, 9)}`;\n\n  open(): void {\n    this.setOpenState(true);\n  }\n\n  close(options: { restoreFocus?: boolean } = {}): void {\n    this.setOpenState(false);\n\n    if (options.restoreFocus) {\n      this.resolveToggleTrigger()?.focus();\n    }\n  }\n\n  toggle(): void {\n    this.setOpenState(!this.isOpen());\n  }\n\n  closeFromBackdrop(): void {\n    if (!this.closeOnBackdrop()) return;\n\n    this.close({ restoreFocus: true });\n  }\n\n  handleNavigation(): void {\n    if (!this.drawerMode() || !this.closeOnNavigation()) return;\n\n    this.close();\n  }\n\n  @HostListener('document:keydown.escape', ['$event'])\n  handleEscape(event: Event): void {\n    if (!this.drawerMode() || !this.isOpen()) return;\n\n    event.preventDefault();\n    this.close({ restoreFocus: true });\n  }\n\n  private get mode(): AvSidenavMode {\n    return this.drawerMode() ? 'drawer' : 'side';\n  }\n\n  private mediaQuery(): string {\n    const breakpoint = this.drawerBreakpoint();\n\n    if (typeof breakpoint === 'number') {\n      return `(max-width: ${breakpoint}px)`;\n    }\n\n    const value = breakpoint.trim();\n    if (value.startsWith('(')) return value;\n\n    return `(max-width: ${value})`;\n  }\n\n  private setDrawerMode(isDrawer: boolean): void {\n    this.drawerModeState.set(isDrawer);\n\n    if (this.opened() === undefined && this.toggleable()) {\n      this.internalOpened.set(!isDrawer);\n    }\n\n    if (this.mode !== this.lastMode) {\n      this.lastMode = this.mode;\n      this.modeChange.emit(this.mode);\n    }\n  }\n\n  private setOpenState(open: boolean): void {\n    if (!this.toggleable()) return;\n\n    this.internalOpened.set(open);\n    this.openedChange.emit(open);\n    this.updateBodyScroll();\n  }\n\n  private updateBodyScroll(): void {\n    if (!this.isBrowser) return;\n\n    const shouldLock = this.drawerMode() && this.isOpen() && this.toggleable();\n\n    if (shouldLock && this.previousBodyOverflow === null) {\n      this.previousBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      return;\n    }\n\n    if (!shouldLock && this.previousBodyOverflow !== null) {\n      document.body.style.overflow = this.previousBodyOverflow;\n      this.previousBodyOverflow = null;\n    }\n  }\n\n  private restoreBodyScroll(): void {\n    if (!this.isBrowser) return;\n\n    if (this.previousBodyOverflow !== null) {\n      document.body.style.overflow = this.previousBodyOverflow;\n      this.previousBodyOverflow = null;\n    }\n  }\n\n  private resolveToggleTrigger(): HTMLElement | null {\n    const trigger = this.toggleTrigger();\n    const projectedTrigger = this.projectedToggleTrigger();\n\n    if (trigger instanceof ElementRef) {\n      return trigger.nativeElement;\n    }\n\n    if (typeof HTMLElement !== 'undefined' && trigger instanceof HTMLElement) {\n      return trigger;\n    }\n\n    return projectedTrigger?.nativeElement ?? null;\n  }\n\n  private warnMissingTrigger(): void {\n    if (this.missingTriggerWarned) return;\n\n    this.missingTriggerWarned = true;\n    console.warn(\n      'AvSidenav: quando toggleable estiver habilitado, forneça um botão com #toggleTrigger e passe-o em [toggleTrigger].'\n    );\n  }\n\n  private coerceCssLength(value: number | string): string {\n    if (typeof value === 'number') {\n      return `${value}px`;\n    }\n\n    return value;\n  }\n}\n","@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","import { CommonModule } from '@angular/common';\nimport { Component, input } from '@angular/core';\n\n@Component({\n  imports: [CommonModule],\n  selector: 'av-cluster',\n  styleUrl: './av-cluster.css',\n  templateUrl: './av-cluster.html',\n})\nexport class AvCluster {\n  gap = input<number>(1)\n\n  get gapValue() {\n    return `${4 * this.gap()}px`\n  }\n}\n","<div class=\"av-cluster\" [style.--av-cluster-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n","import { Component, inject, input } from '@angular/core';\nimport { VISUALS_CONFIG } from '@av/lib/core/tokens';\n\n@Component({\n  imports: [],\n  selector: 'lib-av-divider',\n  styleUrl: './av-divider.css',\n  templateUrl: './av-divider.html',\n})\nexport class AvDivider {\n  private readonly config = inject(VISUALS_CONFIG);\n\n  size = input<number>(1);\n  direction = input<'vert' | 'hori'>('hori');\n  variant = input<string>(this.config.theme.defaultVariant);\n\n  get borderStyle(): string {\n    return `${4 * this.size()}px solid var(--av-${this.variant()}-600)`;\n  }\n\n  get isVertical(): boolean {\n    return this.direction() === 'vert';\n  }\n}\n","<div\n  class=\"av-divider\"\n  aria-hidden=\"true\"\n  [style.border-left]=\"isVertical ? borderStyle : null\"\n  [style.border-top]=\"isVertical ? null : borderStyle\"\n></div>\n","import { CommonModule } from '@angular/common';\nimport { Component, input } from '@angular/core';\n\n@Component({\n  imports: [CommonModule],\n  selector: 'av-inline',\n  styleUrl: './av-inline.css',\n  templateUrl: './av-inline.html',\n})\nexport class AvInline {\n  gap = input<number>(1)\n\n  get gapValue() {\n    return `${4 * this.gap()}px`\n  }\n}\n","<div class=\"av-inline\" [style.--av-inline-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, input } from '@angular/core';\n\n@Component({\n  imports: [CommonModule],\n  selector: 'av-stack',\n  styleUrl: './av-stack.css',\n  templateUrl: './av-stack.html',\n})\nexport class AvStack {\n  gap = input<number>(1)\n\n  get gapValue() {\n    return `${4 * this.gap()}px`\n  }\n}\n","<div class=\"av-stack\" [style.--av-stack-gap]=\"gapValue\">\n  <ng-content></ng-content>\n</div>\n","import { InjectionToken, Provider, makeEnvironmentProviders, EnvironmentProviders } from '@angular/core';\nimport { VisualsConfig } from '@av/types/theme';\n\nexport const VISUALS_CONFIG = new InjectionToken<VisualsConfig>('VISUALS_CONFIG');\n\nexport function provideAngularVisuals(config: VisualsConfig): EnvironmentProviders {\n  const providers: Provider[] = [\n    {\n      provide: VISUALS_CONFIG,\n      useValue: config\n    },\n  ];\n  return makeEnvironmentProviders(providers);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["VISUALS_CONFIG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAYa,UAAU,CAAA;AACJ,IAAA,MAAM,GAAG,MAAM,CAACA,gBAAc,CAAC;AAC/B,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;IAEpD,KAAK,GAAG,KAAK,CAAyB,IAAI;8EAAC;IAC3C,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC1E,QAAQ,GAAG,KAAK,CAA+B,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EACtD,SAAS,EAAE,CAAC,KAAc,KAAK,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,EAAA,CACxF;IACF,IAAI,GAAG,KAAK,CAAS,EAAE;6EAAC;IACxB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;IACzB,OAAO,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc;gFAAC;IAEzD,cAAc,GAAG,MAAM,EAAW;IAEjB,gBAAgB,GAAG,MAAM,CAAU,KAAK;yFAAC;AAEjD,IAAA,OAAO,GAAG,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;AACjE,IAAA,UAAU,GAAG,QAAQ,CAAU,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE;mFAAC;AAChF,IAAA,SAAS,GAAG,QAAQ,CAAyB,MAAK;AACzD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAEvC,OAAO;AACL,YAAA,sBAAsB,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAA,EAAI,MAAM,GAAG,GAAG,GAAG,GAAG,CAAA,CAAA,CAAG;AACpE,YAAA,4BAA4B,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAA,EAAI,MAAM,GAAG,GAAG,GAAG,GAAG,CAAA,CAAA,CAAG;AAC1E,YAAA,2BAA2B,EAAE;kBACzB,CAAA,4BAAA,EAA+B,OAAO,CAAA,uBAAA;kBACtC,CAAA,SAAA,EAAY,OAAO,CAAA,IAAA,CAAM;AAC7B,YAAA,oBAAoB,EAAE,4BAA4B;AAClD,YAAA,2BAA2B,EAAE,MAAM,GAAG,CAAA,SAAA,EAAY,OAAO,CAAA,KAAA,CAAO,GAAG,CAAA,SAAA,EAAY,OAAO,CAAA,KAAA,CAAO;SAC9F;IACH,CAAC;kFAAC;AAEF,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,QAAQ,EAAE;AAE1C,YAAA,IAAI,kBAAkB,KAAK,SAAS,EAAE;AACpC,gBAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC/C;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AAErB,QAAA,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;IAChC;uGAlDW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZvB,qwCA+CA,EAAA,MAAA,EAAA,CAAA,k7DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxCY,YAAY,oHAAE,MAAM,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKnB,UAAU,EAAA,UAAA,EAAA,CAAA;kBANtB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,YAAY,EAAE,MAAM,CAAC,YACrB,aAAa,EAAA,QAAA,EAAA,qwCAAA,EAAA,MAAA,EAAA,CAAA,k7DAAA,CAAA,EAAA;;;MEKZ,SAAS,CAAA;AACH,IAAA,MAAM,GAAG,MAAM,CAACA,gBAAc,CAAC;AAC/B,IAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAC5C,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;IAEpD,MAAM,GAAG,KAAK,CAAmB,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IACxE,KAAK,GAAG,KAAK,CAAyB,IAAI;8EAAC;IAC3C,WAAW,GAAG,KAAK,CAAS,EAAE;oFAAC;IAC/B,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC1E,IAAI,GAAG,KAAK,CAAS,EAAE;6EAAC;;IAExB,KAAK,GAAG,KAAK,CAAwB,IAAI;8EAAC;IAC1C,IAAI,GAAG,KAAK,CAAS,EAAE;6EAAC;IACxB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;IACzB,GAAG,GAAG,KAAK,CAAS,EAAE;4EAAC;IACvB,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC;IAC1B,OAAO,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc;gFAAC;;IAEzD,iBAAiB,GAAG,KAAK,CAAS,QAAQ;0FAAC;;AAE3C,IAAA,mBAAmB,GAAG,KAAK,CAA0B,EAAE,KAAK,EAAE,IAAI,EAAE;4FAAC;IAErE,QAAQ,GAAG,MAAM,EAAS;AAEjB,IAAA,SAAS,GAAG,QAAQ,CAAyB,MAAK;AACzD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAEvC,OAAO;AACL,YAAA,sBAAsB,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAA,EAAI,MAAM,GAAG,GAAG,GAAG,GAAG,CAAA,CAAA,CAAG;AACpE,YAAA,4BAA4B,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAA,EAAI,MAAM,GAAG,GAAG,GAAG,GAAG,CAAA,CAAA,CAAG;AAC1E,YAAA,2BAA2B,EAAE;kBACzB,CAAA,4BAAA,EAA+B,OAAO,CAAA,uBAAA;kBACtC,CAAA,SAAA,EAAY,OAAO,CAAA,IAAA,CAAM;AAC7B,YAAA,oBAAoB,EAAE,4BAA4B;AAClD,YAAA,2BAA2B,EAAE,MAAM,GAAG,CAAA,SAAA,EAAY,OAAO,CAAA,KAAA,CAAO,GAAG,CAAA,SAAA,EAAY,OAAO,CAAA,KAAA,CAAO;SAC9F;IACH,CAAC;kFAAC;AAEO,IAAA,QAAQ,GAAG,QAAQ,CAAgB,MAAK;QAC/C,IAAI,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,IAAI,CAAC,GAAG,EAAE;AAEjC,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,QAAQ,GAAG,qBAAqB,GAAG,IAAI;IAClE,CAAC;iFAAC;AAEO,IAAA,UAAU,GAAG,QAAQ,CAAU,MAAK;AAC3C,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;AACrB,QAAA,IAAI,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK;AACpB,QAAA,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;IAClC,CAAC;mFAAC;AAEF,IAAA,WAAW,CAAC,KAAY,EAAA;AACtB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;QACF;AAEA,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CACzC,IAAI,WAAW,CAAC,oBAAoB,EAAE;AACpC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;AACzB,SAAA,CAAC,CACH;IACH;uGAlEW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbtB,siEAoEA,EAAA,MAAA,EAAA,CAAA,u8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5DY,YAAY,2RAAE,MAAM,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKjD,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;8BACC,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,CAAC,EAAA,QAAA,EACnD,aAAa,EAAA,QAAA,EAAA,siEAAA,EAAA,MAAA,EAAA,CAAA,u8DAAA,CAAA,EAAA;;;MEqBZ,SAAS,CAAA;AACH,IAAA,MAAM,GAAG,MAAM,CAACA,gBAAc,CAAC;AAC/B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAEnC,IAAA,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC;IAC9C,sBAAsB,GAAG,YAAY,CAA0B,eAAe;+FAAC;IAC/E,eAAe,GAAG,MAAM,CAAU,KAAK;wFAAC;IACxC,cAAc,GAAG,MAAM,CAAU,IAAI;uFAAC;IAC/C,oBAAoB,GAAG,KAAK;IAC5B,oBAAoB,GAAkB,IAAI;IAC1C,QAAQ,GAAkB,MAAM;IAExC,SAAS,GAAG,KAAK,CAAS,qBAAqB;kFAAC;IAChD,aAAa,GAAG,KAAK,CAAS,kBAAkB;sFAAC;IACjD,eAAe,GAAG,KAAK,CAAmB,IAAI,uFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAChF,iBAAiB,GAAG,KAAK,CAAmB,IAAI,yFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAClF,gBAAgB,GAAG,KAAK,CAAkB,GAAG;yFAAC;IAC9C,MAAM,GAAG,KAAK,CAA+B,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAA,EACpD,SAAS,EAAE,CAAC,KAAc,KAAK,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,EAAA,CACxF;IACF,UAAU,GAAG,KAAK,CAAmB,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC5E,aAAa,GAAG,KAAK,CAAmB,IAAI;sFAAC;IAC7C,OAAO,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc;gFAAC;IACzD,KAAK,GAAG,KAAK,CAAkB,OAAO;8EAAC;IAEvC,YAAY,GAAG,MAAM,EAAW;IAChC,UAAU,GAAG,MAAM,EAAiB;IAE3B,UAAU,GAAG,QAAQ,CAAU,MAAM,IAAI,CAAC,eAAe,EAAE;mFAAC;AAC5D,IAAA,MAAM,GAAG,QAAQ,CAAU,MAAK;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,IAAI;QAEnC,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE;IAC/C,CAAC;+EAAC;AAEO,IAAA,SAAS,GAAG,QAAQ,CAAyB,MAAK;AACzD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAEvC,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;QAGpB,OAAO;AACL,YAAA,qBAAqB,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAA,EAAI,MAAM,GAAG,GAAG,GAAG,GAAG,CAAA,CAAA,CAAG;AACnE,YAAA,0BAA0B,EAAE;kBACxB,CAAA,4BAAA,EAA+B,OAAO,CAAA,uBAAA;kBACtC,CAAA,SAAA,EAAY,OAAO,CAAA,IAAA,CAAM;AAC7B,YAAA,qBAAqB,EAAE,6BAA6B;AACpD,YAAA,sBAAsB,EAAE,yBAAyB;AACjD,YAAA,mBAAmB,EAAE,sBAAsB;AAC3C,YAAA,oBAAoB,EAAE,4BAA4B;SACnD;IACH,CAAC;kFAAC;AAEF,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE;IAC1B;AAEA,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;IACvB;AAEA,IAAA,IACI,eAAe,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE;IAC1B;AAEA,IAAA,IACI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAC3C;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;YACnB,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;YAErB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACvD,MAAM,UAAU,GAAG,MAAW;AAC5B,gBAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC;AACxC,YAAA,CAAC;AAED,YAAA,UAAU,EAAE;AACZ,YAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC;AACjD,YAAA,SAAS,CAAC,MAAM,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACvE,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,EAAE;AAEtC,YAAA,IAAI,gBAAgB,KAAK,SAAS,EAAE;AAClC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC;YAC3C;AACF,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,MAAM,EAAE;YACb,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,gBAAgB,EAAE;AACzB,QAAA,CAAC,CAAC;AAEF,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACnB,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBAAE;AAExB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,EAAE;YAE3C,IAAI,CAAC,OAAO,EAAE;gBACZ,IAAI,CAAC,kBAAkB,EAAE;gBACzB;YACF;AAEA,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC;YAChE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,CAAC;AAE9D,YAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,KAAY,KAAI;gBAClF,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,CAAC,CAAC;YAEF,SAAS,CAAC,MAAK;AACb,gBAAA,mBAAmB,EAAE;gBACrB,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC;gBACvD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC;gBACvD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC;AACzD,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBAAE;AAExB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,EAAE;AAC3C,YAAA,IAAI,CAAC,OAAO;gBAAE;AAEd,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAC7E,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAK;YAC7B,IAAI,CAAC,iBAAiB,EAAE;AAC1B,QAAA,CAAC,CAAC;IACJ;AAES,IAAA,KAAK,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;IAEvE,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;IACzB;IAEA,KAAK,CAAC,UAAsC,EAAE,EAAA;AAC5C,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;AAExB,QAAA,IAAI,OAAO,CAAC,YAAY,EAAE;AACxB,YAAA,IAAI,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE;QACtC;IACF;IAEA,MAAM,GAAA;QACJ,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;IACnC;IAEA,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YAAE;QAE7B,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;IACpC;IAEA,gBAAgB,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAAE;QAErD,IAAI,CAAC,KAAK,EAAE;IACd;AAGA,IAAA,YAAY,CAAC,KAAY,EAAA;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAAE;QAE1C,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;IACpC;AAEA,IAAA,IAAY,IAAI,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,GAAG,QAAQ,GAAG,MAAM;IAC9C;IAEQ,UAAU,GAAA;AAChB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAE1C,QAAA,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,OAAO,CAAA,YAAA,EAAe,UAAU,CAAA,GAAA,CAAK;QACvC;AAEA,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE;AAC/B,QAAA,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,KAAK;QAEvC,OAAO,CAAA,YAAA,EAAe,KAAK,CAAA,CAAA,CAAG;IAChC;AAEQ,IAAA,aAAa,CAAC,QAAiB,EAAA;AACrC,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC;AAElC,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACpD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;QACpC;QAEA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE;AAC/B,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI;YACzB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QACjC;IACF;AAEQ,IAAA,YAAY,CAAC,IAAa,EAAA;AAChC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAAE;AAExB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,gBAAgB,EAAE;IACzB;IAEQ,gBAAgB,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;AAErB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE;QAE1E,IAAI,UAAU,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;YACpD,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;YACvC;QACF;QAEA,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;YACrD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;AACxD,YAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;QAClC;IACF;IAEQ,iBAAiB,GAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;AAErB,QAAA,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;YACtC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;AACxD,YAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;QAClC;IACF;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE;AACpC,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE;AAEtD,QAAA,IAAI,OAAO,YAAY,UAAU,EAAE;YACjC,OAAO,OAAO,CAAC,aAAa;QAC9B;QAEA,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,OAAO,YAAY,WAAW,EAAE;AACxE,YAAA,OAAO,OAAO;QAChB;AAEA,QAAA,OAAO,gBAAgB,EAAE,aAAa,IAAI,IAAI;IAChD;IAEQ,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,oBAAoB;YAAE;AAE/B,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;AAChC,QAAA,OAAO,CAAC,IAAI,CACV,oHAAoH,CACrH;IACH;AAEQ,IAAA,eAAe,CAAC,KAAsB,EAAA;AAC5C,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;QACrB;AAEA,QAAA,OAAO,KAAK;IACd;uGAtRW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,sBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,+BAAA,EAAA,kBAAA,EAAA,+BAAA,EAAA,kBAAA,EAAA,mCAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,wBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BtB,+2BAgCA,EAAA,MAAA,EAAA,CAAA,8vCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDPY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKX,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;8BACC,CAAC,YAAY,CAAC,EAAA,QAAA,EACb,YAAY,EAAA,QAAA,EAAA,+2BAAA,EAAA,MAAA,EAAA,CAAA,8vCAAA,CAAA,EAAA;iHAY0D,eAAe,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA;sBAiD9F,WAAW;uBAAC,+BAA+B;;sBAK3C,WAAW;uBAAC,+BAA+B;;sBAK3C,WAAW;uBAAC,mCAAmC;;sBAK/C,WAAW;uBAAC,0BAA0B;;sBAwGtC,YAAY;uBAAC,yBAAyB,EAAE,CAAC,QAAQ,CAAC;;;MErMxC,SAAS,CAAA;IACpB,GAAG,GAAG,KAAK,CAAS,CAAC;4EAAC;AAEtB,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,CAAA,EAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI;IAC9B;uGALW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTtB,yGAGA,EAAA,MAAA,EAAA,CAAA,iJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAKX,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;8BACC,CAAC,YAAY,CAAC,EAAA,QAAA,EACb,YAAY,EAAA,QAAA,EAAA,yGAAA,EAAA,MAAA,EAAA,CAAA,iJAAA,CAAA,EAAA;;;MEIX,SAAS,CAAA;AACH,IAAA,MAAM,GAAG,MAAM,CAACA,gBAAc,CAAC;IAEhD,IAAI,GAAG,KAAK,CAAS,CAAC;6EAAC;IACvB,SAAS,GAAG,KAAK,CAAkB,MAAM;kFAAC;IAC1C,OAAO,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc;gFAAC;AAEzD,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,EAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAA,kBAAA,EAAqB,IAAI,CAAC,OAAO,EAAE,OAAO;IACrE;AAEA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,KAAK,MAAM;IACpC;uGAbW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,6cCTtB,sLAMA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FDGa,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,EAAE,YACD,gBAAgB,EAAA,QAAA,EAAA,sLAAA,EAAA;;;MEIf,QAAQ,CAAA;IACnB,GAAG,GAAG,KAAK,CAAS,CAAC;4EAAC;AAEtB,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,CAAA,EAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI;IAC9B;uGALW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTrB,uGAGA,EAAA,MAAA,EAAA,CAAA,wKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAKX,QAAQ,EAAA,UAAA,EAAA,CAAA;kBANpB,SAAS;8BACC,CAAC,YAAY,CAAC,EAAA,QAAA,EACb,WAAW,EAAA,QAAA,EAAA,uGAAA,EAAA,MAAA,EAAA,CAAA,wKAAA,CAAA,EAAA;;;MEIV,OAAO,CAAA;IAClB,GAAG,GAAG,KAAK,CAAS,CAAC;4EAAC;AAEtB,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,CAAA,EAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI;IAC9B;uGALW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTpB,qGAGA,EAAA,MAAA,EAAA,CAAA,kJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAKX,OAAO,EAAA,UAAA,EAAA,CAAA;kBANnB,SAAS;8BACC,CAAC,YAAY,CAAC,EAAA,QAAA,EACb,UAAU,EAAA,QAAA,EAAA,qGAAA,EAAA,MAAA,EAAA,CAAA,kJAAA,CAAA,EAAA;;;MEFT,cAAc,GAAG,IAAI,cAAc,CAAgB,gBAAgB;AAE1E,SAAU,qBAAqB,CAAC,MAAqB,EAAA;AACzD,IAAA,MAAM,SAAS,GAAe;AAC5B,QAAA;AACE,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,QAAQ,EAAE;AACX,SAAA;KACF;AACD,IAAA,OAAO,wBAAwB,CAAC,SAAS,CAAC;AAC5C;;ACbA;;AAEG;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-visuals",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Angular UI component library with theming, animations and SVG icons.",
   "license": "MIT",
   "keywords": [
@@ -11,7 +11,7 @@
     "angular-components"
   ],
   "sideEffects": [
-    "src/styles/angular-visuals.css"
+    "**/*.css"
   ],
   "peerDependencies": {
     "@angular/common": ">=21.0.0",
@@ -21,11 +21,9 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "files": [
-    "src/styles"
-  ],
+  "module": "fesm2022/angular-visuals.mjs",
+  "typings": "types/angular-visuals.d.ts",
   "exports": {
-    "./styles/angular-visuals.css": "./src/styles/angular-visuals.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -34,7 +32,5 @@
       "default": "./fesm2022/angular-visuals.mjs"
     }
   },
-  "module": "fesm2022/angular-visuals.mjs",
-  "typings": "types/angular-visuals.d.ts",
   "type": "module"
 }

package/types/angular-visuals.d.ts

@@ -0,0 +1,169 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, InjectionToken } from '@angular/core';
+export { AvTooltip, AvTooltipPosition } from '@av/lib/components/overlay/av-tooltip/av-tooltip';
+export { AvTextArea } from '@av/lib/components/form/av-text-area/av-text-area.component';
+export { AvFileUpload, AvFileUploadFile, AvFileUploadRejection, AvFileUploadValue } from '@av/lib/components/form/av-file-upload/av-file-upload';
+export { AvText } from '@av/lib/primitives/av-text/av-text';
+export { AvSwitch } from '@av/lib/components/form/av-switch/av-switch.component';
+export { AvSlider, AvSliderRangeValue, AvSliderValue } from '@av/lib/components/form/av-slider/av-slider';
+export { AvSelect } from '@av/lib/components/form/av-select/av-select.component';
+export { AvInput } from '@av/lib/components/form/av-input/av-input.component';
+export { AvCheckbox } from '@av/lib/components/form/av-checkbox/av-checkbox.component';
+export { AvCurrencyInput } from '@av/lib/components/form/av-currency-input/av-currency-input.component';
+export { AvDateTimePicker } from '@av/lib/components/form/av-date-time-picker/av-date-time-picker.component';
+export { AvForm } from '@av/lib/components/form/av-form/av-form.component';
+export { AvMultiSelect } from '@av/lib/components/form/av-multi-select/av-multi-select.component';
+export { AvGrid } from '@av/lib/components/layout/av-grid/grid.component';
+export { AvIcon } from '@av/lib/components/base/av-icon/av-icon.component';
+export { AvIconRegistry, AvRegisteredIcon } from '@av/lib/core/services/IconRegistry.service';
+export { AvPaginator } from '@av/lib/components/layout/av-paginator/av-paginator.component';
+export { AvProgressBar, AvProgressBarCircle } from '@av/lib/components/feedback/progress-bars';
+export { AvCarousel, AvCarouselItem } from '@av/lib/components/midia/carousel';
+export { AvStep, AvStepper } from '@av/lib/components/nav/stepper';
+export { AvTab, AvTabs } from '@av/lib/components/nav/tabs';
+export { AvTable } from '@av/lib/components/layout/av-table/av-table.component';
+export { AvButton } from '@av/lib/components/base/av-button/av-button.component';
+export { AvBadge } from '@av/lib/components/base/av-badge/av-badge.component';
+export { ThemeService } from '@av/lib/core/services/ThemeService.service';
+export { provideAngularVisuals } from '@av/lib/core/tokens';
+import { VisualsConfig } from '@av/types/theme';
+
+declare class AvDropdown {
+    private readonly config;
+    private readonly themeService;
+    badge: _angular_core.InputSignal<string | number | null>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    expanded: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    icon: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<string>;
+    expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly internalExpanded;
+    readonly panelId: string;
+    readonly isExpanded: _angular_core.Signal<boolean>;
+    readonly themeVars: _angular_core.Signal<Record<string, string>>;
+    constructor();
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDropdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDropdown, "av-dropdown", never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["[av-dropdown-label]", "*"], true, never>;
+}
+
+declare class AvNavLink {
+    private readonly config;
+    private readonly elementRef;
+    private readonly themeService;
+    active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    badge: _angular_core.InputSignal<string | number | null>;
+    description: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    href: _angular_core.InputSignal<string>;
+    route: _angular_core.InputSignal<string | any[] | null>;
+    icon: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    rel: _angular_core.InputSignal<string>;
+    target: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<string>;
+    routerActiveClass: _angular_core.InputSignal<string>;
+    routerActiveOptions: _angular_core.InputSignal<Record<string, boolean>>;
+    selected: _angular_core.OutputEmitterRef<Event>;
+    readonly themeVars: _angular_core.Signal<Record<string, string>>;
+    readonly relValue: _angular_core.Signal<string | null>;
+    readonly isExternal: _angular_core.Signal<boolean>;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvNavLink, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvNavLink, "av-nav-link", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "routerActiveClass": { "alias": "routerActiveClass"; "required": false; "isSignal": true; }; "routerActiveOptions": { "alias": "routerActiveOptions"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
+}
+
+type AvSidenavMode = 'side' | 'drawer';
+type AvSidenavTrigger = ElementRef<HTMLElement> | HTMLElement | null | undefined;
+declare class AvSidenav {
+    private readonly config;
+    private readonly destroyRef;
+    private readonly platformId;
+    private readonly renderer;
+    private readonly themeService;
+    private readonly isBrowser;
+    private readonly projectedToggleTrigger;
+    private readonly drawerModeState;
+    private readonly internalOpened;
+    private missingTriggerWarned;
+    private previousBodyOverflow;
+    private lastMode;
+    ariaLabel: _angular_core.InputSignal<string>;
+    backdropLabel: _angular_core.InputSignal<string>;
+    closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    closeOnNavigation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    drawerBreakpoint: _angular_core.InputSignal<string | number>;
+    opened: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    toggleable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    toggleTrigger: _angular_core.InputSignal<AvSidenavTrigger>;
+    variant: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string | number>;
+    openedChange: _angular_core.OutputEmitterRef<boolean>;
+    modeChange: _angular_core.OutputEmitterRef<AvSidenavMode>;
+    readonly drawerMode: _angular_core.Signal<boolean>;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly themeVars: _angular_core.Signal<Record<string, string>>;
+    get drawerClass(): boolean;
+    get closedClass(): boolean;
+    get toggleableClass(): boolean;
+    get widthStyle(): string;
+    constructor();
+    readonly navId: string;
+    open(): void;
+    close(options?: {
+        restoreFocus?: boolean;
+    }): void;
+    toggle(): void;
+    closeFromBackdrop(): void;
+    handleNavigation(): void;
+    handleEscape(event: Event): void;
+    private get mode();
+    private mediaQuery;
+    private setDrawerMode;
+    private setOpenState;
+    private updateBodyScroll;
+    private restoreBodyScroll;
+    private resolveToggleTrigger;
+    private warnMissingTrigger;
+    private coerceCssLength;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvSidenav, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvSidenav, "av-sidenav", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "backdropLabel": { "alias": "backdropLabel"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnNavigation": { "alias": "closeOnNavigation"; "required": false; "isSignal": true; }; "drawerBreakpoint": { "alias": "drawerBreakpoint"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "toggleTrigger": { "alias": "toggleTrigger"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; "modeChange": "modeChange"; }, ["projectedToggleTrigger"], ["[header]", "[content]", "[footer]"], true, never>;
+}
+
+declare class AvCluster {
+    gap: _angular_core.InputSignal<number>;
+    get gapValue(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvCluster, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvCluster, "av-cluster", never, { "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AvDivider {
+    private readonly config;
+    size: _angular_core.InputSignal<number>;
+    direction: _angular_core.InputSignal<"vert" | "hori">;
+    variant: _angular_core.InputSignal<string>;
+    get borderStyle(): string;
+    get isVertical(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDivider, "lib-av-divider", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AvInline {
+    gap: _angular_core.InputSignal<number>;
+    get gapValue(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvInline, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvInline, "av-inline", never, { "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AvStack {
+    gap: _angular_core.InputSignal<number>;
+    get gapValue(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvStack, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvStack, "av-stack", never, { "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare const VISUALS_CONFIG: InjectionToken<VisualsConfig>;
+
+export { AvCluster, AvDivider, AvDropdown, AvInline, AvNavLink, AvSidenav, AvStack, VISUALS_CONFIG };
+export type { AvSidenavMode, AvSidenavTrigger };