ng-magary 0.0.1 → 0.0.2

package/fesm2022/ng-magary.mjs

@@ -1,811 +0,0 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, output, computed, Component, NgModule, inject, ElementRef, signal, HostListener, ViewChildren, ViewChild, ContentChildren } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-
-class MagaryButton {
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-    shadow = input(0, ...(ngDevMode ? [{ debugName: "shadow" }] : []));
-    rounded = input(false, ...(ngDevMode ? [{ debugName: "rounded" }] : []));
-    customBackgroundColor = input(...(ngDevMode ? [undefined, { debugName: "customBackgroundColor" }] : []));
-    iconPos = input('left', ...(ngDevMode ? [{ debugName: "iconPos" }] : []));
-    severity = input(...(ngDevMode ? [undefined, { debugName: "severity" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
-    buttonClick = output();
-    isDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-    buttonClasses = computed(() => [
-        'p-button',
-        `shadow-${this.shadow()}`,
-        `p-button-${this.size()}`,
-        this.severity() ? `p-button-${this.severity()}` : '',
-        this.variant() === 'text' ? 'p-button-text' : '',
-        this.variant() === 'outlined' ? 'p-button-outlined' : '',
-        this.icon() && !this.label() ? 'p-button-icon-only' : '',
-        this.icon() && this.label() && this.iconPos() === 'left'
-            ? 'p-button-icon-left'
-            : '',
-        this.icon() && this.label() && this.iconPos() === 'right'
-            ? 'p-button-icon-right'
-            : '',
-        this.loading() ? 'p-button-loading' : '',
-    ].filter(Boolean), ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
-    buttonStyles = computed(() => ({
-        'border-radius': this.rounded() ? '22px' : '8px',
-        background: this.customBackgroundColor() || undefined,
-    }), ...(ngDevMode ? [{ debugName: "buttonStyles" }] : []));
-    effectiveAriaLabel = computed(() => this.ariaLabel() || this.label() || 'Button', ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : []));
-    onButtonClick(event) {
-        if (!this.isDisabled()) {
-            this.buttonClick.emit(event);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryButton, isStandalone: true, selector: "magary-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, customBackgroundColor: { classPropertyName: "customBackgroundColor", publicName: "customBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  [disabled]=\"isDisabled()\"\n  [ngStyle]=\"buttonStyles()\"\n  [ngClass]=\"buttonClasses()\"\n  [attr.aria-label]=\"effectiveAriaLabel()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n  (click)=\"onButtonClick($event)\"\n>\n  @if (loading()) {\n    <span\n      class=\"p-button-loading-icon fas fa-spinner fa-spin\"\n      aria-hidden=\"true\"\n    >\n    </span>\n  }\n  @if (icon() && !loading() && iconPos() === \"left\") {\n    <span class=\"p-button-icon\" [ngClass]=\"icon()\" aria-hidden=\"true\"> </span>\n  }\n  @if (label()) {\n    <span class=\"p-button-label\">{{ label() }}</span>\n  } @else if (!icon()) {\n    <span class=\"p-button-label\">&nbsp;</span>\n  }\n  @if (icon() && !loading() && iconPos() === \"right\") {\n    <span class=\"p-button-icon\" [ngClass]=\"icon()\" aria-hidden=\"true\"> </span>\n  }\n</button>\n", styles: [".p-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:6px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;gap:.5rem;background-color:#007bff;color:#fff;min-height:44px;font-size:1rem}.p-button:hover{background-color:#0056b3}.p-button:disabled{opacity:.6;cursor:not-allowed}.p-button.p-button-icon-right{flex-direction:row-reverse}.p-button.p-button-icon-only{padding:10px;min-width:44px}.p-button.p-button-loading{position:relative}.p-button.p-button-loading .p-button-label,.p-button.p-button-loading .p-button-icon{visibility:hidden}.p-button.p-button-loading .p-button-loading-icon{position:absolute;font-size:1.2rem}.p-button.p-button-text{background-color:transparent;border-color:transparent;color:#007bff}.p-button.p-button-text:hover{background-color:#007bff0d}.p-button.p-button-outlined{background-color:transparent;border:2px solid;color:#007bff}.p-button.p-button-outlined:hover{background-color:#007bff;color:#fff}.p-button.p-button-small{padding:.5rem .875rem;font-size:.875rem;min-height:36px;gap:.375rem}.p-button.p-button-small.p-button-icon-only{padding:6px;min-width:36px}.p-button.p-button-normal{padding:.75rem 1.25rem;font-size:1rem;min-height:44px;gap:.5rem}.p-button.p-button-normal.p-button-icon-only{padding:10px;min-width:44px}.p-button.p-button-large{padding:1rem 1.75rem;font-size:1.125rem;min-height:52px;gap:.625rem}.p-button.p-button-large.p-button-icon-only{padding:14px;min-width:52px}@media (max-width: 768px){.p-button.p-button-small{padding:.375rem .75rem;font-size:.8rem;min-height:32px}.p-button.p-button-small.p-button-icon-only{padding:5px;min-width:32px}.p-button.p-button-normal{padding:.625rem 1rem;font-size:.9rem;min-height:40px}.p-button.p-button-normal.p-button-icon-only{padding:8px;min-width:40px}.p-button.p-button-large{padding:.875rem 1.5rem;font-size:1rem;min-height:48px}.p-button.p-button-large.p-button-icon-only{padding:12px;min-width:48px}}@media (max-width: 480px){.p-button.p-button-small{padding:.25rem .625rem;font-size:.75rem;min-height:28px}.p-button.p-button-small.p-button-icon-only{padding:4px;min-width:28px}.p-button.p-button-normal{padding:.5rem .875rem;font-size:.85rem;min-height:36px}.p-button.p-button-normal.p-button-icon-only{padding:6px;min-width:36px}.p-button.p-button-large{padding:.75rem 1.25rem;font-size:.95rem;min-height:44px}.p-button.p-button-large.p-button-icon-only{padding:10px;min-width:44px}}.p-button.p-button-primary{background-color:#020617;color:#fff}.p-button.p-button-primary:hover{background-color:#3b3c3d}.p-button.p-button-text.p-button-primary{background-color:transparent;color:#020617}.p-button.p-button-text.p-button-primary:hover{background-color:#0206171a}.p-button.p-button-outlined.p-button-primary{background-color:transparent;border-color:#020617;color:#020617}.p-button.p-button-outlined.p-button-primary:hover{background-color:#0206171a;color:#020617}.p-button.p-button-secondary{background-color:#d2d3d4;color:#fff}.p-button.p-button-secondary:hover{background-color:#d8dbdd}.p-button.p-button-text.p-button-secondary{background-color:transparent;color:#d2d3d4}.p-button.p-button-text.p-button-secondary:hover{background-color:#d2d3d41a}.p-button.p-button-outlined.p-button-secondary{background-color:transparent;border-color:#d2d3d4;color:#d2d3d4}.p-button.p-button-outlined.p-button-secondary:hover{background-color:#d2d3d41a;color:#d2d3d4}.p-button.p-button-success{background-color:#22c55e;color:#fff}.p-button.p-button-success:hover{background-color:#54cc80}.p-button.p-button-text.p-button-success{background-color:transparent;color:#22c55e}.p-button.p-button-text.p-button-success:hover{background-color:#22c55e1a}.p-button.p-button-outlined.p-button-success{background-color:transparent;border-color:#22c55e;color:#22c55e}.p-button.p-button-outlined.p-button-success:hover{background-color:#22c55e1a;color:#22c55e}.p-button.p-button-danger{background-color:#ef4444;color:#fff}.p-button.p-button-danger:hover{background-color:#ce3c3c}.p-button.p-button-text.p-button-danger{background-color:transparent;color:#ef4444}.p-button.p-button-text.p-button-danger:hover{background-color:#ef44441a}.p-button.p-button-outlined.p-button-danger{background-color:transparent;border-color:#ef4444;color:#ef4444}.p-button.p-button-outlined.p-button-danger:hover{background-color:#ef44441a;color:#ef4444}.p-button.p-button-info{background-color:#0ea5e9;color:#fff}.p-button.p-button-info:hover{background-color:#3d97c0}.p-button.p-button-text.p-button-info{background-color:transparent;color:#0ea5e9}.p-button.p-button-text.p-button-info:hover{background-color:#0ea5e91a}.p-button.p-button-outlined.p-button-info{background-color:transparent;border-color:#0ea5e9;color:#0ea5e9}.p-button.p-button-outlined.p-button-info:hover{background-color:#0ea5e91a;color:#0ea5e9}.p-button.p-button-warning{background-color:#e7c52d;color:#fff}.p-button.p-button-warning:hover{background-color:#c4aa3a}.p-button.p-button-text.p-button-warning{background-color:transparent;color:#e7c52d}.p-button.p-button-text.p-button-warning:hover{background-color:#e7c52d1a}.p-button.p-button-outlined.p-button-warning{background-color:transparent;border-color:#e7c52d;color:#e7c52d}.p-button.p-button-outlined.p-button-warning:hover{background-color:#e7c52d1a;color:#e7c52d}.p-button.p-button-help{background-color:#a855f7;color:#fff}.p-button.p-button-help:hover{background-color:#854dbd}.p-button.p-button-text.p-button-help{background-color:transparent;color:#a855f7}.p-button.p-button-text.p-button-help:hover{background-color:#a855f71a}.p-button.p-button-outlined.p-button-help{background-color:transparent;border-color:#a855f7;color:#a855f7}.p-button.p-button-outlined.p-button-help:hover{background-color:#a855f71a;color:#a855f7}.pi-spin{animation:pi-spin 1s linear infinite}@keyframes pi-spin{to{transform:rotate(360deg)}}.shadow-1{box-shadow:0 4px 6px #00000026}.shadow-2{box-shadow:0 6px 8px #0003}.shadow-3{box-shadow:0 8px 10px #00000040}.shadow-4{box-shadow:0 10px 12px #0000004d}.shadow-5{box-shadow:0 12px 14px #00000059}.shadow-6{box-shadow:0 14px 16px #0006}.shadow-7{box-shadow:0 16px 18px #00000073}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryButton, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-button', imports: [CommonModule], template: "<button\n  type=\"button\"\n  [disabled]=\"isDisabled()\"\n  [ngStyle]=\"buttonStyles()\"\n  [ngClass]=\"buttonClasses()\"\n  [attr.aria-label]=\"effectiveAriaLabel()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n  (click)=\"onButtonClick($event)\"\n>\n  @if (loading()) {\n    <span\n      class=\"p-button-loading-icon fas fa-spinner fa-spin\"\n      aria-hidden=\"true\"\n    >\n    </span>\n  }\n  @if (icon() && !loading() && iconPos() === \"left\") {\n    <span class=\"p-button-icon\" [ngClass]=\"icon()\" aria-hidden=\"true\"> </span>\n  }\n  @if (label()) {\n    <span class=\"p-button-label\">{{ label() }}</span>\n  } @else if (!icon()) {\n    <span class=\"p-button-label\">&nbsp;</span>\n  }\n  @if (icon() && !loading() && iconPos() === \"right\") {\n    <span class=\"p-button-icon\" [ngClass]=\"icon()\" aria-hidden=\"true\"> </span>\n  }\n</button>\n", styles: [".p-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:6px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;gap:.5rem;background-color:#007bff;color:#fff;min-height:44px;font-size:1rem}.p-button:hover{background-color:#0056b3}.p-button:disabled{opacity:.6;cursor:not-allowed}.p-button.p-button-icon-right{flex-direction:row-reverse}.p-button.p-button-icon-only{padding:10px;min-width:44px}.p-button.p-button-loading{position:relative}.p-button.p-button-loading .p-button-label,.p-button.p-button-loading .p-button-icon{visibility:hidden}.p-button.p-button-loading .p-button-loading-icon{position:absolute;font-size:1.2rem}.p-button.p-button-text{background-color:transparent;border-color:transparent;color:#007bff}.p-button.p-button-text:hover{background-color:#007bff0d}.p-button.p-button-outlined{background-color:transparent;border:2px solid;color:#007bff}.p-button.p-button-outlined:hover{background-color:#007bff;color:#fff}.p-button.p-button-small{padding:.5rem .875rem;font-size:.875rem;min-height:36px;gap:.375rem}.p-button.p-button-small.p-button-icon-only{padding:6px;min-width:36px}.p-button.p-button-normal{padding:.75rem 1.25rem;font-size:1rem;min-height:44px;gap:.5rem}.p-button.p-button-normal.p-button-icon-only{padding:10px;min-width:44px}.p-button.p-button-large{padding:1rem 1.75rem;font-size:1.125rem;min-height:52px;gap:.625rem}.p-button.p-button-large.p-button-icon-only{padding:14px;min-width:52px}@media (max-width: 768px){.p-button.p-button-small{padding:.375rem .75rem;font-size:.8rem;min-height:32px}.p-button.p-button-small.p-button-icon-only{padding:5px;min-width:32px}.p-button.p-button-normal{padding:.625rem 1rem;font-size:.9rem;min-height:40px}.p-button.p-button-normal.p-button-icon-only{padding:8px;min-width:40px}.p-button.p-button-large{padding:.875rem 1.5rem;font-size:1rem;min-height:48px}.p-button.p-button-large.p-button-icon-only{padding:12px;min-width:48px}}@media (max-width: 480px){.p-button.p-button-small{padding:.25rem .625rem;font-size:.75rem;min-height:28px}.p-button.p-button-small.p-button-icon-only{padding:4px;min-width:28px}.p-button.p-button-normal{padding:.5rem .875rem;font-size:.85rem;min-height:36px}.p-button.p-button-normal.p-button-icon-only{padding:6px;min-width:36px}.p-button.p-button-large{padding:.75rem 1.25rem;font-size:.95rem;min-height:44px}.p-button.p-button-large.p-button-icon-only{padding:10px;min-width:44px}}.p-button.p-button-primary{background-color:#020617;color:#fff}.p-button.p-button-primary:hover{background-color:#3b3c3d}.p-button.p-button-text.p-button-primary{background-color:transparent;color:#020617}.p-button.p-button-text.p-button-primary:hover{background-color:#0206171a}.p-button.p-button-outlined.p-button-primary{background-color:transparent;border-color:#020617;color:#020617}.p-button.p-button-outlined.p-button-primary:hover{background-color:#0206171a;color:#020617}.p-button.p-button-secondary{background-color:#d2d3d4;color:#fff}.p-button.p-button-secondary:hover{background-color:#d8dbdd}.p-button.p-button-text.p-button-secondary{background-color:transparent;color:#d2d3d4}.p-button.p-button-text.p-button-secondary:hover{background-color:#d2d3d41a}.p-button.p-button-outlined.p-button-secondary{background-color:transparent;border-color:#d2d3d4;color:#d2d3d4}.p-button.p-button-outlined.p-button-secondary:hover{background-color:#d2d3d41a;color:#d2d3d4}.p-button.p-button-success{background-color:#22c55e;color:#fff}.p-button.p-button-success:hover{background-color:#54cc80}.p-button.p-button-text.p-button-success{background-color:transparent;color:#22c55e}.p-button.p-button-text.p-button-success:hover{background-color:#22c55e1a}.p-button.p-button-outlined.p-button-success{background-color:transparent;border-color:#22c55e;color:#22c55e}.p-button.p-button-outlined.p-button-success:hover{background-color:#22c55e1a;color:#22c55e}.p-button.p-button-danger{background-color:#ef4444;color:#fff}.p-button.p-button-danger:hover{background-color:#ce3c3c}.p-button.p-button-text.p-button-danger{background-color:transparent;color:#ef4444}.p-button.p-button-text.p-button-danger:hover{background-color:#ef44441a}.p-button.p-button-outlined.p-button-danger{background-color:transparent;border-color:#ef4444;color:#ef4444}.p-button.p-button-outlined.p-button-danger:hover{background-color:#ef44441a;color:#ef4444}.p-button.p-button-info{background-color:#0ea5e9;color:#fff}.p-button.p-button-info:hover{background-color:#3d97c0}.p-button.p-button-text.p-button-info{background-color:transparent;color:#0ea5e9}.p-button.p-button-text.p-button-info:hover{background-color:#0ea5e91a}.p-button.p-button-outlined.p-button-info{background-color:transparent;border-color:#0ea5e9;color:#0ea5e9}.p-button.p-button-outlined.p-button-info:hover{background-color:#0ea5e91a;color:#0ea5e9}.p-button.p-button-warning{background-color:#e7c52d;color:#fff}.p-button.p-button-warning:hover{background-color:#c4aa3a}.p-button.p-button-text.p-button-warning{background-color:transparent;color:#e7c52d}.p-button.p-button-text.p-button-warning:hover{background-color:#e7c52d1a}.p-button.p-button-outlined.p-button-warning{background-color:transparent;border-color:#e7c52d;color:#e7c52d}.p-button.p-button-outlined.p-button-warning:hover{background-color:#e7c52d1a;color:#e7c52d}.p-button.p-button-help{background-color:#a855f7;color:#fff}.p-button.p-button-help:hover{background-color:#854dbd}.p-button.p-button-text.p-button-help{background-color:transparent;color:#a855f7}.p-button.p-button-text.p-button-help:hover{background-color:#a855f71a}.p-button.p-button-outlined.p-button-help{background-color:transparent;border-color:#a855f7;color:#a855f7}.p-button.p-button-outlined.p-button-help:hover{background-color:#a855f71a;color:#a855f7}.pi-spin{animation:pi-spin 1s linear infinite}@keyframes pi-spin{to{transform:rotate(360deg)}}.shadow-1{box-shadow:0 4px 6px #00000026}.shadow-2{box-shadow:0 6px 8px #0003}.shadow-3{box-shadow:0 8px 10px #00000040}.shadow-4{box-shadow:0 10px 12px #0000004d}.shadow-5{box-shadow:0 12px 14px #00000059}.shadow-6{box-shadow:0 14px 16px #0006}.shadow-7{box-shadow:0 16px 18px #00000073}\n"] }]
-        }] });
-
-class ButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ButtonModule, imports: [CommonModule, MagaryButton], exports: [MagaryButton] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ButtonModule, imports: [CommonModule, MagaryButton] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [CommonModule, MagaryButton],
-                    exports: [MagaryButton],
-                }]
-        }] });
-
-class MagarySpeedDial {
-    elementRef = inject(ElementRef);
-    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
-    icon = input('fas fa-plus', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    activeIcon = input('fas fa-times', ...(ngDevMode ? [{ debugName: "activeIcon" }] : []));
-    type = input('linear', ...(ngDevMode ? [{ debugName: "type" }] : []));
-    direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : []));
-    radius = input(80, ...(ngDevMode ? [{ debugName: "radius" }] : []));
-    showMask = input(false, ...(ngDevMode ? [{ debugName: "showMask" }] : []));
-    background = input('#007bff', ...(ngDevMode ? [{ debugName: "background" }] : []));
-    ariaLabel = input('Speed dial menu', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
-    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-    speedDialToggle = output();
-    itemSelect = output();
-    itemCount = computed(() => this.items().length, ...(ngDevMode ? [{ debugName: "itemCount" }] : []));
-    containerClasses = computed(() => [
-        'speed-dial-container',
-        this.isOpen() ? 'is-open' : '',
-        `type-${this.type()}`,
-        this.direction() ? `direction-${this.direction()}` : '',
-    ].filter(Boolean), ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-    triggerStyles = computed(() => ({
-        '--trigger-bg': this.background(),
-    }), ...(ngDevMode ? [{ debugName: "triggerStyles" }] : []));
-    itemsStyles = computed(() => ({
-        '--item-count': this.itemCount().toString(),
-        '--radius': `${this.radius()}px`,
-    }), ...(ngDevMode ? [{ debugName: "itemsStyles" }] : []));
-    currentIcon = computed(() => this.isOpen() ? this.activeIcon() : this.icon(), ...(ngDevMode ? [{ debugName: "currentIcon" }] : []));
-    toggleSpeedDial(event) {
-        event.stopPropagation();
-        const newState = !this.isOpen();
-        this.isOpen.set(newState);
-        this.speedDialToggle.emit(newState);
-    }
-    onItemClick(event, item) {
-        event.stopPropagation();
-        if (item.disabled) {
-            return;
-        }
-        this.itemSelect.emit({ item, event });
-        if (item.command) {
-            item.command(event);
-        }
-        this.isOpen.set(false);
-        this.speedDialToggle.emit(false);
-    }
-    closeMask() {
-        this.isOpen.set(false);
-        this.speedDialToggle.emit(false);
-    }
-    trackByItem(index, item) {
-        return item.id || `${item.icon}-${index}`;
-    }
-    onDocumentClick(event) {
-        if (!this.isOpen()) {
-            return;
-        }
-        const target = event.target;
-        const componentElement = this.elementRef.nativeElement;
-        if (!componentElement.contains(target)) {
-            this.isOpen.set(false);
-            this.speedDialToggle.emit(false);
-        }
-    }
-    onEscapeKeydown() {
-        if (this.isOpen()) {
-            this.isOpen.set(false);
-            this.speedDialToggle.emit(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagarySpeedDial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagarySpeedDial, isStandalone: true, selector: "magary-speed-dial", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, activeIcon: { classPropertyName: "activeIcon", publicName: "activeIcon", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, showMask: { classPropertyName: "showMask", publicName: "showMask", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { speedDialToggle: "speedDialToggle", itemSelect: "itemSelect" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscapeKeydown()" } }, ngImport: i0, template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"triggerStyles()\">\n  @if (showMask() && isOpen()) {\n    <div class=\"speed-dial-mask\" (click)=\"closeMask()\" aria-hidden=\"true\"></div>\n  }\n  <ul\n    class=\"speed-dial-items\"\n    [attr.data-direction]=\"direction()\"\n    [ngStyle]=\"itemsStyles()\"\n    role=\"menu\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-label]=\"ariaLabel()\"\n  >\n    @for (item of items(); track trackByItem($index, item)) {\n      <li\n        [style.--i]=\"$index\"\n        [style.--radius.px]=\"radius()\"\n        [style.transition-delay]=\"isOpen() ? $index * 50 + 'ms' : '0ms'\"\n        [class]=\"'item-' + type()\"\n        role=\"presentation\"\n      >\n        @if (item.tooltip) {\n          <div\n            class=\"action-tooltip\"\n            role=\"tooltip\"\n            [attr.id]=\"'tooltip-' + $index\"\n          >\n            {{ item.tooltip }}\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"action-button\"\n          role=\"menuitem\"\n          [disabled]=\"item.disabled\"\n          [attr.aria-label]=\"\n            item.ariaLabel || item.tooltip || 'Speed dial action'\n          \"\n          [attr.aria-describedby]=\"item.tooltip ? 'tooltip-' + $index : null\"\n          [style.background-color]=\"item.backgroundColor\"\n          (click)=\"onItemClick($event, item)\"\n        >\n          <i [ngClass]=\"item.icon\" aria-hidden=\"true\"> </i>\n        </button>\n      </li>\n    }\n  </ul>\n  <button\n    type=\"button\"\n    class=\"trigger-button\"\n    [attr.aria-label]=\"ariaLabel() + (isOpen() ? ' - Cerrar' : ' - Abrir')\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    (click)=\"toggleSpeedDial($event)\"\n  >\n    <i [ngClass]=\"currentIcon()\" aria-hidden=\"true\"> </i>\n  </button>\n</div>\n", styles: [":host{--speed-dial-trigger-size: 56px;--speed-dial-item-size: 40px;--speed-dial-item-gap: 55px;--speed-dial-transition: .3s ease;--speed-dial-shadow: 0 4px 12px rgba(0, 0, 0, .3);--speed-dial-shadow-item: 0 2px 8px rgba(0, 0, 0, .2);--speed-dial-mask-bg: rgba(0, 0, 0, .4);background:transparent;display:inline-block}.speed-dial-container{position:relative;display:inline-block;background:transparent}.speed-dial-container.is-open .trigger-button{transform:rotate(45deg)}.trigger-button{width:var(--speed-dial-trigger-size);height:var(--speed-dial-trigger-size);border-radius:50%;background-color:var(--trigger-bg, #007bff);color:#fff;border:none;box-shadow:var(--speed-dial-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:1001;transition:transform var(--speed-dial-transition),box-shadow var(--speed-dial-transition);min-height:44px}.trigger-button:hover{box-shadow:0 6px 16px #0006}.trigger-button:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.speed-dial-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--speed-dial-mask-bg);z-index:999;cursor:pointer}.speed-dial-items{list-style:none;padding:0;margin:0;position:absolute;top:20%;left:16%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.speed-dial-items li{position:absolute;top:0;left:0;transform-origin:center;transition:transform var(--speed-dial-transition),opacity var(--speed-dial-transition);opacity:0}.speed-dial-items .action-button{width:var(--speed-dial-item-size);height:var(--speed-dial-item-size);border-radius:50%;background-color:#6c757d;color:#fff;border:none;box-shadow:var(--speed-dial-shadow-item);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s,transform .2s;min-height:44px;min-width:44px}.speed-dial-items .action-button:hover:not(:disabled){background-color:#5a6268;transform:scale(1.1)}.speed-dial-items .action-button:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.speed-dial-items .action-button:disabled{opacity:.4;cursor:not-allowed;background-color:#adb5bd}.speed-dial-items .action-button:disabled:hover{transform:none;background-color:#adb5bd}.speed-dial-items .action-tooltip{position:absolute;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;right:120%;top:50%;transform:translateY(-50%);z-index:1002}.speed-dial-items .action-tooltip:after{content:\"\";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:#333}.speed-dial-items li:hover .action-tooltip{opacity:1}.is-open .speed-dial-items{pointer-events:auto}.is-open .speed-dial-items li{opacity:1}.is-open .speed-dial-items[data-direction=up] li{transform:translateY(calc(var(--speed-dial-item-gap) * (var(--i) + 1) * -1))}.is-open .speed-dial-items[data-direction=down] li{transform:translateY(calc(var(--speed-dial-item-gap) * (var(--i) + 1)))}.is-open .speed-dial-items[data-direction=left] li{transform:translate(calc(var(--speed-dial-item-gap) * (var(--i) + 1) * -1))}.is-open .speed-dial-items[data-direction=right] li{transform:translate(calc(var(--speed-dial-item-gap) * (var(--i) + 1)))}.is-open .speed-dial-items .item-circle{--angle: calc(var(--i) * (360deg / var(--item-count)));transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}.is-open .speed-dial-items[data-direction=left] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) - 180deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) - 180deg) * -1))}.is-open .speed-dial-items[data-direction=right] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}.is-open .speed-dial-items[data-direction=down] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 90deg) * -1))}.is-open .speed-dial-items[data-direction=up] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) - 90deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) - 90deg) * -1))}.is-open .speed-dial-items[data-direction=up-right] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}.is-open .speed-dial-items[data-direction=down-right] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 90deg) * -1))}.is-open .speed-dial-items[data-direction=down-left] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 180deg) * -1))}.is-open .speed-dial-items[data-direction=up-left] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 270deg) * -1))}@media (max-width: 768px){:host{--speed-dial-trigger-size: 52px;--speed-dial-item-size: 36px;--speed-dial-item-gap: 48px}.trigger-button{font-size:1.25rem}.speed-dial-items .action-button{font-size:.9rem}.speed-dial-items .action-tooltip{font-size:.75rem;padding:3px 6px}}@media (max-width: 480px){:host{--speed-dial-trigger-size: 48px;--speed-dial-item-size: 32px;--speed-dial-item-gap: 44px}.trigger-button{font-size:1.1rem}.speed-dial-items .action-button{font-size:.8rem}.speed-dial-items .action-tooltip{font-size:.7rem;padding:2px 4px}}@media (min-width: 1200px){.speed-dial-items .action-tooltip{font-size:.85rem;padding:6px 10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagarySpeedDial, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-speed-dial', imports: [CommonModule], template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"triggerStyles()\">\n  @if (showMask() && isOpen()) {\n    <div class=\"speed-dial-mask\" (click)=\"closeMask()\" aria-hidden=\"true\"></div>\n  }\n  <ul\n    class=\"speed-dial-items\"\n    [attr.data-direction]=\"direction()\"\n    [ngStyle]=\"itemsStyles()\"\n    role=\"menu\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-label]=\"ariaLabel()\"\n  >\n    @for (item of items(); track trackByItem($index, item)) {\n      <li\n        [style.--i]=\"$index\"\n        [style.--radius.px]=\"radius()\"\n        [style.transition-delay]=\"isOpen() ? $index * 50 + 'ms' : '0ms'\"\n        [class]=\"'item-' + type()\"\n        role=\"presentation\"\n      >\n        @if (item.tooltip) {\n          <div\n            class=\"action-tooltip\"\n            role=\"tooltip\"\n            [attr.id]=\"'tooltip-' + $index\"\n          >\n            {{ item.tooltip }}\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"action-button\"\n          role=\"menuitem\"\n          [disabled]=\"item.disabled\"\n          [attr.aria-label]=\"\n            item.ariaLabel || item.tooltip || 'Speed dial action'\n          \"\n          [attr.aria-describedby]=\"item.tooltip ? 'tooltip-' + $index : null\"\n          [style.background-color]=\"item.backgroundColor\"\n          (click)=\"onItemClick($event, item)\"\n        >\n          <i [ngClass]=\"item.icon\" aria-hidden=\"true\"> </i>\n        </button>\n      </li>\n    }\n  </ul>\n  <button\n    type=\"button\"\n    class=\"trigger-button\"\n    [attr.aria-label]=\"ariaLabel() + (isOpen() ? ' - Cerrar' : ' - Abrir')\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    (click)=\"toggleSpeedDial($event)\"\n  >\n    <i [ngClass]=\"currentIcon()\" aria-hidden=\"true\"> </i>\n  </button>\n</div>\n", styles: [":host{--speed-dial-trigger-size: 56px;--speed-dial-item-size: 40px;--speed-dial-item-gap: 55px;--speed-dial-transition: .3s ease;--speed-dial-shadow: 0 4px 12px rgba(0, 0, 0, .3);--speed-dial-shadow-item: 0 2px 8px rgba(0, 0, 0, .2);--speed-dial-mask-bg: rgba(0, 0, 0, .4);background:transparent;display:inline-block}.speed-dial-container{position:relative;display:inline-block;background:transparent}.speed-dial-container.is-open .trigger-button{transform:rotate(45deg)}.trigger-button{width:var(--speed-dial-trigger-size);height:var(--speed-dial-trigger-size);border-radius:50%;background-color:var(--trigger-bg, #007bff);color:#fff;border:none;box-shadow:var(--speed-dial-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:1001;transition:transform var(--speed-dial-transition),box-shadow var(--speed-dial-transition);min-height:44px}.trigger-button:hover{box-shadow:0 6px 16px #0006}.trigger-button:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.speed-dial-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--speed-dial-mask-bg);z-index:999;cursor:pointer}.speed-dial-items{list-style:none;padding:0;margin:0;position:absolute;top:20%;left:16%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.speed-dial-items li{position:absolute;top:0;left:0;transform-origin:center;transition:transform var(--speed-dial-transition),opacity var(--speed-dial-transition);opacity:0}.speed-dial-items .action-button{width:var(--speed-dial-item-size);height:var(--speed-dial-item-size);border-radius:50%;background-color:#6c757d;color:#fff;border:none;box-shadow:var(--speed-dial-shadow-item);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s,transform .2s;min-height:44px;min-width:44px}.speed-dial-items .action-button:hover:not(:disabled){background-color:#5a6268;transform:scale(1.1)}.speed-dial-items .action-button:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.speed-dial-items .action-button:disabled{opacity:.4;cursor:not-allowed;background-color:#adb5bd}.speed-dial-items .action-button:disabled:hover{transform:none;background-color:#adb5bd}.speed-dial-items .action-tooltip{position:absolute;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;right:120%;top:50%;transform:translateY(-50%);z-index:1002}.speed-dial-items .action-tooltip:after{content:\"\";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:#333}.speed-dial-items li:hover .action-tooltip{opacity:1}.is-open .speed-dial-items{pointer-events:auto}.is-open .speed-dial-items li{opacity:1}.is-open .speed-dial-items[data-direction=up] li{transform:translateY(calc(var(--speed-dial-item-gap) * (var(--i) + 1) * -1))}.is-open .speed-dial-items[data-direction=down] li{transform:translateY(calc(var(--speed-dial-item-gap) * (var(--i) + 1)))}.is-open .speed-dial-items[data-direction=left] li{transform:translate(calc(var(--speed-dial-item-gap) * (var(--i) + 1) * -1))}.is-open .speed-dial-items[data-direction=right] li{transform:translate(calc(var(--speed-dial-item-gap) * (var(--i) + 1)))}.is-open .speed-dial-items .item-circle{--angle: calc(var(--i) * (360deg / var(--item-count)));transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}.is-open .speed-dial-items[data-direction=left] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) - 180deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) - 180deg) * -1))}.is-open .speed-dial-items[data-direction=right] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}.is-open .speed-dial-items[data-direction=down] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 90deg) * -1))}.is-open .speed-dial-items[data-direction=up] .item-semicircle{--angle: calc(var(--i) * (180deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) - 90deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) - 90deg) * -1))}.is-open .speed-dial-items[data-direction=up-right] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}.is-open .speed-dial-items[data-direction=down-right] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 90deg) * -1))}.is-open .speed-dial-items[data-direction=down-left] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 180deg) * -1))}.is-open .speed-dial-items[data-direction=up-left] .item-quartercircle{--angle: calc(var(--i) * (90deg / (var(--item-count) - 1)));transform:rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 270deg) * -1))}@media (max-width: 768px){:host{--speed-dial-trigger-size: 52px;--speed-dial-item-size: 36px;--speed-dial-item-gap: 48px}.trigger-button{font-size:1.25rem}.speed-dial-items .action-button{font-size:.9rem}.speed-dial-items .action-tooltip{font-size:.75rem;padding:3px 6px}}@media (max-width: 480px){:host{--speed-dial-trigger-size: 48px;--speed-dial-item-size: 32px;--speed-dial-item-gap: 44px}.trigger-button{font-size:1.1rem}.speed-dial-items .action-button{font-size:.8rem}.speed-dial-items .action-tooltip{font-size:.7rem;padding:2px 4px}}@media (min-width: 1200px){.speed-dial-items .action-tooltip{font-size:.85rem;padding:6px 10px}}\n"] }]
-        }], propDecorators: { onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }], onEscapeKeydown: [{
-                type: HostListener,
-                args: ['document:keydown.escape']
-            }] } });
-
-class SpeedDialModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SpeedDialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: SpeedDialModule, imports: [CommonModule, MagarySpeedDial], exports: [MagarySpeedDial] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SpeedDialModule, imports: [CommonModule, MagarySpeedDial] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SpeedDialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MagarySpeedDial],
-                    exports: [MagarySpeedDial],
-                }]
-        }] });
-
-class CascadeSelect {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: CascadeSelect, isStandalone: true, selector: "lib-cascade-select", ngImport: i0, template: "<p>cascade-select works!</p>\n", styles: [""] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeSelect, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-cascade-select', imports: [], template: "<p>cascade-select works!</p>\n" }]
-        }] });
-
-class CascadeSelectModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: CascadeSelectModule, imports: [CommonModule, CascadeSelect], exports: [CascadeSelect] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeSelectModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeSelectModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, CascadeSelect],
-                    exports: [CascadeSelect],
-                }]
-        }] });
-
-class MagaryInput {
-    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
-    size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    variant = input('outlined', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
-    success = input(false, ...(ngDevMode ? [{ debugName: "success" }] : []));
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    helpText = input('', ...(ngDevMode ? [{ debugName: "helpText" }] : []));
-    prefixIcon = input('', ...(ngDevMode ? [{ debugName: "prefixIcon" }] : []));
-    suffixIcon = input('', ...(ngDevMode ? [{ debugName: "suffixIcon" }] : []));
-    width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
-    maxLength = input(undefined, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
-    valueChange = output();
-    inputFocus = output();
-    inputBlur = output();
-    iconClick = output();
-    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
-    showPassword = signal(false, ...(ngDevMode ? [{ debugName: "showPassword" }] : []));
-    uniqueId = `magary-input-${Math.random().toString(36).substr(2, 9)}`;
-    inputClasses = computed(() => {
-        const classes = ['magary-input-field'];
-        classes.push(`input-${this.variant()}`);
-        classes.push(`input-${this.size()}`);
-        if (this.disabled())
-            classes.push('input-disabled');
-        if (this.readonly())
-            classes.push('input-readonly');
-        if (this.error())
-            classes.push('input-error');
-        if (this.success())
-            classes.push('input-success');
-        if (this.focused())
-            classes.push('input-focused');
-        if (this.loading())
-            classes.push('input-loading');
-        return classes.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "inputClasses" }] : []));
-    containerClasses = computed(() => {
-        const classes = ['magary-input-container'];
-        if (this.label())
-            classes.push('has-label');
-        if (this.prefixIcon())
-            classes.push('has-prefix');
-        if (this.suffixIcon() || this.type() === 'password')
-            classes.push('has-suffix');
-        return classes.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-    inputStyles = computed(() => ({
-        width: this.width(),
-    }), ...(ngDevMode ? [{ debugName: "inputStyles" }] : []));
-    actualType = computed(() => {
-        if (this.type() === 'password') {
-            return this.showPassword() ? 'text' : 'password';
-        }
-        return this.type();
-    }, ...(ngDevMode ? [{ debugName: "actualType" }] : []));
-    passwordIcon = computed(() => {
-        return this.showPassword() ? 'fas fa-eye-slash' : 'fas fa-eye';
-    }, ...(ngDevMode ? [{ debugName: "passwordIcon" }] : []));
-    onInput(event) {
-        const target = event.target;
-        this.valueChange.emit(target.value);
-    }
-    onFocus(event) {
-        this.focused.set(true);
-        this.inputFocus.emit(event);
-    }
-    onBlur(event) {
-        this.focused.set(false);
-        this.inputBlur.emit(event);
-    }
-    onPrefixIconClick() {
-        if (!this.disabled()) {
-            this.iconClick.emit('prefix');
-        }
-    }
-    onSuffixIconClick() {
-        if (!this.disabled()) {
-            this.iconClick.emit('suffix');
-        }
-    }
-    togglePasswordVisibility() {
-        if (this.type() === 'password') {
-            this.showPassword.set(!this.showPassword());
-        }
-    }
-    getId() {
-        return this.uniqueId;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryInput, isStandalone: true, selector: "magary-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, suffixIcon: { classPropertyName: "suffixIcon", publicName: "suffixIcon", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur", iconClick: "iconClick" }, ngImport: i0, template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"inputStyles()\">\n  @if (label()) {\n    <label [for]=\"getId()\" class=\"input-label\">\n      {{ label() }}\n      @if (required()) {\n        <span class=\"required-asterisk\">*</span>\n      }\n    </label>\n  }\n\n  <div class=\"input-wrapper\">\n    @if (prefixIcon()) {\n      <i\n        [class]=\"prefixIcon()\"\n        class=\"prefix-icon\"\n        (click)=\"onPrefixIconClick()\"\n        [class.clickable]=\"!disabled()\"\n      ></i>\n    }\n\n    <input\n      [id]=\"getId()\"\n      [ngClass]=\"inputClasses()\"\n      [type]=\"actualType()\"\n      [value]=\"value()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"readonly()\"\n      [required]=\"required()\"\n      attr.maxlength=\"{{ maxLength() }}\"\n      (input)=\"onInput($event)\"\n      (focus)=\"onFocus($event)\"\n      (blur)=\"onBlur($event)\"\n    />\n\n    @if (loading()) {\n      <i class=\"fas fa-spinner fa-spin suffix-icon loading-icon\"></i>\n    } @else if (type() === \"password\") {\n      <i\n        [class]=\"passwordIcon()\"\n        class=\"suffix-icon password-toggle\"\n        (click)=\"togglePasswordVisibility()\"\n      ></i>\n    } @else if (suffixIcon()) {\n      <i\n        [class]=\"suffixIcon()\"\n        class=\"suffix-icon\"\n        (click)=\"onSuffixIconClick()\"\n        [class.clickable]=\"!disabled()\"\n      ></i>\n    }\n  </div>\n\n  @if (error() || helpText()) {\n    <div class=\"input-message\">\n      @if (error()) {\n        <span class=\"error-message\">\n          <i class=\"fas fa-exclamation-circle\"></i>\n          {{ error() }}\n        </span>\n      } @else if (helpText()) {\n        <span class=\"help-message\">{{ helpText() }}</span>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{--input-primary: #007bff;--input-success: #28a745;--input-error: #dc3545;--input-border: #ced4da;--input-bg: #ffffff;--input-text: #495057;--input-placeholder: #6c757d;--input-radius: 6px;--input-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)}.magary-input-container{display:flex;flex-direction:column;gap:6px;font-family:inherit}.input-label{font-weight:500;color:var(--input-text);font-size:.875rem;margin-bottom:2px}.input-label .required-asterisk{color:var(--input-error);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center}.magary-input-field{width:100%;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--input-text);font-size:1rem;transition:all .15s ease-in-out;outline:none}.magary-input-field::placeholder{color:var(--input-placeholder)}.magary-input-field:focus{border-color:var(--input-primary);box-shadow:var(--input-shadow)}.magary-input-field.input-small{padding:6px 12px;font-size:.875rem}.magary-input-field.input-normal{padding:8px 16px}.magary-input-field.input-large{padding:12px 20px;font-size:1.125rem}.magary-input-field.input-outlined{border:2px solid var(--input-border);background:var(--input-bg)}.magary-input-field.input-filled{border:none;background:#f8f9fa;border-bottom:2px solid var(--input-border);border-radius:var(--input-radius) var(--input-radius) 0 0}.magary-input-field.input-underlined{border:none;border-bottom:1px solid var(--input-border);border-radius:0;background:transparent}.magary-input-field.input-underlined:focus{border-bottom:2px solid var(--input-primary);box-shadow:none}.magary-input-field.input-error{border-color:var(--input-error)}.magary-input-field.input-error:focus{border-color:var(--input-error);box-shadow:0 0 0 .2rem #dc354540}.magary-input-field.input-success{border-color:var(--input-success)}.magary-input-field.input-success:focus{border-color:var(--input-success);box-shadow:0 0 0 .2rem #28a74540}.magary-input-field.input-disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.magary-input-field.input-readonly{background:#f8f9fa;cursor:default}.has-prefix .magary-input-field{padding-left:40px}.has-suffix .magary-input-field{padding-right:40px}.prefix-icon,.suffix-icon{position:absolute;color:var(--input-placeholder);transition:color .15s ease-in-out}.prefix-icon.clickable,.suffix-icon.clickable{cursor:pointer}.prefix-icon.clickable:hover,.suffix-icon.clickable:hover{color:var(--input-primary)}.prefix-icon{left:12px}.suffix-icon{right:12px}.password-toggle{cursor:pointer}.password-toggle:hover,.loading-icon{color:var(--input-primary)}.input-message{margin-top:4px;font-size:.875rem}.input-message .error-message{color:var(--input-error);display:flex;align-items:center;gap:4px}.input-message .help-message{color:var(--input-placeholder)}@media (max-width: 480px){.magary-input-field{font-size:16px}.input-label{font-size:14px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryInput, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-input', imports: [CommonModule, FormsModule], template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"inputStyles()\">\n  @if (label()) {\n    <label [for]=\"getId()\" class=\"input-label\">\n      {{ label() }}\n      @if (required()) {\n        <span class=\"required-asterisk\">*</span>\n      }\n    </label>\n  }\n\n  <div class=\"input-wrapper\">\n    @if (prefixIcon()) {\n      <i\n        [class]=\"prefixIcon()\"\n        class=\"prefix-icon\"\n        (click)=\"onPrefixIconClick()\"\n        [class.clickable]=\"!disabled()\"\n      ></i>\n    }\n\n    <input\n      [id]=\"getId()\"\n      [ngClass]=\"inputClasses()\"\n      [type]=\"actualType()\"\n      [value]=\"value()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"readonly()\"\n      [required]=\"required()\"\n      attr.maxlength=\"{{ maxLength() }}\"\n      (input)=\"onInput($event)\"\n      (focus)=\"onFocus($event)\"\n      (blur)=\"onBlur($event)\"\n    />\n\n    @if (loading()) {\n      <i class=\"fas fa-spinner fa-spin suffix-icon loading-icon\"></i>\n    } @else if (type() === \"password\") {\n      <i\n        [class]=\"passwordIcon()\"\n        class=\"suffix-icon password-toggle\"\n        (click)=\"togglePasswordVisibility()\"\n      ></i>\n    } @else if (suffixIcon()) {\n      <i\n        [class]=\"suffixIcon()\"\n        class=\"suffix-icon\"\n        (click)=\"onSuffixIconClick()\"\n        [class.clickable]=\"!disabled()\"\n      ></i>\n    }\n  </div>\n\n  @if (error() || helpText()) {\n    <div class=\"input-message\">\n      @if (error()) {\n        <span class=\"error-message\">\n          <i class=\"fas fa-exclamation-circle\"></i>\n          {{ error() }}\n        </span>\n      } @else if (helpText()) {\n        <span class=\"help-message\">{{ helpText() }}</span>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{--input-primary: #007bff;--input-success: #28a745;--input-error: #dc3545;--input-border: #ced4da;--input-bg: #ffffff;--input-text: #495057;--input-placeholder: #6c757d;--input-radius: 6px;--input-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)}.magary-input-container{display:flex;flex-direction:column;gap:6px;font-family:inherit}.input-label{font-weight:500;color:var(--input-text);font-size:.875rem;margin-bottom:2px}.input-label .required-asterisk{color:var(--input-error);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center}.magary-input-field{width:100%;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--input-text);font-size:1rem;transition:all .15s ease-in-out;outline:none}.magary-input-field::placeholder{color:var(--input-placeholder)}.magary-input-field:focus{border-color:var(--input-primary);box-shadow:var(--input-shadow)}.magary-input-field.input-small{padding:6px 12px;font-size:.875rem}.magary-input-field.input-normal{padding:8px 16px}.magary-input-field.input-large{padding:12px 20px;font-size:1.125rem}.magary-input-field.input-outlined{border:2px solid var(--input-border);background:var(--input-bg)}.magary-input-field.input-filled{border:none;background:#f8f9fa;border-bottom:2px solid var(--input-border);border-radius:var(--input-radius) var(--input-radius) 0 0}.magary-input-field.input-underlined{border:none;border-bottom:1px solid var(--input-border);border-radius:0;background:transparent}.magary-input-field.input-underlined:focus{border-bottom:2px solid var(--input-primary);box-shadow:none}.magary-input-field.input-error{border-color:var(--input-error)}.magary-input-field.input-error:focus{border-color:var(--input-error);box-shadow:0 0 0 .2rem #dc354540}.magary-input-field.input-success{border-color:var(--input-success)}.magary-input-field.input-success:focus{border-color:var(--input-success);box-shadow:0 0 0 .2rem #28a74540}.magary-input-field.input-disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.magary-input-field.input-readonly{background:#f8f9fa;cursor:default}.has-prefix .magary-input-field{padding-left:40px}.has-suffix .magary-input-field{padding-right:40px}.prefix-icon,.suffix-icon{position:absolute;color:var(--input-placeholder);transition:color .15s ease-in-out}.prefix-icon.clickable,.suffix-icon.clickable{cursor:pointer}.prefix-icon.clickable:hover,.suffix-icon.clickable:hover{color:var(--input-primary)}.prefix-icon{left:12px}.suffix-icon{right:12px}.password-toggle{cursor:pointer}.password-toggle:hover,.loading-icon{color:var(--input-primary)}.input-message{margin-top:4px;font-size:.875rem}.input-message .error-message{color:var(--input-error);display:flex;align-items:center;gap:4px}.input-message .help-message{color:var(--input-placeholder)}@media (max-width: 480px){.magary-input-field{font-size:16px}.input-label{font-size:14px}}\n"] }]
-        }] });
-
-class InputModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: InputModule, imports: [CommonModule, MagaryInput], exports: [MagaryInput] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputModule, imports: [CommonModule, MagaryInput] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MagaryInput],
-                    exports: [MagaryInput],
-                }]
-        }] });
-
-class MagaryPanelmenu {
-    title = input('Panel Menu', ...(ngDevMode ? [{ debugName: "title" }] : []));
-    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
-    backgroundColor = input('#f9fafb', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
-    textColor = input('#1f2937', ...(ngDevMode ? [{ debugName: "textColor" }] : []));
-    borderRadius = input('8px', ...(ngDevMode ? [{ debugName: "borderRadius" }] : []));
-    shadow = input(0, ...(ngDevMode ? [{ debugName: "shadow" }] : []));
-    width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
-    hoverColor = input('#007bff', ...(ngDevMode ? [{ debugName: "hoverColor" }] : []));
-    allowMultipleExpanded = input(false, ...(ngDevMode ? [{ debugName: "allowMultipleExpanded" }] : []));
-    defaultOpen = input(false, ...(ngDevMode ? [{ debugName: "defaultOpen" }] : []));
-    menuToggle = output();
-    itemClick = output();
-    itemExpand = output();
-    isOpen = signal(this.defaultOpen(), ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-    hoveredItem = signal(null, ...(ngDevMode ? [{ debugName: "hoveredItem" }] : []));
-    hoveredHeader = signal(false, ...(ngDevMode ? [{ debugName: "hoveredHeader" }] : []));
-    expandedItems = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedItems" }] : []));
-    panelStyles = computed(() => ({
-        '--panel-bg': this.backgroundColor(),
-        '--panel-text': this.textColor(),
-        '--panel-hover': this.hoverColor(),
-        '--panel-radius': this.borderRadius(),
-        width: this.width(),
-    }), ...(ngDevMode ? [{ debugName: "panelStyles" }] : []));
-    constructor() {
-        if (this.defaultOpen()) {
-            this.isOpen.set(true);
-        }
-    }
-    toggle() {
-        const newOpenState = !this.isOpen();
-        this.isOpen.set(newOpenState);
-        this.menuToggle.emit({
-            isOpen: newOpenState,
-            menuTitle: this.title(),
-        });
-    }
-    toggleSubItem(itemKey, item) {
-        this.expandedItems.update((expanded) => {
-            const newSet = new Set(expanded);
-            if (!this.allowMultipleExpanded() && !newSet.has(itemKey)) {
-                const currentLevel = itemKey.split('/').length;
-                for (const key of newSet) {
-                    if (key.split('/').length === currentLevel) {
-                        newSet.delete(key);
-                    }
-                }
-            }
-            const wasExpanded = newSet.has(itemKey);
-            if (wasExpanded) {
-                newSet.delete(itemKey);
-                for (const key of newSet) {
-                    if (key.startsWith(itemKey + '/')) {
-                        newSet.delete(key);
-                    }
-                }
-            }
-            else {
-                newSet.add(itemKey);
-            }
-            if (item) {
-                this.itemExpand.emit({
-                    item,
-                    expanded: !wasExpanded,
-                });
-            }
-            return newSet;
-        });
-    }
-    onItemClick(item, level = 0, path = []) {
-        if (item.disabled)
-            return;
-        this.itemClick.emit({
-            item,
-            level,
-            path: [...path, item.label],
-        });
-    }
-    isSubItemExpanded(itemKey) {
-        return this.expandedItems().has(itemKey);
-    }
-    hasChildren(item) {
-        return !!(item.children && item.children.length > 0);
-    }
-    onItemHover(itemId) {
-        this.hoveredItem.set(itemId);
-    }
-    onItemLeave() {
-        this.hoveredItem.set(null);
-    }
-    onHeaderHover(isHovering) {
-        this.hoveredHeader.set(isHovering);
-    }
-    getItemId(item, index, parentPath = '') {
-        const path = parentPath
-            ? `${parentPath}-${item.label}-${index}`
-            : `${item.label}-${index}`;
-        return path;
-    }
-    getUniqueItemKey(item, parentPath = '') {
-        return parentPath ? `${parentPath}/${item.label}` : item.label;
-    }
-    isItemHovered(itemId) {
-        return this.hoveredItem() === itemId;
-    }
-    isItemDisabled(item) {
-        return item.disabled === true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryPanelmenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryPanelmenu, isStandalone: true, selector: "magary-panelmenu", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, hoverColor: { classPropertyName: "hoverColor", publicName: "hoverColor", isSignal: true, isRequired: false, transformFunction: null }, allowMultipleExpanded: { classPropertyName: "allowMultipleExpanded", publicName: "allowMultipleExpanded", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuToggle: "menuToggle", itemClick: "itemClick", itemExpand: "itemExpand" }, ngImport: i0, template: "<div\n  class=\"panel-menu\"\n  [ngClass]=\"['shadow-' + shadow()]\"\n  [class.open]=\"isOpen()\"\n  [ngStyle]=\"panelStyles()\"\n>\n  <div\n    class=\"panel-header\"\n    [class.header-hovered]=\"hoveredHeader()\"\n    (click)=\"toggle()\"\n    (mouseenter)=\"onHeaderHover(true)\"\n    (mouseleave)=\"onHeaderHover(false)\"\n  >\n    {{ title() }}\n    <span class=\"arrow\" [class.open]=\"isOpen()\">\n      <i class=\"fas fa-chevron-down\"></i>\n    </span>\n  </div>\n  <ul class=\"panel-items\" [class.expanded]=\"isOpen()\">\n    @for (item of items(); track getItemId(item, $index)) {\n      <li class=\"menu-item\">\n        @if (hasChildren(item)) {\n          <div\n            class=\"category-item\"\n            [class.item-hovered]=\"isItemHovered(getItemId(item, $index))\"\n            [class.disabled]=\"isItemDisabled(item)\"\n            (click)=\"\n              !isItemDisabled(item) &&\n                toggleSubItem(getUniqueItemKey(item), item)\n            \"\n            (mouseenter)=\"onItemHover(getItemId(item, $index))\"\n            (mouseleave)=\"onItemLeave()\"\n          >\n            @if (item.icon) {\n              <i [class]=\"item.icon\" class=\"item-icon\"></i>\n            }\n            <span class=\"item-label\">{{ item.label }}</span>\n            <span\n              class=\"sub-arrow\"\n              [class.expanded]=\"isSubItemExpanded(getUniqueItemKey(item))\"\n            >\n              <i\n                class=\"fas\"\n                [ngClass]=\"\n                  isSubItemExpanded(getUniqueItemKey(item))\n                    ? 'fa-minus'\n                    : 'fa-plus'\n                \"\n              ></i>\n            </span>\n          </div>\n          <ul\n            class=\"sub-items\"\n            [class.expanded]=\"isSubItemExpanded(getUniqueItemKey(item))\"\n          >\n            @for (\n              subItem of item.children;\n              track subItem.label + \"-\" + $index\n            ) {\n              <li>\n                @if (hasChildren(subItem)) {\n                  <div\n                    class=\"sub-category-item\"\n                    [class.item-hovered]=\"\n                      isItemHovered(subItem.label + '-sub-' + $index)\n                    \"\n                    [class.disabled]=\"isItemDisabled(subItem)\"\n                    (click)=\"\n                      !isItemDisabled(subItem) &&\n                        toggleSubItem(\n                          getUniqueItemKey(subItem, getUniqueItemKey(item)),\n                          subItem\n                        )\n                    \"\n                    (mouseenter)=\"onItemHover(subItem.label + '-sub-' + $index)\"\n                    (mouseleave)=\"onItemLeave()\"\n                  >\n                    @if (subItem.icon) {\n                      <i [class]=\"subItem.icon\" class=\"item-icon\"></i>\n                    }\n                    <span class=\"item-label\">{{ subItem.label }}</span>\n                    <span\n                      class=\"sub-arrow\"\n                      [class.expanded]=\"\n                        isSubItemExpanded(\n                          getUniqueItemKey(subItem, getUniqueItemKey(item))\n                        )\n                      \"\n                    >\n                      <i\n                        class=\"fas\"\n                        [ngClass]=\"\n                          isSubItemExpanded(\n                            getUniqueItemKey(subItem, getUniqueItemKey(item))\n                          )\n                            ? 'fa-minus'\n                            : 'fa-plus'\n                        \"\n                      ></i>\n                    </span>\n                  </div>\n                  <ul\n                    class=\"sub-sub-items\"\n                    [class.expanded]=\"\n                      isSubItemExpanded(\n                        getUniqueItemKey(subItem, getUniqueItemKey(item))\n                      )\n                    \"\n                  >\n                    @for (\n                      subSubItem of subItem.children;\n                      track subSubItem.label + \"-\" + $index\n                    ) {\n                      <li>\n                        @if (subSubItem.route) {\n                          <a\n                            [routerLink]=\"subSubItem.route\"\n                            [class.item-hovered]=\"\n                              isItemHovered(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            [class.disabled]=\"isItemDisabled(subSubItem)\"\n                            (click)=\"\n                              onItemClick(subSubItem, 2, [\n                                item.label,\n                                subItem.label,\n                              ])\n                            \"\n                            (mouseenter)=\"\n                              onItemHover(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            (mouseleave)=\"onItemLeave()\"\n                          >\n                            @if (subSubItem.icon) {\n                              <i\n                                [class]=\"subSubItem.icon\"\n                                class=\"item-icon\"\n                              ></i>\n                            }\n                            {{ subSubItem.label }}\n                          </a>\n                        } @else {\n                          <div\n                            class=\"menu-item-base\"\n                            [class.item-hovered]=\"\n                              isItemHovered(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            [class.disabled]=\"isItemDisabled(subSubItem)\"\n                            (click)=\"\n                              !isItemDisabled(subSubItem) &&\n                                onItemClick(subSubItem, 2, [\n                                  item.label,\n                                  subItem.label,\n                                ])\n                            \"\n                            (mouseenter)=\"\n                              onItemHover(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            (mouseleave)=\"onItemLeave()\"\n                          >\n                            @if (subSubItem.icon) {\n                              <i\n                                [class]=\"subSubItem.icon\"\n                                class=\"item-icon\"\n                              ></i>\n                            }\n                            {{ subSubItem.label }}\n                          </div>\n                        }\n                      </li>\n                    }\n                  </ul>\n                } @else {\n                  @if (subItem.route) {\n                    <a\n                      [routerLink]=\"subItem.route\"\n                      [class.item-hovered]=\"\n                        isItemHovered(subItem.label + '-sub-' + $index)\n                      \"\n                      [class.disabled]=\"isItemDisabled(subItem)\"\n                      (click)=\"onItemClick(subItem, 1, [item.label])\"\n                      (mouseenter)=\"\n                        onItemHover(subItem.label + '-sub-' + $index)\n                      \"\n                      (mouseleave)=\"onItemLeave()\"\n                    >\n                      @if (subItem.icon) {\n                        <i [class]=\"subItem.icon\" class=\"item-icon\"></i>\n                      }\n                      {{ subItem.label }}\n                    </a>\n                  } @else {\n                    <div\n                      class=\"menu-item-base\"\n                      [class.item-hovered]=\"\n                        isItemHovered(subItem.label + '-sub-' + $index)\n                      \"\n                      [class.disabled]=\"isItemDisabled(subItem)\"\n                      (click)=\"\n                        !isItemDisabled(subItem) &&\n                          onItemClick(subItem, 1, [item.label])\n                      \"\n                      (mouseenter)=\"\n                        onItemHover(subItem.label + '-sub-' + $index)\n                      \"\n                      (mouseleave)=\"onItemLeave()\"\n                    >\n                      @if (subItem.icon) {\n                        <i [class]=\"subItem.icon\" class=\"item-icon\"></i>\n                      }\n                      {{ subItem.label }}\n                    </div>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        } @else {\n          @if (item.route) {\n            <a\n              [routerLink]=\"item.route\"\n              [class.item-hovered]=\"isItemHovered(getItemId(item, $index))\"\n              [class.disabled]=\"isItemDisabled(item)\"\n              (click)=\"onItemClick(item, 0)\"\n              (mouseenter)=\"onItemHover(getItemId(item, $index))\"\n              (mouseleave)=\"onItemLeave()\"\n            >\n              @if (item.icon) {\n                <i [class]=\"item.icon\" class=\"item-icon\"></i>\n              }\n              {{ item.label }}\n            </a>\n          } @else {\n            <div\n              class=\"menu-item-base\"\n              [class.item-hovered]=\"isItemHovered(getItemId(item, $index))\"\n              [class.disabled]=\"isItemDisabled(item)\"\n              (click)=\"!isItemDisabled(item) && onItemClick(item, 0)\"\n              (mouseenter)=\"onItemHover(getItemId(item, $index))\"\n              (mouseleave)=\"onItemLeave()\"\n            >\n              @if (item.icon) {\n                <i [class]=\"item.icon\" class=\"item-icon\"></i>\n              }\n              {{ item.label }}\n            </div>\n          }\n        }\n      </li>\n    }\n  </ul>\n</div>\n", styles: [".panel-menu{--panel-bg: var(--magary-panel-bg, #ffffff);--panel-text: var(--magary-panel-text, #1f2937);--panel-hover: var(--magary-panel-hover, #007bff);--panel-radius: var(--magary-panel-radius, 8px);--panel-shadow: var(--magary-panel-shadow, 0 2px 4px rgba(0, 0, 0, .1));--panel-header-bg: var(--magary-panel-header-bg, rgba(0, 0, 0, .02));--panel-header-hover: var(--magary-panel-header-hover, rgba(0, 0, 0, .07));--panel-transition: var(--magary-panel-transition, .2s ease);margin-bottom:1rem;transition:box-shadow .3s;background:var(--panel-bg);color:var(--panel-text);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.panel-header{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;-webkit-user-select:none;user-select:none;border-radius:inherit;background:var(--panel-header-bg);transition:background var(--panel-transition),color var(--panel-transition)}.panel-header:hover{background:var(--panel-header-hover)}.panel-header.header-hovered{background:var(--panel-hover);color:#fff}.panel-header .arrow{transition:transform .3s ease}.panel-header .arrow.open{transform:rotate(180deg)}.panel-items{list-style:none;padding-left:2px;margin-top:0;overflow:hidden;max-height:0;opacity:0;transform:scaleY(.95);transform-origin:top;transition:max-height .3s ease,opacity .3s ease,transform .3s ease,margin-top .3s ease}.panel-items.expanded{opacity:1;transform:scaleY(1);margin-top:.5rem;max-height:1000px}:host-context(.panel-menu:not(.open)) .panel-items{max-height:0;opacity:0;pointer-events:none}.menu-item-base,.category-item,.sub-category-item,.panel-items li a{display:flex;align-items:center;padding:.5rem .75rem;border-radius:6px;transition:background var(--panel-transition),color var(--panel-transition),box-shadow var(--panel-transition);cursor:pointer;text-decoration:none;color:inherit}.menu-item-base:hover,.category-item:hover,.sub-category-item:hover,.panel-items li a:hover,.menu-item-base.item-hovered,.item-hovered.category-item,.item-hovered.sub-category-item,.panel-items li a.item-hovered{color:#fff;background:var(--panel-hover);box-shadow:0 2px 8px #007bff1f}.menu-item-base.disabled,.disabled.category-item,.disabled.sub-category-item,.panel-items li a.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.menu-item-base .item-icon,.category-item .item-icon,.sub-category-item .item-icon,.panel-items li a .item-icon{width:16px;text-align:center;margin-right:.5rem;flex-shrink:0}.menu-item-base .item-label,.category-item .item-label,.sub-category-item .item-label,.panel-items li a .item-label{flex:1}.menu-item{padding-bottom:10px}.category-item,.sub-category-item{justify-content:space-between;font-weight:500;padding-left:30px}.category-item .sub-arrow,.sub-category-item .sub-arrow{transition:transform .3s ease;flex-shrink:0}.category-item .sub-arrow.expanded,.sub-category-item .sub-arrow.expanded{transform:rotate(180deg)}.sub-category-item{padding-left:1.5rem;font-weight:400;font-size:.95rem}.item-icon{width:16px;text-align:center;margin-right:.5rem}.sub-items{list-style:none;padding-left:1rem;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.sub-items.expanded{max-height:500px;opacity:1;padding-top:.25rem;padding-bottom:.25rem}.sub-items li a{padding-left:1.5rem;font-size:.9rem}.sub-items li a:hover,.sub-items li a.item-hovered{background:#007bff1a;color:var(--panel-hover);box-shadow:none}.sub-sub-items{list-style:none;padding-left:1.5rem;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.sub-sub-items.expanded{max-height:300px;opacity:1;padding-top:.25rem;padding-bottom:.25rem}.sub-sub-items li a{padding-left:2rem;font-size:.85rem}.sub-sub-items li a:hover,.sub-sub-items li a.item-hovered{background:#007bff14;color:var(--panel-hover);box-shadow:none}.shadow-1{box-shadow:0 4px 6px #00000026}.shadow-2{box-shadow:0 6px 8px #0003}.shadow-3{box-shadow:0 8px 10px #00000040}.shadow-4{box-shadow:0 10px 12px #0000004d}.shadow-5{box-shadow:0 12px 14px #00000059}.shadow-6{box-shadow:0 14px 16px #0006}.shadow-7{box-shadow:0 16px 18px #00000073}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryPanelmenu, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-panelmenu', imports: [CommonModule, RouterModule], template: "<div\n  class=\"panel-menu\"\n  [ngClass]=\"['shadow-' + shadow()]\"\n  [class.open]=\"isOpen()\"\n  [ngStyle]=\"panelStyles()\"\n>\n  <div\n    class=\"panel-header\"\n    [class.header-hovered]=\"hoveredHeader()\"\n    (click)=\"toggle()\"\n    (mouseenter)=\"onHeaderHover(true)\"\n    (mouseleave)=\"onHeaderHover(false)\"\n  >\n    {{ title() }}\n    <span class=\"arrow\" [class.open]=\"isOpen()\">\n      <i class=\"fas fa-chevron-down\"></i>\n    </span>\n  </div>\n  <ul class=\"panel-items\" [class.expanded]=\"isOpen()\">\n    @for (item of items(); track getItemId(item, $index)) {\n      <li class=\"menu-item\">\n        @if (hasChildren(item)) {\n          <div\n            class=\"category-item\"\n            [class.item-hovered]=\"isItemHovered(getItemId(item, $index))\"\n            [class.disabled]=\"isItemDisabled(item)\"\n            (click)=\"\n              !isItemDisabled(item) &&\n                toggleSubItem(getUniqueItemKey(item), item)\n            \"\n            (mouseenter)=\"onItemHover(getItemId(item, $index))\"\n            (mouseleave)=\"onItemLeave()\"\n          >\n            @if (item.icon) {\n              <i [class]=\"item.icon\" class=\"item-icon\"></i>\n            }\n            <span class=\"item-label\">{{ item.label }}</span>\n            <span\n              class=\"sub-arrow\"\n              [class.expanded]=\"isSubItemExpanded(getUniqueItemKey(item))\"\n            >\n              <i\n                class=\"fas\"\n                [ngClass]=\"\n                  isSubItemExpanded(getUniqueItemKey(item))\n                    ? 'fa-minus'\n                    : 'fa-plus'\n                \"\n              ></i>\n            </span>\n          </div>\n          <ul\n            class=\"sub-items\"\n            [class.expanded]=\"isSubItemExpanded(getUniqueItemKey(item))\"\n          >\n            @for (\n              subItem of item.children;\n              track subItem.label + \"-\" + $index\n            ) {\n              <li>\n                @if (hasChildren(subItem)) {\n                  <div\n                    class=\"sub-category-item\"\n                    [class.item-hovered]=\"\n                      isItemHovered(subItem.label + '-sub-' + $index)\n                    \"\n                    [class.disabled]=\"isItemDisabled(subItem)\"\n                    (click)=\"\n                      !isItemDisabled(subItem) &&\n                        toggleSubItem(\n                          getUniqueItemKey(subItem, getUniqueItemKey(item)),\n                          subItem\n                        )\n                    \"\n                    (mouseenter)=\"onItemHover(subItem.label + '-sub-' + $index)\"\n                    (mouseleave)=\"onItemLeave()\"\n                  >\n                    @if (subItem.icon) {\n                      <i [class]=\"subItem.icon\" class=\"item-icon\"></i>\n                    }\n                    <span class=\"item-label\">{{ subItem.label }}</span>\n                    <span\n                      class=\"sub-arrow\"\n                      [class.expanded]=\"\n                        isSubItemExpanded(\n                          getUniqueItemKey(subItem, getUniqueItemKey(item))\n                        )\n                      \"\n                    >\n                      <i\n                        class=\"fas\"\n                        [ngClass]=\"\n                          isSubItemExpanded(\n                            getUniqueItemKey(subItem, getUniqueItemKey(item))\n                          )\n                            ? 'fa-minus'\n                            : 'fa-plus'\n                        \"\n                      ></i>\n                    </span>\n                  </div>\n                  <ul\n                    class=\"sub-sub-items\"\n                    [class.expanded]=\"\n                      isSubItemExpanded(\n                        getUniqueItemKey(subItem, getUniqueItemKey(item))\n                      )\n                    \"\n                  >\n                    @for (\n                      subSubItem of subItem.children;\n                      track subSubItem.label + \"-\" + $index\n                    ) {\n                      <li>\n                        @if (subSubItem.route) {\n                          <a\n                            [routerLink]=\"subSubItem.route\"\n                            [class.item-hovered]=\"\n                              isItemHovered(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            [class.disabled]=\"isItemDisabled(subSubItem)\"\n                            (click)=\"\n                              onItemClick(subSubItem, 2, [\n                                item.label,\n                                subItem.label,\n                              ])\n                            \"\n                            (mouseenter)=\"\n                              onItemHover(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            (mouseleave)=\"onItemLeave()\"\n                          >\n                            @if (subSubItem.icon) {\n                              <i\n                                [class]=\"subSubItem.icon\"\n                                class=\"item-icon\"\n                              ></i>\n                            }\n                            {{ subSubItem.label }}\n                          </a>\n                        } @else {\n                          <div\n                            class=\"menu-item-base\"\n                            [class.item-hovered]=\"\n                              isItemHovered(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            [class.disabled]=\"isItemDisabled(subSubItem)\"\n                            (click)=\"\n                              !isItemDisabled(subSubItem) &&\n                                onItemClick(subSubItem, 2, [\n                                  item.label,\n                                  subItem.label,\n                                ])\n                            \"\n                            (mouseenter)=\"\n                              onItemHover(\n                                subSubItem.label + '-subsub-' + $index\n                              )\n                            \"\n                            (mouseleave)=\"onItemLeave()\"\n                          >\n                            @if (subSubItem.icon) {\n                              <i\n                                [class]=\"subSubItem.icon\"\n                                class=\"item-icon\"\n                              ></i>\n                            }\n                            {{ subSubItem.label }}\n                          </div>\n                        }\n                      </li>\n                    }\n                  </ul>\n                } @else {\n                  @if (subItem.route) {\n                    <a\n                      [routerLink]=\"subItem.route\"\n                      [class.item-hovered]=\"\n                        isItemHovered(subItem.label + '-sub-' + $index)\n                      \"\n                      [class.disabled]=\"isItemDisabled(subItem)\"\n                      (click)=\"onItemClick(subItem, 1, [item.label])\"\n                      (mouseenter)=\"\n                        onItemHover(subItem.label + '-sub-' + $index)\n                      \"\n                      (mouseleave)=\"onItemLeave()\"\n                    >\n                      @if (subItem.icon) {\n                        <i [class]=\"subItem.icon\" class=\"item-icon\"></i>\n                      }\n                      {{ subItem.label }}\n                    </a>\n                  } @else {\n                    <div\n                      class=\"menu-item-base\"\n                      [class.item-hovered]=\"\n                        isItemHovered(subItem.label + '-sub-' + $index)\n                      \"\n                      [class.disabled]=\"isItemDisabled(subItem)\"\n                      (click)=\"\n                        !isItemDisabled(subItem) &&\n                          onItemClick(subItem, 1, [item.label])\n                      \"\n                      (mouseenter)=\"\n                        onItemHover(subItem.label + '-sub-' + $index)\n                      \"\n                      (mouseleave)=\"onItemLeave()\"\n                    >\n                      @if (subItem.icon) {\n                        <i [class]=\"subItem.icon\" class=\"item-icon\"></i>\n                      }\n                      {{ subItem.label }}\n                    </div>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        } @else {\n          @if (item.route) {\n            <a\n              [routerLink]=\"item.route\"\n              [class.item-hovered]=\"isItemHovered(getItemId(item, $index))\"\n              [class.disabled]=\"isItemDisabled(item)\"\n              (click)=\"onItemClick(item, 0)\"\n              (mouseenter)=\"onItemHover(getItemId(item, $index))\"\n              (mouseleave)=\"onItemLeave()\"\n            >\n              @if (item.icon) {\n                <i [class]=\"item.icon\" class=\"item-icon\"></i>\n              }\n              {{ item.label }}\n            </a>\n          } @else {\n            <div\n              class=\"menu-item-base\"\n              [class.item-hovered]=\"isItemHovered(getItemId(item, $index))\"\n              [class.disabled]=\"isItemDisabled(item)\"\n              (click)=\"!isItemDisabled(item) && onItemClick(item, 0)\"\n              (mouseenter)=\"onItemHover(getItemId(item, $index))\"\n              (mouseleave)=\"onItemLeave()\"\n            >\n              @if (item.icon) {\n                <i [class]=\"item.icon\" class=\"item-icon\"></i>\n              }\n              {{ item.label }}\n            </div>\n          }\n        }\n      </li>\n    }\n  </ul>\n</div>\n", styles: [".panel-menu{--panel-bg: var(--magary-panel-bg, #ffffff);--panel-text: var(--magary-panel-text, #1f2937);--panel-hover: var(--magary-panel-hover, #007bff);--panel-radius: var(--magary-panel-radius, 8px);--panel-shadow: var(--magary-panel-shadow, 0 2px 4px rgba(0, 0, 0, .1));--panel-header-bg: var(--magary-panel-header-bg, rgba(0, 0, 0, .02));--panel-header-hover: var(--magary-panel-header-hover, rgba(0, 0, 0, .07));--panel-transition: var(--magary-panel-transition, .2s ease);margin-bottom:1rem;transition:box-shadow .3s;background:var(--panel-bg);color:var(--panel-text);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.panel-header{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;-webkit-user-select:none;user-select:none;border-radius:inherit;background:var(--panel-header-bg);transition:background var(--panel-transition),color var(--panel-transition)}.panel-header:hover{background:var(--panel-header-hover)}.panel-header.header-hovered{background:var(--panel-hover);color:#fff}.panel-header .arrow{transition:transform .3s ease}.panel-header .arrow.open{transform:rotate(180deg)}.panel-items{list-style:none;padding-left:2px;margin-top:0;overflow:hidden;max-height:0;opacity:0;transform:scaleY(.95);transform-origin:top;transition:max-height .3s ease,opacity .3s ease,transform .3s ease,margin-top .3s ease}.panel-items.expanded{opacity:1;transform:scaleY(1);margin-top:.5rem;max-height:1000px}:host-context(.panel-menu:not(.open)) .panel-items{max-height:0;opacity:0;pointer-events:none}.menu-item-base,.category-item,.sub-category-item,.panel-items li a{display:flex;align-items:center;padding:.5rem .75rem;border-radius:6px;transition:background var(--panel-transition),color var(--panel-transition),box-shadow var(--panel-transition);cursor:pointer;text-decoration:none;color:inherit}.menu-item-base:hover,.category-item:hover,.sub-category-item:hover,.panel-items li a:hover,.menu-item-base.item-hovered,.item-hovered.category-item,.item-hovered.sub-category-item,.panel-items li a.item-hovered{color:#fff;background:var(--panel-hover);box-shadow:0 2px 8px #007bff1f}.menu-item-base.disabled,.disabled.category-item,.disabled.sub-category-item,.panel-items li a.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.menu-item-base .item-icon,.category-item .item-icon,.sub-category-item .item-icon,.panel-items li a .item-icon{width:16px;text-align:center;margin-right:.5rem;flex-shrink:0}.menu-item-base .item-label,.category-item .item-label,.sub-category-item .item-label,.panel-items li a .item-label{flex:1}.menu-item{padding-bottom:10px}.category-item,.sub-category-item{justify-content:space-between;font-weight:500;padding-left:30px}.category-item .sub-arrow,.sub-category-item .sub-arrow{transition:transform .3s ease;flex-shrink:0}.category-item .sub-arrow.expanded,.sub-category-item .sub-arrow.expanded{transform:rotate(180deg)}.sub-category-item{padding-left:1.5rem;font-weight:400;font-size:.95rem}.item-icon{width:16px;text-align:center;margin-right:.5rem}.sub-items{list-style:none;padding-left:1rem;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.sub-items.expanded{max-height:500px;opacity:1;padding-top:.25rem;padding-bottom:.25rem}.sub-items li a{padding-left:1.5rem;font-size:.9rem}.sub-items li a:hover,.sub-items li a.item-hovered{background:#007bff1a;color:var(--panel-hover);box-shadow:none}.sub-sub-items{list-style:none;padding-left:1.5rem;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.sub-sub-items.expanded{max-height:300px;opacity:1;padding-top:.25rem;padding-bottom:.25rem}.sub-sub-items li a{padding-left:2rem;font-size:.85rem}.sub-sub-items li a:hover,.sub-sub-items li a.item-hovered{background:#007bff14;color:var(--panel-hover);box-shadow:none}.shadow-1{box-shadow:0 4px 6px #00000026}.shadow-2{box-shadow:0 6px 8px #0003}.shadow-3{box-shadow:0 8px 10px #00000040}.shadow-4{box-shadow:0 10px 12px #0000004d}.shadow-5{box-shadow:0 12px 14px #00000059}.shadow-6{box-shadow:0 14px 16px #0006}.shadow-7{box-shadow:0 16px 18px #00000073}\n"] }]
-        }], ctorParameters: () => [] });
-
-class PanelmenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PanelmenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: PanelmenuModule, imports: [CommonModule, MagaryPanelmenu, RouterModule], exports: [MagaryPanelmenu] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PanelmenuModule, imports: [CommonModule, MagaryPanelmenu, RouterModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PanelmenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MagaryPanelmenu, RouterModule],
-                    exports: [MagaryPanelmenu],
-                }]
-        }] });
-
-class MagaryAvatar {
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    image = input(...(ngDevMode ? [undefined, { debugName: "image" }] : []));
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-    shape = input('square', ...(ngDevMode ? [{ debugName: "shape" }] : []));
-    size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    badgeValue = input(...(ngDevMode ? [undefined, { debugName: "badgeValue" }] : []));
-    badgeSeverity = input('danger', ...(ngDevMode ? [{ debugName: "badgeSeverity" }] : []));
-    customStyle = input(...(ngDevMode ? [undefined, { debugName: "customStyle" }] : []));
-    alt = input('Avatar', ...(ngDevMode ? [{ debugName: "alt" }] : []));
-    clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    avatarClick = output();
-    imageError = signal(false, ...(ngDevMode ? [{ debugName: "imageError" }] : []));
-    displayLabel = computed(() => {
-        const label = this.label();
-        if (!label)
-            return '';
-        if (label.includes(' ')) {
-            return label
-                .split(' ')
-                .map((word) => word.charAt(0))
-                .join('')
-                .toUpperCase()
-                .slice(0, 2);
-        }
-        return label.toUpperCase().slice(0, 2);
-    }, ...(ngDevMode ? [{ debugName: "displayLabel" }] : []));
-    avatarClasses = computed(() => ({
-        [this.size()]: true,
-        [this.shape()]: true,
-        clickable: this.clickable(),
-        loading: this.loading(),
-        disabled: this.disabled(),
-        'has-image': !!this.image() && !this.imageError(),
-        'has-icon': !this.image() && !!this.icon(),
-        'has-label': !this.image() && !this.icon() && !!this.label(),
-    }), ...(ngDevMode ? [{ debugName: "avatarClasses" }] : []));
-    shouldShowImage = computed(() => {
-        return this.image() && !this.imageError();
-    }, ...(ngDevMode ? [{ debugName: "shouldShowImage" }] : []));
-    shouldShowIcon = computed(() => {
-        return !this.shouldShowImage() && !!this.icon();
-    }, ...(ngDevMode ? [{ debugName: "shouldShowIcon" }] : []));
-    shouldShowLabel = computed(() => {
-        return (!this.shouldShowImage() && !this.shouldShowIcon() && !!this.displayLabel());
-    }, ...(ngDevMode ? [{ debugName: "shouldShowLabel" }] : []));
-    onImageError() {
-        this.imageError.set(true);
-    }
-    onImageLoad() {
-        this.imageError.set(false);
-    }
-    onAvatarClick() {
-        if (this.disabled() || this.loading())
-            return;
-        this.avatarClick.emit({
-            type: 'avatar',
-            data: {
-                label: this.label(),
-                image: this.image(),
-                icon: this.icon(),
-            },
-        });
-    }
-    onBadgeClick(event) {
-        if (this.disabled() || this.loading())
-            return;
-        event.stopPropagation();
-        this.avatarClick.emit({
-            type: 'badge',
-            data: {
-                value: this.badgeValue(),
-                severity: this.badgeSeverity(),
-            },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryAvatar, isStandalone: true, selector: "magary-avatar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, badgeValue: { classPropertyName: "badgeValue", publicName: "badgeValue", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { avatarClick: "avatarClick" }, ngImport: i0, template: "<div\n  class=\"avatar-wrapper\"\n  [ngClass]=\"avatarClasses()\"\n  [ngStyle]=\"customStyle()\"\n  [attr.aria-label]=\"alt()\"\n  [attr.role]=\"clickable() ? 'button' : null\"\n  [attr.tabindex]=\"clickable() && !disabled() ? '0' : null\"\n  (click)=\"clickable() && onAvatarClick()\"\n  (keydown.enter)=\"clickable() && onAvatarClick()\"\n  (keydown.space)=\"clickable() && onAvatarClick()\"\n>\n  @if (loading()) {\n    <div class=\"avatar-loading\">\n      <i class=\"fas fa-spinner fa-spin\"></i>\n    </div>\n  } @else {\n    @if (shouldShowImage()) {\n      <img\n        [src]=\"image()\"\n        [alt]=\"alt()\"\n        class=\"avatar-img\"\n        [ngClass]=\"shape()\"\n        (error)=\"onImageError()\"\n        (load)=\"onImageLoad()\"\n      />\n    }\n    @if (shouldShowIcon()) {\n      <i [class]=\"'fas fa-' + icon()\" class=\"avatar-icon\"></i>\n    }\n    @if (shouldShowLabel()) {\n      <span class=\"avatar-label\">{{ displayLabel() }}</span>\n    }\n  }\n  @if (badgeValue()) {\n    <div\n      class=\"badge\"\n      [ngClass]=\"badgeSeverity()\"\n      [attr.aria-label]=\"'Badge: ' + badgeValue()\"\n      (click)=\"onBadgeClick($event)\"\n    >\n      {{ badgeValue() }}\n    </div>\n  }\n</div>\n", styles: [".avatar-wrapper{--avatar-bg: var(--magary-avatar-bg, #6b7280);--avatar-color: var(--magary-avatar-color, #ffffff);--avatar-border: var(--magary-avatar-border, transparent);--avatar-font-weight: var(--magary-avatar-font-weight, 600);--avatar-transition: var(--magary-avatar-transition, all .2s ease);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--avatar-font-weight);color:var(--avatar-color);background-color:var(--avatar-bg);border:2px solid var(--avatar-border);position:relative;z-index:0;transition:var(--avatar-transition);overflow:visible;-webkit-user-select:none;user-select:none}.avatar-wrapper.circle{border-radius:50%}.avatar-wrapper.square{border-radius:6px}.avatar-wrapper.xsmall{width:24px;height:24px;font-size:10px}.avatar-wrapper.xsmall .avatar-icon{font-size:.75rem}.avatar-wrapper.small{width:28px;height:28px;font-size:12px}.avatar-wrapper.small .avatar-icon{font-size:.875rem}.avatar-wrapper.normal{width:32px;height:32px;font-size:14px}.avatar-wrapper.normal .avatar-icon{font-size:1rem}.avatar-wrapper.large{width:48px;height:48px;font-size:18px}.avatar-wrapper.large .avatar-icon{font-size:1.25rem}.avatar-wrapper.xlarge{width:64px;height:64px;font-size:22px}.avatar-wrapper.xlarge .avatar-icon{font-size:1.5rem}.avatar-wrapper.clickable{cursor:pointer}.avatar-wrapper.clickable:hover:not(.disabled){transform:scale(1.05);box-shadow:0 4px 8px #00000026}.avatar-wrapper.clickable:focus{outline:2px solid var(--magary-focus-color, #3b82f6);outline-offset:2px}.avatar-wrapper.clickable:active:not(.disabled){transform:scale(.98)}.avatar-wrapper.loading{opacity:.7;cursor:wait}.avatar-wrapper.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.avatar-wrapper.has-image .avatar-img,.avatar-wrapper.has-icon .avatar-icon,.avatar-wrapper.has-label .avatar-label{opacity:1}.avatar-wrapper .avatar-img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease;overflow:hidden}.avatar-wrapper .avatar-img.circle{border-radius:50%}.avatar-wrapper .avatar-img.square{border-radius:4px}.avatar-wrapper .avatar-icon{opacity:.9;transition:opacity .2s ease}.avatar-wrapper .avatar-label{font-weight:inherit;letter-spacing:.5px;transition:opacity .2s ease}.avatar-wrapper .avatar-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-wrapper .avatar-loading i{font-size:1rem;opacity:.7}.avatar-wrapper .badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;border:2px solid white;border-radius:999px;color:#fff;padding:0 6px;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;z-index:999}.avatar-wrapper .badge:hover{transform:scale(1.1)}.avatar-wrapper .badge.info{background-color:#3b82f6}.avatar-wrapper .badge.success{background-color:#10b981}.avatar-wrapper .badge.warning{background-color:#f59e0b}.avatar-wrapper .badge.danger{background-color:#ef4444}@media (max-width: 640px){.avatar-wrapper.large{width:40px;height:40px;font-size:16px}.avatar-wrapper.xlarge{width:52px;height:52px;font-size:20px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryAvatar, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-avatar', imports: [CommonModule], template: "<div\n  class=\"avatar-wrapper\"\n  [ngClass]=\"avatarClasses()\"\n  [ngStyle]=\"customStyle()\"\n  [attr.aria-label]=\"alt()\"\n  [attr.role]=\"clickable() ? 'button' : null\"\n  [attr.tabindex]=\"clickable() && !disabled() ? '0' : null\"\n  (click)=\"clickable() && onAvatarClick()\"\n  (keydown.enter)=\"clickable() && onAvatarClick()\"\n  (keydown.space)=\"clickable() && onAvatarClick()\"\n>\n  @if (loading()) {\n    <div class=\"avatar-loading\">\n      <i class=\"fas fa-spinner fa-spin\"></i>\n    </div>\n  } @else {\n    @if (shouldShowImage()) {\n      <img\n        [src]=\"image()\"\n        [alt]=\"alt()\"\n        class=\"avatar-img\"\n        [ngClass]=\"shape()\"\n        (error)=\"onImageError()\"\n        (load)=\"onImageLoad()\"\n      />\n    }\n    @if (shouldShowIcon()) {\n      <i [class]=\"'fas fa-' + icon()\" class=\"avatar-icon\"></i>\n    }\n    @if (shouldShowLabel()) {\n      <span class=\"avatar-label\">{{ displayLabel() }}</span>\n    }\n  }\n  @if (badgeValue()) {\n    <div\n      class=\"badge\"\n      [ngClass]=\"badgeSeverity()\"\n      [attr.aria-label]=\"'Badge: ' + badgeValue()\"\n      (click)=\"onBadgeClick($event)\"\n    >\n      {{ badgeValue() }}\n    </div>\n  }\n</div>\n", styles: [".avatar-wrapper{--avatar-bg: var(--magary-avatar-bg, #6b7280);--avatar-color: var(--magary-avatar-color, #ffffff);--avatar-border: var(--magary-avatar-border, transparent);--avatar-font-weight: var(--magary-avatar-font-weight, 600);--avatar-transition: var(--magary-avatar-transition, all .2s ease);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--avatar-font-weight);color:var(--avatar-color);background-color:var(--avatar-bg);border:2px solid var(--avatar-border);position:relative;z-index:0;transition:var(--avatar-transition);overflow:visible;-webkit-user-select:none;user-select:none}.avatar-wrapper.circle{border-radius:50%}.avatar-wrapper.square{border-radius:6px}.avatar-wrapper.xsmall{width:24px;height:24px;font-size:10px}.avatar-wrapper.xsmall .avatar-icon{font-size:.75rem}.avatar-wrapper.small{width:28px;height:28px;font-size:12px}.avatar-wrapper.small .avatar-icon{font-size:.875rem}.avatar-wrapper.normal{width:32px;height:32px;font-size:14px}.avatar-wrapper.normal .avatar-icon{font-size:1rem}.avatar-wrapper.large{width:48px;height:48px;font-size:18px}.avatar-wrapper.large .avatar-icon{font-size:1.25rem}.avatar-wrapper.xlarge{width:64px;height:64px;font-size:22px}.avatar-wrapper.xlarge .avatar-icon{font-size:1.5rem}.avatar-wrapper.clickable{cursor:pointer}.avatar-wrapper.clickable:hover:not(.disabled){transform:scale(1.05);box-shadow:0 4px 8px #00000026}.avatar-wrapper.clickable:focus{outline:2px solid var(--magary-focus-color, #3b82f6);outline-offset:2px}.avatar-wrapper.clickable:active:not(.disabled){transform:scale(.98)}.avatar-wrapper.loading{opacity:.7;cursor:wait}.avatar-wrapper.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.avatar-wrapper.has-image .avatar-img,.avatar-wrapper.has-icon .avatar-icon,.avatar-wrapper.has-label .avatar-label{opacity:1}.avatar-wrapper .avatar-img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease;overflow:hidden}.avatar-wrapper .avatar-img.circle{border-radius:50%}.avatar-wrapper .avatar-img.square{border-radius:4px}.avatar-wrapper .avatar-icon{opacity:.9;transition:opacity .2s ease}.avatar-wrapper .avatar-label{font-weight:inherit;letter-spacing:.5px;transition:opacity .2s ease}.avatar-wrapper .avatar-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-wrapper .avatar-loading i{font-size:1rem;opacity:.7}.avatar-wrapper .badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;border:2px solid white;border-radius:999px;color:#fff;padding:0 6px;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;z-index:999}.avatar-wrapper .badge:hover{transform:scale(1.1)}.avatar-wrapper .badge.info{background-color:#3b82f6}.avatar-wrapper .badge.success{background-color:#10b981}.avatar-wrapper .badge.warning{background-color:#f59e0b}.avatar-wrapper .badge.danger{background-color:#ef4444}@media (max-width: 640px){.avatar-wrapper.large{width:40px;height:40px;font-size:16px}.avatar-wrapper.xlarge{width:52px;height:52px;font-size:20px}}\n"] }]
-        }] });
-
-class Sidebar {
-    sections = input([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
-    menu = input([], ...(ngDevMode ? [{ debugName: "menu" }] : []));
-    menuTitle = input('Menu', ...(ngDevMode ? [{ debugName: "menuTitle" }] : []));
-    showUserSection = input(false, ...(ngDevMode ? [{ debugName: "showUserSection" }] : []));
-    userName = input('John Doe', ...(ngDevMode ? [{ debugName: "userName" }] : []));
-    userEmail = input('user@example.com', ...(ngDevMode ? [{ debugName: "userEmail" }] : []));
-    avatarConfig = input({
-        type: 'label',
-        label: 'U',
-        size: 'normal',
-        shape: 'circle',
-        badgeSeverity: 'danger',
-    }, ...(ngDevMode ? [{ debugName: "avatarConfig" }] : []));
-    logoSrc = input('assets/logo.svg', ...(ngDevMode ? [{ debugName: "logoSrc" }] : []));
-    appTitle = input('PRIMENG', ...(ngDevMode ? [{ debugName: "appTitle" }] : []));
-    isMobileOpen = signal(false, ...(ngDevMode ? [{ debugName: "isMobileOpen" }] : []));
-    Logout = output();
-    closeSidebar = output();
-    toggleMobileSidebar() {
-        this.isMobileOpen.update((open) => !open);
-    }
-    closeMobileSidebar() {
-        this.isMobileOpen.set(false);
-    }
-    logout() {
-        this.Logout.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: Sidebar, isStandalone: true, selector: "magary-sidebar", inputs: { sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, menuTitle: { classPropertyName: "menuTitle", publicName: "menuTitle", isSignal: true, isRequired: false, transformFunction: null }, showUserSection: { classPropertyName: "showUserSection", publicName: "showUserSection", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userEmail: { classPropertyName: "userEmail", publicName: "userEmail", isSignal: true, isRequired: false, transformFunction: null }, avatarConfig: { classPropertyName: "avatarConfig", publicName: "avatarConfig", isSignal: true, isRequired: false, transformFunction: null }, logoSrc: { classPropertyName: "logoSrc", publicName: "logoSrc", isSignal: true, isRequired: false, transformFunction: null }, appTitle: { classPropertyName: "appTitle", publicName: "appTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { Logout: "Logout", closeSidebar: "closeSidebar" }, ngImport: i0, template: "<button class=\"hamburger-button\" (click)=\"toggleMobileSidebar()\">\n  <i class=\"fas fa-bars\"></i>\n</button>\n<div class=\"sidebar\" [class.open]=\"isMobileOpen()\">\n  <div class=\"sidebar-header\">\n    <img [src]=\"logoSrc()\" alt=\"Logo\" class=\"logo\" />\n    <span class=\"title\">{{ appTitle() }}</span>\n  </div>\n  <div class=\"sidebar-content\">\n    <div class=\"menu-container\">\n      @if (sections().length > 0) {\n        @for (section of sections(); track $index) {\n          <magary-panelmenu\n            [title]=\"section.title\"\n            [items]=\"section.items\"\n            [backgroundColor]=\"section.backgroundColor || '#ffffff'\"\n            [textColor]=\"section.textColor || '#374151'\"\n            [hoverColor]=\"section.hoverColor || '#3b82f6'\"\n            [borderRadius]=\"'12px'\"\n            [shadow]=\"2\"\n            [width]=\"'100%'\"\n          />\n        }\n      }\n      @if (menu().length > 0 && sections().length === 0) {\n        <magary-panelmenu\n          [title]=\"menuTitle()\"\n          [items]=\"menu()\"\n          [backgroundColor]=\"'#ffffff'\"\n          [textColor]=\"'#374151'\"\n          [hoverColor]=\"'#3b82f6'\"\n          [borderRadius]=\"'12px'\"\n          [shadow]=\"2\"\n          [width]=\"'100%'\"\n        />\n      }\n    </div>\n    @if (showUserSection()) {\n      <div class=\"user-section\">\n        <div class=\"user-info\">\n          @switch (avatarConfig().type) {\n            @case (\"image\") {\n              <magary-avatar\n                [image]=\"avatarConfig().image || ''\"\n                [size]=\"avatarConfig().size || 'normal'\"\n                [shape]=\"avatarConfig().shape || 'circle'\"\n                [badgeValue]=\"avatarConfig().badgeValue\"\n                [badgeSeverity]=\"avatarConfig().badgeSeverity || 'danger'\"\n                class=\"user-avatar\"\n              />\n            }\n            @case (\"label\") {\n              <magary-avatar\n                [label]=\"avatarConfig().label || userName().charAt(0)\"\n                [size]=\"avatarConfig().size || 'normal'\"\n                [shape]=\"avatarConfig().shape || 'circle'\"\n                [badgeValue]=\"avatarConfig().badgeValue\"\n                [badgeSeverity]=\"avatarConfig().badgeSeverity || 'danger'\"\n                class=\"user-avatar\"\n              />\n            }\n            @case (\"icon\") {\n              <magary-avatar\n                [icon]=\"avatarConfig().icon || 'user'\"\n                [size]=\"avatarConfig().size || 'normal'\"\n                [shape]=\"avatarConfig().shape || 'circle'\"\n                [badgeValue]=\"avatarConfig().badgeValue\"\n                [badgeSeverity]=\"avatarConfig().badgeSeverity || 'danger'\"\n                class=\"user-avatar\"\n              />\n            }\n          }\n          <div class=\"user-details\">\n            <div class=\"username\">{{ userName() }}</div>\n            <div class=\"email\">{{ userEmail() }}</div>\n          </div>\n        </div>\n        <button class=\"logout-button\" (click)=\"logout()\">\n          <i class=\"fas fa-sign-out-alt\"></i>\n          Cerrar sesi\u00F3n\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".sidebar{display:flex;flex-direction:column;height:100vh;width:280px;background:#f8fafc;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000001a}.sidebar-header{display:flex;align-items:center;padding-left:30px;border-bottom:1px solid #e2e8f0;background:#fff;height:60px;gap:12px}.sidebar-header .logo{width:30px;height:30px}.sidebar-header .title{font-size:1.25rem;font-weight:700;color:#1f2937;letter-spacing:-.025em}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.menu-container{flex:1;overflow-y:auto}.user-section{margin-top:auto;padding:1rem;border-top:1px solid #e2e8f0;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.user-info{display:flex;align-items:center;margin-bottom:1rem;gap:25px}.user-info .avatar{width:40px;height:40px;border-radius:50%;margin-right:.75rem;border:2px solid #e2e8f0}.user-info .user-details{flex:1}.user-info .user-details .username{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.125rem}.user-info .user-details .email{color:#6b7280;font-size:.75rem}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.logout-button:active{transform:translateY(0)}.logout-button i{font-size:.875rem}.hamburger-button{display:none;position:fixed;top:15px;left:15px;z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;box-shadow:0 2px 6px #0000001a;cursor:pointer}.hamburger-button i{font-size:1.25rem;color:#1f2937}@media (max-width: 768px){.hamburger-button{display:block}}@media (max-width: 768px){.sidebar{width:100%;position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-header{padding:20px 20px 20px 90px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: MagaryPanelmenu, selector: "magary-panelmenu", inputs: ["title", "items", "backgroundColor", "textColor", "borderRadius", "shadow", "width", "hoverColor", "allowMultipleExpanded", "defaultOpen"], outputs: ["menuToggle", "itemClick", "itemExpand"] }, { kind: "component", type: MagaryAvatar, selector: "magary-avatar", inputs: ["label", "image", "icon", "shape", "size", "badgeValue", "badgeSeverity", "customStyle", "alt", "clickable", "loading", "disabled"], outputs: ["avatarClick"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Sidebar, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-sidebar', imports: [CommonModule, RouterModule, MagaryPanelmenu, MagaryAvatar], template: "<button class=\"hamburger-button\" (click)=\"toggleMobileSidebar()\">\n  <i class=\"fas fa-bars\"></i>\n</button>\n<div class=\"sidebar\" [class.open]=\"isMobileOpen()\">\n  <div class=\"sidebar-header\">\n    <img [src]=\"logoSrc()\" alt=\"Logo\" class=\"logo\" />\n    <span class=\"title\">{{ appTitle() }}</span>\n  </div>\n  <div class=\"sidebar-content\">\n    <div class=\"menu-container\">\n      @if (sections().length > 0) {\n        @for (section of sections(); track $index) {\n          <magary-panelmenu\n            [title]=\"section.title\"\n            [items]=\"section.items\"\n            [backgroundColor]=\"section.backgroundColor || '#ffffff'\"\n            [textColor]=\"section.textColor || '#374151'\"\n            [hoverColor]=\"section.hoverColor || '#3b82f6'\"\n            [borderRadius]=\"'12px'\"\n            [shadow]=\"2\"\n            [width]=\"'100%'\"\n          />\n        }\n      }\n      @if (menu().length > 0 && sections().length === 0) {\n        <magary-panelmenu\n          [title]=\"menuTitle()\"\n          [items]=\"menu()\"\n          [backgroundColor]=\"'#ffffff'\"\n          [textColor]=\"'#374151'\"\n          [hoverColor]=\"'#3b82f6'\"\n          [borderRadius]=\"'12px'\"\n          [shadow]=\"2\"\n          [width]=\"'100%'\"\n        />\n      }\n    </div>\n    @if (showUserSection()) {\n      <div class=\"user-section\">\n        <div class=\"user-info\">\n          @switch (avatarConfig().type) {\n            @case (\"image\") {\n              <magary-avatar\n                [image]=\"avatarConfig().image || ''\"\n                [size]=\"avatarConfig().size || 'normal'\"\n                [shape]=\"avatarConfig().shape || 'circle'\"\n                [badgeValue]=\"avatarConfig().badgeValue\"\n                [badgeSeverity]=\"avatarConfig().badgeSeverity || 'danger'\"\n                class=\"user-avatar\"\n              />\n            }\n            @case (\"label\") {\n              <magary-avatar\n                [label]=\"avatarConfig().label || userName().charAt(0)\"\n                [size]=\"avatarConfig().size || 'normal'\"\n                [shape]=\"avatarConfig().shape || 'circle'\"\n                [badgeValue]=\"avatarConfig().badgeValue\"\n                [badgeSeverity]=\"avatarConfig().badgeSeverity || 'danger'\"\n                class=\"user-avatar\"\n              />\n            }\n            @case (\"icon\") {\n              <magary-avatar\n                [icon]=\"avatarConfig().icon || 'user'\"\n                [size]=\"avatarConfig().size || 'normal'\"\n                [shape]=\"avatarConfig().shape || 'circle'\"\n                [badgeValue]=\"avatarConfig().badgeValue\"\n                [badgeSeverity]=\"avatarConfig().badgeSeverity || 'danger'\"\n                class=\"user-avatar\"\n              />\n            }\n          }\n          <div class=\"user-details\">\n            <div class=\"username\">{{ userName() }}</div>\n            <div class=\"email\">{{ userEmail() }}</div>\n          </div>\n        </div>\n        <button class=\"logout-button\" (click)=\"logout()\">\n          <i class=\"fas fa-sign-out-alt\"></i>\n          Cerrar sesi\u00F3n\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".sidebar{display:flex;flex-direction:column;height:100vh;width:280px;background:#f8fafc;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000001a}.sidebar-header{display:flex;align-items:center;padding-left:30px;border-bottom:1px solid #e2e8f0;background:#fff;height:60px;gap:12px}.sidebar-header .logo{width:30px;height:30px}.sidebar-header .title{font-size:1.25rem;font-weight:700;color:#1f2937;letter-spacing:-.025em}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.menu-container{flex:1;overflow-y:auto}.user-section{margin-top:auto;padding:1rem;border-top:1px solid #e2e8f0;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.user-info{display:flex;align-items:center;margin-bottom:1rem;gap:25px}.user-info .avatar{width:40px;height:40px;border-radius:50%;margin-right:.75rem;border:2px solid #e2e8f0}.user-info .user-details{flex:1}.user-info .user-details .username{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.125rem}.user-info .user-details .email{color:#6b7280;font-size:.75rem}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.logout-button:active{transform:translateY(0)}.logout-button i{font-size:.875rem}.hamburger-button{display:none;position:fixed;top:15px;left:15px;z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;box-shadow:0 2px 6px #0000001a;cursor:pointer}.hamburger-button i{font-size:1.25rem;color:#1f2937}@media (max-width: 768px){.hamburger-button{display:block}}@media (max-width: 768px){.sidebar{width:100%;position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-header{padding:20px 20px 20px 90px}}\n"] }]
-        }] });
-
-class SidebarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: SidebarModule, imports: [CommonModule, Sidebar, RouterModule], exports: [Sidebar] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SidebarModule, imports: [CommonModule, Sidebar, RouterModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SidebarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, Sidebar, RouterModule],
-                    exports: [Sidebar],
-                }]
-        }] });
-
-class AvatarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: AvatarModule, imports: [CommonModule, MagaryAvatar], exports: [MagaryAvatar] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AvatarModule, imports: [CommonModule, MagaryAvatar] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AvatarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MagaryAvatar],
-                    exports: [MagaryAvatar],
-                }]
-        }] });
-
-class MagaryCard {
-    img = input(...(ngDevMode ? [undefined, { debugName: "img" }] : []));
-    positionImage = input('top', ...(ngDevMode ? [{ debugName: "positionImage" }] : []));
-    shadow = input(1, ...(ngDevMode ? [{ debugName: "shadow" }] : []));
-    width = input('250px', ...(ngDevMode ? [{ debugName: "width" }] : []));
-    height = input('auto', ...(ngDevMode ? [{ debugName: "height" }] : []));
-    padding = input('1rem', ...(ngDevMode ? [{ debugName: "padding" }] : []));
-    gap = input('1rem', ...(ngDevMode ? [{ debugName: "gap" }] : []));
-    borderRadius = input('0.75rem', ...(ngDevMode ? [{ debugName: "borderRadius" }] : []));
-    imageSize = input('500px', ...(ngDevMode ? [{ debugName: "imageSize" }] : []));
-    backgroundColor = input('#fff', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
-    responsive = input(true, ...(ngDevMode ? [{ debugName: "responsive" }] : []));
-    altText = input('Card image', ...(ngDevMode ? [{ debugName: "altText" }] : []));
-    imageFit = input('cover', ...(ngDevMode ? [{ debugName: "imageFit" }] : []));
-    clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    variant = input('elevated', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    loadingText = input('Cargando...', ...(ngDevMode ? [{ debugName: "loadingText" }] : []));
-    cardClasses = computed(() => [
-        'card',
-        `shadow-${this.shadow()}`,
-        `layout-${this.positionImage()}`,
-        `variant-${this.variant()}`,
-        this.responsive() ? 'responsive' : '',
-        this.clickable() ? 'clickable' : '',
-        this.loading() ? 'loading' : '',
-        this.disabled() ? 'disabled' : '',
-    ].filter(Boolean), ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
-    cardStyles = computed(() => ({
-        width: this.width(),
-        height: this.height(),
-        'border-radius': this.borderRadius(),
-        'background-color': this.backgroundColor(),
-        '--border-radius': this.borderRadius(),
-        '--gap': this.gap(),
-        '--padding': this.padding(),
-        cursor: this.clickable() && !this.disabled() ? 'pointer' : 'default',
-        opacity: this.disabled() ? '0.6' : '1',
-        'pointer-events': this.disabled() ? 'none' : 'auto',
-    }), ...(ngDevMode ? [{ debugName: "cardStyles" }] : []));
-    imageWidth = computed(() => {
-        if (this.positionImage() === 'left' || this.positionImage() === 'right') {
-            return `calc(${this.width()} / 2)`;
-        }
-        return '100%';
-    }, ...(ngDevMode ? [{ debugName: "imageWidth" }] : []));
-    imageHeight = computed(() => {
-        if (this.positionImage() === 'top' || this.positionImage() === 'bottom') {
-            return `calc(${this.imageSize()} / 2)`;
-        }
-        return '100%';
-    }, ...(ngDevMode ? [{ debugName: "imageHeight" }] : []));
-    imageClasses = computed(() => [
-        'card-img',
-        `img-${this.positionImage()}`,
-    ], ...(ngDevMode ? [{ debugName: "imageClasses" }] : []));
-    imageBorderRadius = computed(() => {
-        const radius = this.borderRadius();
-        const pos = this.positionImage();
-        const radiusMap = {
-            top: {
-                'border-top-left-radius': radius,
-                'border-top-right-radius': radius,
-            },
-            bottom: {
-                'border-bottom-left-radius': radius,
-                'border-bottom-right-radius': radius,
-            },
-            left: {
-                'border-top-left-radius': radius,
-                'border-bottom-left-radius': radius,
-            },
-            right: {
-                'border-top-right-radius': radius,
-                'border-bottom-right-radius': radius,
-            },
-        };
-        return radiusMap[pos] || {};
-    }, ...(ngDevMode ? [{ debugName: "imageBorderRadius" }] : []));
-    imageStyles = computed(() => ({
-        width: this.imageWidth(),
-        height: this.imageHeight(),
-        'object-fit': this.imageFit(),
-        ...this.imageBorderRadius(),
-    }), ...(ngDevMode ? [{ debugName: "imageStyles" }] : []));
-    hasImage = computed(() => Boolean(this.img()), ...(ngDevMode ? [{ debugName: "hasImage" }] : []));
-    isHorizontalLayout = computed(() => this.positionImage() === 'left' || this.positionImage() === 'right', ...(ngDevMode ? [{ debugName: "isHorizontalLayout" }] : []));
-    isInteractive = computed(() => this.clickable() && !this.disabled() && !this.loading(), ...(ngDevMode ? [{ debugName: "isInteractive" }] : []));
-    showLoadingOverlay = computed(() => this.loading(), ...(ngDevMode ? [{ debugName: "showLoadingOverlay" }] : []));
-    onCardClick(event) {
-        if (this.isInteractive()) {
-            const cardClickEvent = new CustomEvent('cardClick', {
-                detail: { event },
-                bubbles: true,
-            });
-            event.target.dispatchEvent(cardClickEvent);
-        }
-    }
-    onCardKeydown(event) {
-        if (this.isInteractive() && (event.key === 'Enter' || event.key === ' ')) {
-            event.preventDefault();
-            this.onCardClick(event);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryCard, isStandalone: true, selector: "magary-card", inputs: { img: { classPropertyName: "img", publicName: "img", isSignal: true, isRequired: false, transformFunction: null }, positionImage: { classPropertyName: "positionImage", publicName: "positionImage", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, imageSize: { classPropertyName: "imageSize", publicName: "imageSize", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, altText: { classPropertyName: "altText", publicName: "altText", isSignal: true, isRequired: false, transformFunction: null }, imageFit: { classPropertyName: "imageFit", publicName: "imageFit", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<article\n  [ngClass]=\"cardClasses()\"\n  [ngStyle]=\"cardStyles()\"\n  [attr.role]=\"clickable() ? 'button' : 'region'\"\n  [attr.tabindex]=\"isInteractive() ? '0' : null\"\n  [attr.aria-label]=\"\n    'Card with ' +\n    (hasImage() ? 'image and ' : '') +\n    'content' +\n    (clickable() ? '. Clickable' : '') +\n    (loading() ? '. Loading' : '') +\n    (disabled() ? '. Disabled' : '')\n  \"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (click)=\"onCardClick($event)\"\n  (keydown)=\"onCardKeydown($event)\"\n>\n  @if (hasImage()) {\n    <div class=\"card-image-container\">\n      <img\n        [src]=\"img()\"\n        [ngClass]=\"imageClasses()\"\n        [ngStyle]=\"imageStyles()\"\n        [alt]=\"altText()\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </div>\n  }\n  <div class=\"card-content\" [attr.aria-label]=\"'Card content'\">\n    <div class=\"card-body\">\n      @if (true) {\n        <header class=\"card-header\" role=\"banner\">\n          <ng-content select=\"[slot='header']\"></ng-content>\n        </header>\n      }\n      <main class=\"card-main\" role=\"main\">\n        <ng-content></ng-content>\n      </main>\n      @if (true) {\n        <footer class=\"card-footer\" role=\"contentinfo\">\n          <ng-content select=\"[slot='footer']\"></ng-content>\n        </footer>\n      }\n    </div>\n  </div>\n  @if (showLoadingOverlay()) {\n    <div\n      class=\"card-loading-overlay\"\n      role=\"status\"\n      [attr.aria-label]=\"loadingText()\"\n    >\n      <div class=\"loading-spinner\" aria-hidden=\"true\"></div>\n      <span class=\"loading-text\">{{ loadingText() }}</span>\n    </div>\n  }\n</article>\n", styles: [":host{--card-border-radius: .75rem;--card-gap: 1rem;--card-padding: 1rem;--card-transition: all .2s ease;--card-shadow-light: 0 1px 2px rgba(0, 0, 0, .1);--card-shadow-heavy: 0 8px 16px rgba(0, 0, 0, .3);display:block;margin:0;padding:0;border:none}*{box-sizing:border-box}.card{display:flex;flex-direction:column;border-radius:var(--border-radius, var(--card-border-radius));transition:var(--card-transition);overflow:hidden;position:relative;gap:0;padding:0;margin:0}.card.variant-elevated{background:#fff}.card.variant-outlined{border:1px solid rgba(0,0,0,.12);box-shadow:none!important}.card.variant-filled{background-color:#0000000a;box-shadow:none!important}.card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card.clickable:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-heavy)}.card.clickable:active{transform:translateY(0)}.card.clickable:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.card.loading{pointer-events:none;cursor:not-allowed}.card.disabled{pointer-events:none;cursor:not-allowed;opacity:.6}.card.disabled:hover{transform:none;box-shadow:inherit}.card.layout-left,.card.layout-right{flex-direction:row;align-items:stretch}.card.layout-left{flex-direction:row}.card.layout-right{flex-direction:row-reverse}.card.layout-top{flex-direction:column}.card.layout-bottom{flex-direction:column-reverse}.card:hover:not(.disabled):not(.loading){transform:translateY(-2px);box-shadow:var(--card-shadow-heavy)}.card .card-image-container{overflow:hidden;flex-shrink:0;position:relative;margin:0;padding:0;border:none}.card .card-image-container .card-img{object-fit:cover;transition:transform .3s ease;width:100%;height:100%;display:block;margin:0;padding:0;border:none}.card .card-image-container .card-img:hover{transform:scale(1.05)}.card .card-image-container .card-img.img-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.card .card-image-container .card-img.img-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.card .card-image-container .card-img.img-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.card .card-image-container .card-img.img-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.card .card-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:var(--padding, var(--card-padding))}.card .card-body{display:grid;gap:var(--gap, var(--card-gap));height:100%}.card .card-header{grid-area:header}.card .card-header:empty{display:none}.card .card-main{grid-area:main;flex:1}.card .card-footer{grid-area:footer;margin-top:auto}.card .card-footer:empty{display:none}.card .card-body{grid-template-areas:\"header\" \"main\" \"footer\";grid-template-rows:auto 1fr auto}.shadow-0{box-shadow:none}.shadow-1{box-shadow:0 1px 2px #0000001a}.shadow-2{box-shadow:0 2px 4px #00000026}.shadow-3{box-shadow:0 4px 8px #0003}.shadow-4{box-shadow:0 6px 12px #00000040}.shadow-5{box-shadow:0 8px 16px #0000004d}@media (max-width: 768px){.card.responsive.layout-left,.card.responsive.layout-right{flex-direction:column}.card.responsive.layout-left .card-image-container .card-img.img-left,.card.responsive.layout-left .card-image-container .card-img.img-right,.card.responsive.layout-right .card-image-container .card-img.img-left,.card.responsive.layout-right .card-image-container .card-img.img-right{border-radius:var(--border-radius) var(--border-radius) 0 0}.card.responsive .card-content{padding:calc(var(--card-padding) * .75)}.card.responsive .card-body{gap:calc(var(--card-gap) * .75)}}@media (max-width: 480px){.card.responsive.layout-left,.card.responsive.layout-right{flex-direction:column}.card.responsive .card-content{padding:calc(var(--card-padding) * .5)}.card.responsive .card-body{gap:calc(var(--card-gap) * .5)}.card.responsive .card-image-container{max-height:200px}.card.responsive .card-image-container .card-img{object-fit:cover;height:100%}.card.responsive:hover:not(.disabled):not(.loading){transform:none}}@media (min-width: 1200px){.card.responsive:hover:not(.disabled):not(.loading){transform:translateY(-4px);box-shadow:0 12px 24px #00000026}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover:not(.disabled):not(.loading){transform:none}.card .card-img{transition:none}.card .card-img:hover{transform:none}.card .loading-spinner{animation:none}}@media (prefers-contrast: high){.card{border:2px solid currentColor}}@media (prefers-color-scheme: dark){:host{--card-shadow-light: 0 1px 2px rgba(255, 255, 255, .1);--card-shadow-heavy: 0 8px 16px rgba(255, 255, 255, .1)}}.card-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10;border-radius:inherit}.card-loading-overlay .loading-spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-left:3px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite}.card-loading-overlay .loading-text{font-size:.875rem;color:#000000b3;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){:host{--card-shadow-light: 0 1px 2px rgba(255, 255, 255, .1);--card-shadow-heavy: 0 8px 16px rgba(255, 255, 255, .1)}.card-loading-overlay{background:#000000e6}.card-loading-overlay .loading-text{color:#fffc}.card-loading-overlay .loading-spinner{border:3px solid rgba(255,255,255,.1);border-left:3px solid #66b3ff}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryCard, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-card', standalone: true, imports: [CommonModule], template: "<article\n  [ngClass]=\"cardClasses()\"\n  [ngStyle]=\"cardStyles()\"\n  [attr.role]=\"clickable() ? 'button' : 'region'\"\n  [attr.tabindex]=\"isInteractive() ? '0' : null\"\n  [attr.aria-label]=\"\n    'Card with ' +\n    (hasImage() ? 'image and ' : '') +\n    'content' +\n    (clickable() ? '. Clickable' : '') +\n    (loading() ? '. Loading' : '') +\n    (disabled() ? '. Disabled' : '')\n  \"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (click)=\"onCardClick($event)\"\n  (keydown)=\"onCardKeydown($event)\"\n>\n  @if (hasImage()) {\n    <div class=\"card-image-container\">\n      <img\n        [src]=\"img()\"\n        [ngClass]=\"imageClasses()\"\n        [ngStyle]=\"imageStyles()\"\n        [alt]=\"altText()\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </div>\n  }\n  <div class=\"card-content\" [attr.aria-label]=\"'Card content'\">\n    <div class=\"card-body\">\n      @if (true) {\n        <header class=\"card-header\" role=\"banner\">\n          <ng-content select=\"[slot='header']\"></ng-content>\n        </header>\n      }\n      <main class=\"card-main\" role=\"main\">\n        <ng-content></ng-content>\n      </main>\n      @if (true) {\n        <footer class=\"card-footer\" role=\"contentinfo\">\n          <ng-content select=\"[slot='footer']\"></ng-content>\n        </footer>\n      }\n    </div>\n  </div>\n  @if (showLoadingOverlay()) {\n    <div\n      class=\"card-loading-overlay\"\n      role=\"status\"\n      [attr.aria-label]=\"loadingText()\"\n    >\n      <div class=\"loading-spinner\" aria-hidden=\"true\"></div>\n      <span class=\"loading-text\">{{ loadingText() }}</span>\n    </div>\n  }\n</article>\n", styles: [":host{--card-border-radius: .75rem;--card-gap: 1rem;--card-padding: 1rem;--card-transition: all .2s ease;--card-shadow-light: 0 1px 2px rgba(0, 0, 0, .1);--card-shadow-heavy: 0 8px 16px rgba(0, 0, 0, .3);display:block;margin:0;padding:0;border:none}*{box-sizing:border-box}.card{display:flex;flex-direction:column;border-radius:var(--border-radius, var(--card-border-radius));transition:var(--card-transition);overflow:hidden;position:relative;gap:0;padding:0;margin:0}.card.variant-elevated{background:#fff}.card.variant-outlined{border:1px solid rgba(0,0,0,.12);box-shadow:none!important}.card.variant-filled{background-color:#0000000a;box-shadow:none!important}.card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card.clickable:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-heavy)}.card.clickable:active{transform:translateY(0)}.card.clickable:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.card.loading{pointer-events:none;cursor:not-allowed}.card.disabled{pointer-events:none;cursor:not-allowed;opacity:.6}.card.disabled:hover{transform:none;box-shadow:inherit}.card.layout-left,.card.layout-right{flex-direction:row;align-items:stretch}.card.layout-left{flex-direction:row}.card.layout-right{flex-direction:row-reverse}.card.layout-top{flex-direction:column}.card.layout-bottom{flex-direction:column-reverse}.card:hover:not(.disabled):not(.loading){transform:translateY(-2px);box-shadow:var(--card-shadow-heavy)}.card .card-image-container{overflow:hidden;flex-shrink:0;position:relative;margin:0;padding:0;border:none}.card .card-image-container .card-img{object-fit:cover;transition:transform .3s ease;width:100%;height:100%;display:block;margin:0;padding:0;border:none}.card .card-image-container .card-img:hover{transform:scale(1.05)}.card .card-image-container .card-img.img-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.card .card-image-container .card-img.img-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.card .card-image-container .card-img.img-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.card .card-image-container .card-img.img-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.card .card-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:var(--padding, var(--card-padding))}.card .card-body{display:grid;gap:var(--gap, var(--card-gap));height:100%}.card .card-header{grid-area:header}.card .card-header:empty{display:none}.card .card-main{grid-area:main;flex:1}.card .card-footer{grid-area:footer;margin-top:auto}.card .card-footer:empty{display:none}.card .card-body{grid-template-areas:\"header\" \"main\" \"footer\";grid-template-rows:auto 1fr auto}.shadow-0{box-shadow:none}.shadow-1{box-shadow:0 1px 2px #0000001a}.shadow-2{box-shadow:0 2px 4px #00000026}.shadow-3{box-shadow:0 4px 8px #0003}.shadow-4{box-shadow:0 6px 12px #00000040}.shadow-5{box-shadow:0 8px 16px #0000004d}@media (max-width: 768px){.card.responsive.layout-left,.card.responsive.layout-right{flex-direction:column}.card.responsive.layout-left .card-image-container .card-img.img-left,.card.responsive.layout-left .card-image-container .card-img.img-right,.card.responsive.layout-right .card-image-container .card-img.img-left,.card.responsive.layout-right .card-image-container .card-img.img-right{border-radius:var(--border-radius) var(--border-radius) 0 0}.card.responsive .card-content{padding:calc(var(--card-padding) * .75)}.card.responsive .card-body{gap:calc(var(--card-gap) * .75)}}@media (max-width: 480px){.card.responsive.layout-left,.card.responsive.layout-right{flex-direction:column}.card.responsive .card-content{padding:calc(var(--card-padding) * .5)}.card.responsive .card-body{gap:calc(var(--card-gap) * .5)}.card.responsive .card-image-container{max-height:200px}.card.responsive .card-image-container .card-img{object-fit:cover;height:100%}.card.responsive:hover:not(.disabled):not(.loading){transform:none}}@media (min-width: 1200px){.card.responsive:hover:not(.disabled):not(.loading){transform:translateY(-4px);box-shadow:0 12px 24px #00000026}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover:not(.disabled):not(.loading){transform:none}.card .card-img{transition:none}.card .card-img:hover{transform:none}.card .loading-spinner{animation:none}}@media (prefers-contrast: high){.card{border:2px solid currentColor}}@media (prefers-color-scheme: dark){:host{--card-shadow-light: 0 1px 2px rgba(255, 255, 255, .1);--card-shadow-heavy: 0 8px 16px rgba(255, 255, 255, .1)}}.card-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10;border-radius:inherit}.card-loading-overlay .loading-spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-left:3px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite}.card-loading-overlay .loading-text{font-size:.875rem;color:#000000b3;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){:host{--card-shadow-light: 0 1px 2px rgba(255, 255, 255, .1);--card-shadow-heavy: 0 8px 16px rgba(255, 255, 255, .1)}.card-loading-overlay{background:#000000e6}.card-loading-overlay .loading-text{color:#fffc}.card-loading-overlay .loading-spinner{border:3px solid rgba(255,255,255,.1);border-left:3px solid #66b3ff}}\n"] }]
-        }] });
-
-class CardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: CardModule, imports: [CommonModule, MagaryCard], exports: [MagaryCard] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CardModule, imports: [CommonModule, MagaryCard] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [CommonModule, MagaryCard],
-                    exports: [MagaryCard],
-                }]
-        }] });
-
-class MagaryTab {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryTab, isStandalone: true, selector: "magary-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `@if (active()) {
-    <ng-content style="width: 100%;" />
-  }`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryTab, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'magary-tab',
-                    standalone: true,
-                    template: `@if (active()) {
-    <ng-content style="width: 100%;" />
-  }`,
-                }]
-        }] });
-
-class MagaryTabs {
-    tabs;
-    headersRef;
-    buttonsRef;
-    activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
-    backgroundLine = input('#000', ...(ngDevMode ? [{ debugName: "backgroundLine" }] : []));
-    positionContent = input('center', ...(ngDevMode ? [{ debugName: "positionContent" }] : []));
-    background = input('#fff', ...(ngDevMode ? [{ debugName: "background" }] : []));
-    padding = input('0', ...(ngDevMode ? [{ debugName: "padding" }] : []));
-    heightLine = input('5px', ...(ngDevMode ? [{ debugName: "heightLine" }] : []));
-    ngOnInit() {
-        this.activeIndex.set(0);
-        this.updateUnderlinePosition(0);
-    }
-    ngAfterContentInit() {
-        const tabsArray = this.tabs.toArray();
-        if (tabsArray.length > 0) {
-            tabsArray[0].active.set(true);
-        }
-    }
-    selectTab(index) {
-        this.tabs.forEach((tab, i) => tab.active.set(i === index));
-        this.activeIndex.set(index);
-        this.updateUnderlinePosition(index);
-    }
-    updateUnderlinePosition(index) {
-        setTimeout(() => {
-            const activeBtn = this.buttonsRef.toArray()[index]?.nativeElement;
-            const headersEl = this.headersRef.nativeElement;
-            if (activeBtn && headersEl) {
-                const left = activeBtn.offsetLeft;
-                const width = activeBtn.offsetWidth;
-                headersEl.style.setProperty('--underline-left', `${left}px`);
-                headersEl.style.setProperty('--underline-width', `${width}px`);
-            }
-        }, 0);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MagaryTabs, isStandalone: true, selector: "magary-tabs", inputs: { backgroundLine: { classPropertyName: "backgroundLine", publicName: "backgroundLine", isSignal: true, isRequired: false, transformFunction: null }, positionContent: { classPropertyName: "positionContent", publicName: "positionContent", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, heightLine: { classPropertyName: "heightLine", publicName: "heightLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tabs", predicate: MagaryTab }], viewQueries: [{ propertyName: "headersRef", first: true, predicate: ["tabHeaders"], descendants: true }, { propertyName: "buttonsRef", predicate: ["tabButton"], descendants: true }], ngImport: i0, template: "<div class=\"tabs\">\n  <div\n    class=\"tab-headers\"\n    #tabHeaders\n    [style.--background-color-line]=\"backgroundLine()\"\n    [style.--height-line]=\"heightLine()\"\n  >\n    @for (tab of tabs.toArray(); track $index) {\n      <button\n        #tabButton\n        (click)=\"selectTab($index)\"\n        [class.active]=\"activeIndex() === $index\"\n      >\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n  <div\n    class=\"tab-content\"\n    [style.--position-content]=\"positionContent()\"\n    [style.--background]=\"background()\"\n    [style.--padding]=\"padding()\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".tabs{border:1px solid #ccc;border-radius:8px;overflow:hidden;background:#fff}.tab-headers{display:flex;border-bottom:1px solid #ddd;position:relative}.tab-headers:after{content:\"\";position:absolute;bottom:-1px;height:var(--height-line);background-color:var(--background-color-line);transition:left .4s ease-in-out,width .4s ease-in-out;left:var(--underline-left, 0);width:var(--underline-width, 0)}.tab-headers button{flex:1;padding:1rem;background:none;border:none;cursor:pointer;font-weight:700;transition:background .3s;z-index:1}.tab-headers button:hover{background:#f0f0f0}.tab-headers button.active{background:#f9f9f9;color:#000;height:4px}.tab-content{padding:var(--padding);display:flex;justify-content:var(--position-content);background:var(--background)}.tab-content.animated{animation:slideIn .7s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MagaryTabs, decorators: [{
-            type: Component,
-            args: [{ selector: 'magary-tabs', imports: [], template: "<div class=\"tabs\">\n  <div\n    class=\"tab-headers\"\n    #tabHeaders\n    [style.--background-color-line]=\"backgroundLine()\"\n    [style.--height-line]=\"heightLine()\"\n  >\n    @for (tab of tabs.toArray(); track $index) {\n      <button\n        #tabButton\n        (click)=\"selectTab($index)\"\n        [class.active]=\"activeIndex() === $index\"\n      >\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n  <div\n    class=\"tab-content\"\n    [style.--position-content]=\"positionContent()\"\n    [style.--background]=\"background()\"\n    [style.--padding]=\"padding()\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".tabs{border:1px solid #ccc;border-radius:8px;overflow:hidden;background:#fff}.tab-headers{display:flex;border-bottom:1px solid #ddd;position:relative}.tab-headers:after{content:\"\";position:absolute;bottom:-1px;height:var(--height-line);background-color:var(--background-color-line);transition:left .4s ease-in-out,width .4s ease-in-out;left:var(--underline-left, 0);width:var(--underline-width, 0)}.tab-headers button{flex:1;padding:1rem;background:none;border:none;cursor:pointer;font-weight:700;transition:background .3s;z-index:1}.tab-headers button:hover{background:#f0f0f0}.tab-headers button.active{background:#f9f9f9;color:#000;height:4px}.tab-content{padding:var(--padding);display:flex;justify-content:var(--position-content);background:var(--background)}.tab-content.animated{animation:slideIn .7s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"] }]
-        }], propDecorators: { tabs: [{
-                type: ContentChildren,
-                args: [MagaryTab]
-            }], headersRef: [{
-                type: ViewChild,
-                args: ['tabHeaders']
-            }], buttonsRef: [{
-                type: ViewChildren,
-                args: ['tabButton']
-            }] } });
-
-class TabsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: TabsModule, imports: [CommonModule, MagaryTabs, MagaryTab], exports: [MagaryTabs, MagaryTab] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TabsModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TabsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [CommonModule, MagaryTabs, MagaryTab],
-                    exports: [MagaryTabs, MagaryTab],
-                }]
-        }] });
-
-// 🔘 Button //
-
-/*
- * Public API Surface of ng-magary
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AvatarModule, ButtonModule, CardModule, CascadeSelect, CascadeSelectModule, InputModule, MagaryAvatar, MagaryButton, MagaryCard, MagaryInput, MagaryPanelmenu, MagarySpeedDial, MagaryTab, MagaryTabs, PanelmenuModule, Sidebar, SidebarModule, SpeedDialModule, TabsModule };
-//# sourceMappingURL=ng-magary.mjs.map