uni-app-fe 0.0.30 → 0.0.31

package/fesm2022/uni-app-fe.mjs

@@ -1,10 +1,22 @@
 import * as i1 from '@angular/common';
-import { CommonModule, registerLocaleData } from '@angular/common';
+import { CommonModule, NgOptimizedImage, DatePipe, registerLocaleData } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component, Pipe, Injectable } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, output, inject, computed, ElementRef, signal, HostListener, Pipe, Injectable } from '@angular/core';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { faTriangleExclamation, faCircleInfo, faBell, faLanguage, faMoon, faSun, faArrowRightFromBracket, faArrowRightToBracket, faUser } from '@fortawesome/free-solid-svg-icons';
 import { UniTranslatePipe as UniTranslatePipe$1 } from 'uni-app-fe/pipe';
+import * as i1$1 from 'devextreme-angular/ui/button';
+import { DxButtonModule } from 'devextreme-angular/ui/button';
+import * as i1$2 from 'devextreme-angular/ui/tooltip';
+import { DxTooltipModule } from 'devextreme-angular/ui/tooltip';
+import * as i2 from 'devextreme-angular/core';
+import { UniToastManager, UniLocaleManager, UniHttpManager, UniTypeStringManager, UniTypeNumberManager } from 'uni-manager';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import * as i3 from 'devextreme-angular/ui/select-box';
+import { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';
+import * as i4 from 'devextreme-angular/ui/switch';
+import { DxSwitchModule } from 'devextreme-angular/ui/switch';
+import { UniLoaderService as UniLoaderService$1 } from 'uni-app-fe/service';
 import localeEsCl from '@angular/common/locales/es-CL';
 import localeIt from '@angular/common/locales/it';
 import { config } from 'devextreme-angular/common';
@@ -12,7 +24,6 @@ import { locale, loadMessages } from 'devextreme-angular/common/core/localizatio
 import esMessages from 'devextreme/localization/messages/es.json';
 import itMessages from 'devextreme/localization/messages/it.json';
 import { firstValueFrom } from 'rxjs';
-import { UniLocaleManager, UniHttpManager, UniTypeStringManager, UniTypeNumberManager } from 'uni-manager';
 import { icon } from '@fortawesome/fontawesome-svg-core';
 import LoadPanel from 'devextreme/ui/load_panel';
 import { custom } from 'devextreme/ui/dialog';
@@ -37,12 +48,199 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             args: [{ selector: 'uni-banner-alert', imports: [CommonModule, FaIconComponent, UniTranslatePipe$1], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"flex w-full flex-col gap-6 rounded-2xl border-2 p-4 text-center shadow-lg backdrop-blur-md\"\r\n  [ngClass]=\"{\r\n    'bg-amber-500/25 border-amber-500 dark:text-amber-100 text-amber-500': type() === 'warning',\r\n    'bg-rose-500/25 border-rose-500 dark:text-rose-200 text-rose-500': type() === 'error'\r\n  }\">\r\n  <div class=\"flex flex-col items-center gap-4\">\r\n    <h1 class=\"text-lg! font-semibold\">{{ lblTitle() | translate }}</h1>\r\n    @if(icon(); as icon) {\r\n    <fa-icon class=\"text-5xl\" [icon]=\"icon\"></fa-icon>\r\n    }\r\n    <p class=\"text-sm leading-relaxed text-white!\">{{ lblDescription() | translate }}</p>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], lblTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "lblTitle", required: true }] }], lblDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "lblDescription", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
-// export * from './uni-header/uni-header';
-// export * from './uni-item-field-with-hight-contrast/uni-item-field-with-hight-contrast';
-// export * from './uni-item-field-with-lens-tooltip/uni-uni-item-field-with-lens-tooltip';
-// export * from './uni-item-field/uni-item-field';
-// export * from './uni-led/model';
-// export * from './uni-led/uni-led';
+class UniHeader {
+    constructor() {
+        /* Input */
+        this.title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.version = input.required(...(ngDevMode ? [{ debugName: "version" }] : /* istanbul ignore next */ []));
+        this.pathBrandLogo = input.required(...(ngDevMode ? [{ debugName: "pathBrandLogo" }] : /* istanbul ignore next */ []));
+        this.pathAppLogo = input(...(ngDevMode ? [undefined, { debugName: "pathAppLogo" }] : /* istanbul ignore next */ []));
+        this.sideMenu = input(false, ...(ngDevMode ? [{ debugName: "sideMenu" }] : /* istanbul ignore next */ []));
+        /* Output */
+        this.evtToggleMenu = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: UniHeader, isStandalone: true, selector: "uni-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: true, transformFunction: null }, pathBrandLogo: { classPropertyName: "pathBrandLogo", publicName: "pathBrandLogo", isSignal: true, isRequired: true, transformFunction: null }, pathAppLogo: { classPropertyName: "pathAppLogo", publicName: "pathAppLogo", isSignal: true, isRequired: false, transformFunction: null }, sideMenu: { classPropertyName: "sideMenu", publicName: "sideMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { evtToggleMenu: "evtToggleMenu" }, ngImport: i0, template: "<div\r\n  class=\"dark:bg-theme-dark-800 flex h-16 items-center gap-4 overflow-hidden rounded-xl bg-blue-300 px-4 py-3 text-white\">\r\n  <!-- App logo -->\r\n  @if (pathAppLogo(); as pathAppLogo) {\r\n    <img\r\n      [ngSrc]=\"pathAppLogo\"\r\n      width=\"40\"\r\n      height=\"40\"\r\n      priority\r\n      class=\"aspect-square h-full w-auto\"\r\n      alt=\"App logo\" />\r\n  }\r\n\r\n  <!-- Info -->\r\n  <div class=\"flex flex-1 flex-col overflow-hidden\">\r\n    <p class=\"truncate text-xl font-semibold uppercase leading-tight\">{{ title() }}</p>\r\n    <p class=\"text-xs opacity-75\">{{ version() }}</p>\r\n  </div>\r\n\r\n  <div class=\"flex h-full items-center gap-2\">\r\n    <!-- Brand Logo -->\r\n    <div class=\"2xs:block relative hidden h-full w-24\">\r\n      <img\r\n        [ngSrc]=\"pathBrandLogo()\"\r\n        fill\r\n        priority\r\n        class=\"object-contain object-right\"\r\n        alt=\"Brand logo\" />\r\n    </div>\r\n\r\n    <!-- Button menu -->\r\n    @if (sideMenu()) {\r\n      <dx-button class=\"shadow-none!\" [icon]=\"'menu'\" (onClick)=\"evtToggleMenu.emit(true)\">\r\n      </dx-button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .dx-button{height:24px;min-width:24px;background-color:transparent}:host ::ng-deep .dx-button .dx-icon{font-size:24px;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: DxButtonModule }, { kind: "component", type: i1$1.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-header', standalone: true, imports: [DxButtonModule, NgOptimizedImage], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"dark:bg-theme-dark-800 flex h-16 items-center gap-4 overflow-hidden rounded-xl bg-blue-300 px-4 py-3 text-white\">\r\n  <!-- App logo -->\r\n  @if (pathAppLogo(); as pathAppLogo) {\r\n    <img\r\n      [ngSrc]=\"pathAppLogo\"\r\n      width=\"40\"\r\n      height=\"40\"\r\n      priority\r\n      class=\"aspect-square h-full w-auto\"\r\n      alt=\"App logo\" />\r\n  }\r\n\r\n  <!-- Info -->\r\n  <div class=\"flex flex-1 flex-col overflow-hidden\">\r\n    <p class=\"truncate text-xl font-semibold uppercase leading-tight\">{{ title() }}</p>\r\n    <p class=\"text-xs opacity-75\">{{ version() }}</p>\r\n  </div>\r\n\r\n  <div class=\"flex h-full items-center gap-2\">\r\n    <!-- Brand Logo -->\r\n    <div class=\"2xs:block relative hidden h-full w-24\">\r\n      <img\r\n        [ngSrc]=\"pathBrandLogo()\"\r\n        fill\r\n        priority\r\n        class=\"object-contain object-right\"\r\n        alt=\"Brand logo\" />\r\n    </div>\r\n\r\n    <!-- Button menu -->\r\n    @if (sideMenu()) {\r\n      <dx-button class=\"shadow-none!\" [icon]=\"'menu'\" (onClick)=\"evtToggleMenu.emit(true)\">\r\n      </dx-button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .dx-button{height:24px;min-width:24px;background-color:transparent}:host ::ng-deep .dx-button .dx-icon{font-size:24px;color:#fff}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], version: [{ type: i0.Input, args: [{ isSignal: true, alias: "version", required: true }] }], pathBrandLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathBrandLogo", required: true }] }], pathAppLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathAppLogo", required: false }] }], sideMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenu", required: false }] }], evtToggleMenu: [{ type: i0.Output, args: ["evtToggleMenu"] }] } });
+
+class UniItemFieldWithHightContrast {
+    constructor() {
+        /* Input */
+        this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniItemFieldWithHightContrast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: UniItemFieldWithHightContrast, isStandalone: true, selector: "uni-item-field-with-hight-contrast", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex flex-col items-start\">\r\n  <span class=\"max-w-full min-w-0 truncate text-lg text-nowrap text-gray-500 dark:text-gray-300\">\r\n    {{ label() | translate }}\r\n  </span>\r\n  <span #tooltipTarget class=\"max-w-full min-w-0 cursor-help truncate text-3xl font-semibold\">\r\n    {{ value() || '-' }}\r\n  </span>\r\n</div>\r\n\r\n<dx-tooltip\r\n  [target]=\"tooltipTarget\"\r\n  showEvent=\"mouseenter\"\r\n  hideEvent=\"mouseleave\"\r\n  [hideOnOutsideClick]=\"false\">\r\n  <div *dxTemplate=\"let data = data; of: 'content'\">{{ value() || '-' }}</div>\r\n</dx-tooltip>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: DxTooltipModule }, { kind: "component", type: i1$2.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "container", "contentTemplate", "deferRendering", "disabled", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "pipe", type: UniTranslatePipe$1, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniItemFieldWithHightContrast, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-item-field-with-hight-contrast', imports: [DxTooltipModule, UniTranslatePipe$1], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col items-start\">\r\n  <span class=\"max-w-full min-w-0 truncate text-lg text-nowrap text-gray-500 dark:text-gray-300\">\r\n    {{ label() | translate }}\r\n  </span>\r\n  <span #tooltipTarget class=\"max-w-full min-w-0 cursor-help truncate text-3xl font-semibold\">\r\n    {{ value() || '-' }}\r\n  </span>\r\n</div>\r\n\r\n<dx-tooltip\r\n  [target]=\"tooltipTarget\"\r\n  showEvent=\"mouseenter\"\r\n  hideEvent=\"mouseleave\"\r\n  [hideOnOutsideClick]=\"false\">\r\n  <div *dxTemplate=\"let data = data; of: 'content'\">{{ value() || '-' }}</div>\r\n</dx-tooltip>\r\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class UniItemField {
+    constructor() {
+        /* Pipe */
+        this.datePipe = inject(DatePipe);
+        /* Input */
+        this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.udm = input(...(ngDevMode ? [undefined, { debugName: "udm" }] : /* istanbul ignore next */ []));
+        this.dateFormat = input('longDate', ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
+        /* Variable */
+        this.valueFormatted = computed(() => {
+            const value = this.value();
+            if (!value)
+                return '';
+            if ((value instanceof Date && !Number.isNaN(value.getTime())) ||
+                (typeof value === 'string' && this.isValidDateString(value))) {
+                return this.datePipe.transform(new Date(value), this.dateFormat());
+            }
+            return `${value}${this.udm() ?? ''}`;
+        }, ...(ngDevMode ? [{ debugName: "valueFormatted" }] : /* istanbul ignore next */ []));
+    }
+    /* ---------------- Methods: event ---------------- */
+    async onCopyValue() {
+        const value = this.valueFormatted();
+        if (!value)
+            return;
+        // Controllo se l'API è disponibile e il contesto è sicuro (HTTPS/Localhost)
+        if (navigator.clipboard && globalThis.isSecureContext) {
+            await navigator.clipboard.writeText(value);
+            UniToastManager.show({ label: 'ValueCopied' });
+        }
+    }
+    /* ---------------- Methods: utils ---------------- */
+    isValidDateString(value) {
+        if (typeof value !== 'string')
+            return false;
+        // ISO 8601 (con o senza timezone)
+        const isoRegex = /^\d{4}-\d{2}-\d{2}(?:[T ]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?$/;
+        if (!isoRegex.test(value))
+            return false;
+        const date = new Date(value);
+        return !Number.isNaN(date.getTime());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniItemField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: UniItemField, isStandalone: true, selector: "uni-item-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, udm: { classPropertyName: "udm", publicName: "udm", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DatePipe], ngImport: i0, template: "<li class=\"flex items-center gap-2 text-sm!\">\r\n  <span class=\"text-nowrap text-gray-500 dark:text-gray-300\"> {{ label() | translate }}: </span>\r\n  <span\r\n    #tooltipTarget\r\n    [ngClass]=\"{'text-gray-500/50 dark:text-gray-300/50': !valueFormatted() }\"\r\n    class=\"max-w-full min-w-0 cursor-help truncate font-semibold transition duration-100 ease-in-out hover:opacity-75 active:scale-95\"\r\n    (click)=\"onCopyValue()\">\r\n    {{ valueFormatted() || '-' }}\r\n  </span>\r\n</li>\r\n\r\n<dx-tooltip\r\n  [target]=\"tooltipTarget\"\r\n  showEvent=\"mouseenter\"\r\n  hideEvent=\"mouseleave\"\r\n  [hideOnOutsideClick]=\"false\">\r\n  <div *dxTemplate=\"let data = data; of: 'content'\">{{ valueFormatted() || '-' }}</div>\r\n</dx-tooltip>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DxTooltipModule }, { kind: "component", type: i1$2.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "container", "contentTemplate", "deferRendering", "disabled", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "pipe", type: UniTranslatePipe$1, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniItemField, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-item-field', imports: [CommonModule, DxTooltipModule, UniTranslatePipe$1], providers: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"flex items-center gap-2 text-sm!\">\r\n  <span class=\"text-nowrap text-gray-500 dark:text-gray-300\"> {{ label() | translate }}: </span>\r\n  <span\r\n    #tooltipTarget\r\n    [ngClass]=\"{'text-gray-500/50 dark:text-gray-300/50': !valueFormatted() }\"\r\n    class=\"max-w-full min-w-0 cursor-help truncate font-semibold transition duration-100 ease-in-out hover:opacity-75 active:scale-95\"\r\n    (click)=\"onCopyValue()\">\r\n    {{ valueFormatted() || '-' }}\r\n  </span>\r\n</li>\r\n\r\n<dx-tooltip\r\n  [target]=\"tooltipTarget\"\r\n  showEvent=\"mouseenter\"\r\n  hideEvent=\"mouseleave\"\r\n  [hideOnOutsideClick]=\"false\">\r\n  <div *dxTemplate=\"let data = data; of: 'content'\">{{ valueFormatted() || '-' }}</div>\r\n</dx-tooltip>\r\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], udm: [{ type: i0.Input, args: [{ isSignal: true, alias: "udm", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }] } });
+
+class UniItemFieldWithLensTooltip {
+    constructor() {
+        /* Input */
+        this.id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /* Icon */
+        this.ICON_INFO = faCircleInfo;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniItemFieldWithLensTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: UniItemFieldWithLensTooltip, isStandalone: true, selector: "uni-item-field-with-lens-tooltip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center gap-1\">\r\n  <uni-item-field [label]=\"label()\" [value]=\"value()\" />\r\n\r\n  <div #tooltipInfoTarget>\r\n    <fa-icon\r\n      class=\"text-theme-200 cursor-help rounded px-1 text-xs! transition duration-150 ease-in-out hover:opacity-75\"\r\n      [icon]=\"ICON_INFO\">\r\n    </fa-icon>\r\n  </div>\r\n\r\n  <dx-tooltip\r\n    [target]=\"tooltipInfoTarget\"\r\n    showEvent=\"mouseenter\"\r\n    hideEvent=\"mouseleave\"\r\n    [hideOnOutsideClick]=\"false\">\r\n    <div *dxTemplate=\"let data = data; of: 'content'\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </dx-tooltip>\r\n</div>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: DxTooltipModule }, { kind: "component", type: i1$2.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "container", "contentTemplate", "deferRendering", "disabled", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: UniItemField, selector: "uni-item-field", inputs: ["label", "value", "udm", "dateFormat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniItemFieldWithLensTooltip, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-item-field-with-lens-tooltip', imports: [DxTooltipModule, FaIconComponent, UniItemField], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex items-center gap-1\">\r\n  <uni-item-field [label]=\"label()\" [value]=\"value()\" />\r\n\r\n  <div #tooltipInfoTarget>\r\n    <fa-icon\r\n      class=\"text-theme-200 cursor-help rounded px-1 text-xs! transition duration-150 ease-in-out hover:opacity-75\"\r\n      [icon]=\"ICON_INFO\">\r\n    </fa-icon>\r\n  </div>\r\n\r\n  <dx-tooltip\r\n    [target]=\"tooltipInfoTarget\"\r\n    showEvent=\"mouseenter\"\r\n    hideEvent=\"mouseleave\"\r\n    [hideOnOutsideClick]=\"false\">\r\n    <div *dxTemplate=\"let data = data; of: 'content'\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </dx-tooltip>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+var LedStatus;
+(function (LedStatus) {
+    LedStatus[LedStatus["OK"] = 0] = "OK";
+    LedStatus[LedStatus["WARNING"] = 1] = "WARNING";
+    LedStatus[LedStatus["ERROR"] = 2] = "ERROR";
+})(LedStatus || (LedStatus = {}));
+
+class UniLed {
+    constructor() {
+        /* Inputs */
+        this.description = input.required(...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        this.status = input.required(...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        /* Enum */
+        this.LED_STATUS = LedStatus;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLed, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: UniLed, isStandalone: true, selector: "uni-led", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center gap-1\">\r\n  <div\r\n    class=\"led\"\r\n    [ngClass]=\"{\r\n      ok: status() === true || status() === LED_STATUS.OK,\r\n      warning: status() === LED_STATUS.WARNING,\r\n      error: status() === false || status() === LED_STATUS.ERROR,\r\n    }\"></div>\r\n  <p class=\"truncate text-sm\">{{ description() }}</p>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block}.led{width:16px;height:16px;border-radius:50%;margin:8px;display:inline-block;position:relative;box-shadow:inset 0 0 5px #000}.led.error:before{content:\"\";position:absolute;top:-4px;left:-4px;width:24px;height:24px;border-radius:50%;border:3px solid;animation:ring 2s infinite}.led.ok{background-color:#4caf50;border-color:#4caf5099}.led.warning{background-color:#ca8a04;border-color:#ca8a0499}.led.error{background-color:#f44336;border-color:#f4433699}.led.error:before{border-color:#f4433699}@keyframes ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@media(max-resolution:1dppx){.led{width:12px;height:12px;box-shadow:inset 0 0 3px #000}.led.error:before{top:-3px;left:-3px;width:18px;height:18px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLed, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-led', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex items-center gap-1\">\r\n  <div\r\n    class=\"led\"\r\n    [ngClass]=\"{\r\n      ok: status() === true || status() === LED_STATUS.OK,\r\n      warning: status() === LED_STATUS.WARNING,\r\n      error: status() === false || status() === LED_STATUS.ERROR,\r\n    }\"></div>\r\n  <p class=\"truncate text-sm\">{{ description() }}</p>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block}.led{width:16px;height:16px;border-radius:50%;margin:8px;display:inline-block;position:relative;box-shadow:inset 0 0 5px #000}.led.error:before{content:\"\";position:absolute;top:-4px;left:-4px;width:24px;height:24px;border-radius:50%;border:3px solid;animation:ring 2s infinite}.led.ok{background-color:#4caf50;border-color:#4caf5099}.led.warning{background-color:#ca8a04;border-color:#ca8a0499}.led.error{background-color:#f44336;border-color:#f4433699}.led.error:before{border-color:#f4433699}@keyframes ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@media(max-resolution:1dppx){.led{width:12px;height:12px;box-shadow:inset 0 0 3px #000}.led.error:before{top:-3px;left:-3px;width:18px;height:18px}}\n"] }]
+        }], propDecorators: { description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: true }] }] } });
+
+class UniSideMenu {
+    constructor() {
+        /* Service */
+        this.elementRef = inject(ElementRef);
+        this.uniLoader = inject(UniLoaderService$1);
+        /* Input */
+        this.pathUnitecLogo = input.required(...(ngDevMode ? [{ debugName: "pathUnitecLogo" }] : /* istanbul ignore next */ []));
+        this.menuItems = input([], ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
+        this.menuInteractions = input([], ...(ngDevMode ? [{ debugName: "menuInteractions" }] : /* istanbul ignore next */ []));
+        /* Output */
+        this.evtToggleMenu = output();
+        /* Variables */
+        this.locale = UniLocaleManager.locale;
+        this.localesSupported = UniLocaleManager.localesSupported;
+        this.darkMode = signal(!localStorage.getItem('uni-theme') || localStorage.getItem('uni-theme') === 'dark', ...(ngDevMode ? [{ debugName: "darkMode" }] : /* istanbul ignore next */ []));
+        /* Icons */
+        this.ICON = {
+            USER: faUser,
+            LOGIN: faArrowRightToBracket,
+            LOGOUT: faArrowRightFromBracket,
+            LIGHT_MODE: faSun,
+            DARK_MODE: faMoon,
+            LANGUAGE: faLanguage,
+            NOTIFICATION: faBell,
+        };
+    }
+    /* ---------------------- Host listener ---------------------- */
+    onClickOutside(event) {
+        const target = event.target;
+        // Controlla se il click è avvenuto dentro il menu principale
+        const clickedInsideMenu = this.elementRef.nativeElement.contains(target);
+        // Controlla se il click è avvenuto dentro un popup/dropdown aperto
+        const clickedInsideOverlay = !!target.closest('.dx-overlay-wrapper, .dx-dropdowneditor-overlay');
+        // Se il click è fuori da entrambi, allora chiude il menu
+        if (!clickedInsideMenu && !clickedInsideOverlay) {
+            this.evtToggleMenu.emit(false);
+        }
+    }
+    /* ---------------------- Methods ---------------------- */
+    updateTheme(e) {
+        this.uniLoader.show();
+        localStorage.setItem('uni-theme', e.value ? 'dark' : 'light');
+        globalThis.location.reload();
+    }
+    updateLocale(e) {
+        this.uniLoader.show();
+        localStorage.setItem('uni-locale', e.value);
+        globalThis.location.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: UniSideMenu, isStandalone: true, selector: "uni-side-menu", inputs: { pathUnitecLogo: { classPropertyName: "pathUnitecLogo", publicName: "pathUnitecLogo", isSignal: true, isRequired: true, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, menuInteractions: { classPropertyName: "menuInteractions", publicName: "menuInteractions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { evtToggleMenu: "evtToggleMenu" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<aside\r\n  class=\"dark:bg-theme-dark-800 dark:border-theme-dark-900 flex h-screen w-[80vw] max-w-75 flex-col gap-6 overflow-hidden rounded-l border-b-2 border-l-2 border-blue-400/33 bg-blue-300 p-4 shadow-2xl\">\r\n  <!-- Header: User/Close -->\r\n  <div class=\"flex h-8 w-full shrink-0 items-center\">\r\n    <dx-button class=\"ml-auto rounded-full!\" [icon]=\"'close'\" (onClick)=\"evtToggleMenu.emit(false)\">\r\n    </dx-button>\r\n  </div>\r\n\r\n  <div class=\"custom-scrollbar flex flex-1 flex-col overflow-x-hidden overflow-y-auto pr-1\">\r\n    <!-- Sezione Menu Principale -->\r\n    @if (menuItems().length) {\r\n    <ul class=\"flex flex-col gap-1.5\">\r\n      @for (item of menuItems(); track item.id) { @if (item.visible !== false) {\r\n      <li>\r\n        <a\r\n          class=\"group flex h-12 items-center gap-3 rounded-lg px-3 text-white! transition-colors dark:text-gray-300!\"\r\n          [ngClass]=\"{\r\n            'dark:hover:bg-theme-dark-700 hover:bg-blue-400': !item.badge && !item.disabled,\r\n            'hover:bg-red-500/50': item.badge && !item.disabled,\r\n            'pointer-events-none opacity-30 grayscale': item.disabled,\r\n          }\"\r\n          [routerLink]=\"item.disabled ? null : item.path\"\r\n          [routerLinkActive]=\"item.badge ?\r\n            'bg-red-500/60 *:text-white! *:font-semibold!' :\r\n            'bg-blue-400/75 dark:bg-theme-dark-700 *:text-white! *:font-semibold!'\r\n          \"\r\n          (click)=\"evtToggleMenu.emit(false)\">\r\n          <fa-icon [icon]=\"item.icon\" class=\"w-6 text-center text-lg\"></fa-icon>\r\n          <span class=\"flex-1 truncate font-medium\">{{ item.label }}</span>\r\n          @if (item.badge) {\r\n          <div\r\n            class=\"flex size-6 animate-pulse items-center justify-center rounded bg-red-500 shadow-lg\">\r\n            <fa-icon class=\"text-xs\" [icon]=\"ICON.NOTIFICATION\"></fa-icon>\r\n          </div>\r\n          }\r\n        </a>\r\n      </li>\r\n      } }\r\n    </ul>\r\n    }\r\n\r\n    <!-- Sezione Interazioni Dinamiche -->\r\n    @if (menuInteractions().length) {\r\n    <hr class=\"dark:border-theme-dark-900 my-6 border-blue-400/30\" />\r\n    <ul class=\"flex flex-col gap-2 text-white\">\r\n      @for (item of menuInteractions(); track item.id) { @if (item.data.type === 'button') {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"flex h-12 w-full items-center gap-3 rounded-lg px-3 transition-all active:scale-95\"\r\n          [class]=\"item.class\"\r\n          (click)=\"item.data.onClick()\">\r\n          <fa-icon class=\"w-6\" [icon]=\"item.data.icon\"></fa-icon>\r\n          <span class=\"flex-1 truncate text-left font-medium\">{{ item.label }}</span>\r\n        </button>\r\n      </li>\r\n      } @else if (item.data.type === 'select') {\r\n      <li\r\n        class=\"dark:bg-theme-dark-700 flex flex-col gap-1 rounded-lg bg-blue-400/75 p-3 shadow-sm\">\r\n        <span class=\"text-xs font-bold uppercase opacity-60\">{{ item.label }}</span>\r\n        <dx-select-box\r\n          class=\"w-full\"\r\n          valueExpr=\"id\"\r\n          displayExpr=\"description\"\r\n          [items]=\"item.data.combos\"\r\n          [value]=\"item.data.value\"\r\n          stylingMode=\"underlined\"\r\n          (onValueChanged)=\"item.data.onValueChanged($event)\">\r\n        </dx-select-box>\r\n      </li>\r\n      } }\r\n    </ul>\r\n    }\r\n\r\n    <!-- Settings Statici -->\r\n    <hr class=\"dark:border-theme-dark-900 my-6 border-blue-400/30\" />\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"dark:bg-theme-dark-700 flex h-14 items-center justify-between rounded-lg bg-blue-400/75 px-4 text-white shadow-sm\">\r\n        <div class=\"flex items-center gap-3\">\r\n          <fa-icon [icon]=\"darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE\"></fa-icon>\r\n          <span class=\"truncate\">{{ 'DarkMode' | translate }}</span>\r\n        </div>\r\n        <dx-switch [value]=\"darkMode()\" (onValueChanged)=\"updateTheme($event)\"></dx-switch>\r\n      </div>\r\n\r\n      <div\r\n        class=\"dark:bg-theme-dark-700 flex h-14 items-center justify-between rounded-lg bg-blue-400/75 px-4 text-white shadow-sm\">\r\n        <div class=\"flex items-center gap-3\">\r\n          <fa-icon [icon]=\"ICON.LANGUAGE\"></fa-icon>\r\n          <span class=\"truncate\">{{ 'Language' | translate }}</span>\r\n        </div>\r\n        <dx-select-box\r\n          class=\"w-24\"\r\n          [items]=\"localesSupported\"\r\n          [value]=\"locale\"\r\n          stylingMode=\"underlined\"\r\n          (onValueChanged)=\"updateLocale($event)\">\r\n        </dx-select-box>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Footer Logo -->\r\n  <div class=\"mt-auto border-t border-white/20 pt-4\">\r\n    <img\r\n      class=\"ml-auto opacity-90 transition-opacity hover:opacity-100\"\r\n      [ngSrc]=\"pathUnitecLogo()\"\r\n      priority\r\n      alt=\"Brand logo\"\r\n      height=\"32\"\r\n      width=\"88\" />\r\n  </div>\r\n</aside>\r\n", styles: [":host{position:fixed;top:0;right:0;z-index:999}:host ::ng-deep input.dx-texteditor-input{padding:2px 0!important;color:#fff!important}:host ::ng-deep .dx-dropdowneditor-icon{color:#fff}:host ::ng-deep .dx-texteditor.dx-editor-underlined:after{border-color:#fff!important}:host ::ng-deep dx-select-box .dx-placeholder:before{padding-block:0px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: DxButtonModule }, { kind: "component", type: i1$1.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i3.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldAddons", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldAddonsChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "ngmodule", type: DxSwitchModule }, { kind: "component", type: i4.DxSwitchComponent, selector: "dx-switch", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "switchedOffText", "switchedOnText", "tabIndex", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "switchedOffTextChange", "switchedOnTextChange", "tabIndexChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: UniTranslatePipe$1, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniSideMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-side-menu', standalone: true, imports: [
+                        CommonModule,
+                        RouterLink,
+                        RouterLinkActive,
+                        DxButtonModule,
+                        DxSelectBoxModule,
+                        DxSwitchModule,
+                        UniTranslatePipe$1,
+                        FaIconComponent,
+                        NgOptimizedImage,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside\r\n  class=\"dark:bg-theme-dark-800 dark:border-theme-dark-900 flex h-screen w-[80vw] max-w-75 flex-col gap-6 overflow-hidden rounded-l border-b-2 border-l-2 border-blue-400/33 bg-blue-300 p-4 shadow-2xl\">\r\n  <!-- Header: User/Close -->\r\n  <div class=\"flex h-8 w-full shrink-0 items-center\">\r\n    <dx-button class=\"ml-auto rounded-full!\" [icon]=\"'close'\" (onClick)=\"evtToggleMenu.emit(false)\">\r\n    </dx-button>\r\n  </div>\r\n\r\n  <div class=\"custom-scrollbar flex flex-1 flex-col overflow-x-hidden overflow-y-auto pr-1\">\r\n    <!-- Sezione Menu Principale -->\r\n    @if (menuItems().length) {\r\n    <ul class=\"flex flex-col gap-1.5\">\r\n      @for (item of menuItems(); track item.id) { @if (item.visible !== false) {\r\n      <li>\r\n        <a\r\n          class=\"group flex h-12 items-center gap-3 rounded-lg px-3 text-white! transition-colors dark:text-gray-300!\"\r\n          [ngClass]=\"{\r\n            'dark:hover:bg-theme-dark-700 hover:bg-blue-400': !item.badge && !item.disabled,\r\n            'hover:bg-red-500/50': item.badge && !item.disabled,\r\n            'pointer-events-none opacity-30 grayscale': item.disabled,\r\n          }\"\r\n          [routerLink]=\"item.disabled ? null : item.path\"\r\n          [routerLinkActive]=\"item.badge ?\r\n            'bg-red-500/60 *:text-white! *:font-semibold!' :\r\n            'bg-blue-400/75 dark:bg-theme-dark-700 *:text-white! *:font-semibold!'\r\n          \"\r\n          (click)=\"evtToggleMenu.emit(false)\">\r\n          <fa-icon [icon]=\"item.icon\" class=\"w-6 text-center text-lg\"></fa-icon>\r\n          <span class=\"flex-1 truncate font-medium\">{{ item.label }}</span>\r\n          @if (item.badge) {\r\n          <div\r\n            class=\"flex size-6 animate-pulse items-center justify-center rounded bg-red-500 shadow-lg\">\r\n            <fa-icon class=\"text-xs\" [icon]=\"ICON.NOTIFICATION\"></fa-icon>\r\n          </div>\r\n          }\r\n        </a>\r\n      </li>\r\n      } }\r\n    </ul>\r\n    }\r\n\r\n    <!-- Sezione Interazioni Dinamiche -->\r\n    @if (menuInteractions().length) {\r\n    <hr class=\"dark:border-theme-dark-900 my-6 border-blue-400/30\" />\r\n    <ul class=\"flex flex-col gap-2 text-white\">\r\n      @for (item of menuInteractions(); track item.id) { @if (item.data.type === 'button') {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"flex h-12 w-full items-center gap-3 rounded-lg px-3 transition-all active:scale-95\"\r\n          [class]=\"item.class\"\r\n          (click)=\"item.data.onClick()\">\r\n          <fa-icon class=\"w-6\" [icon]=\"item.data.icon\"></fa-icon>\r\n          <span class=\"flex-1 truncate text-left font-medium\">{{ item.label }}</span>\r\n        </button>\r\n      </li>\r\n      } @else if (item.data.type === 'select') {\r\n      <li\r\n        class=\"dark:bg-theme-dark-700 flex flex-col gap-1 rounded-lg bg-blue-400/75 p-3 shadow-sm\">\r\n        <span class=\"text-xs font-bold uppercase opacity-60\">{{ item.label }}</span>\r\n        <dx-select-box\r\n          class=\"w-full\"\r\n          valueExpr=\"id\"\r\n          displayExpr=\"description\"\r\n          [items]=\"item.data.combos\"\r\n          [value]=\"item.data.value\"\r\n          stylingMode=\"underlined\"\r\n          (onValueChanged)=\"item.data.onValueChanged($event)\">\r\n        </dx-select-box>\r\n      </li>\r\n      } }\r\n    </ul>\r\n    }\r\n\r\n    <!-- Settings Statici -->\r\n    <hr class=\"dark:border-theme-dark-900 my-6 border-blue-400/30\" />\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"dark:bg-theme-dark-700 flex h-14 items-center justify-between rounded-lg bg-blue-400/75 px-4 text-white shadow-sm\">\r\n        <div class=\"flex items-center gap-3\">\r\n          <fa-icon [icon]=\"darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE\"></fa-icon>\r\n          <span class=\"truncate\">{{ 'DarkMode' | translate }}</span>\r\n        </div>\r\n        <dx-switch [value]=\"darkMode()\" (onValueChanged)=\"updateTheme($event)\"></dx-switch>\r\n      </div>\r\n\r\n      <div\r\n        class=\"dark:bg-theme-dark-700 flex h-14 items-center justify-between rounded-lg bg-blue-400/75 px-4 text-white shadow-sm\">\r\n        <div class=\"flex items-center gap-3\">\r\n          <fa-icon [icon]=\"ICON.LANGUAGE\"></fa-icon>\r\n          <span class=\"truncate\">{{ 'Language' | translate }}</span>\r\n        </div>\r\n        <dx-select-box\r\n          class=\"w-24\"\r\n          [items]=\"localesSupported\"\r\n          [value]=\"locale\"\r\n          stylingMode=\"underlined\"\r\n          (onValueChanged)=\"updateLocale($event)\">\r\n        </dx-select-box>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Footer Logo -->\r\n  <div class=\"mt-auto border-t border-white/20 pt-4\">\r\n    <img\r\n      class=\"ml-auto opacity-90 transition-opacity hover:opacity-100\"\r\n      [ngSrc]=\"pathUnitecLogo()\"\r\n      priority\r\n      alt=\"Brand logo\"\r\n      height=\"32\"\r\n      width=\"88\" />\r\n  </div>\r\n</aside>\r\n", styles: [":host{position:fixed;top:0;right:0;z-index:999}:host ::ng-deep input.dx-texteditor-input{padding:2px 0!important;color:#fff!important}:host ::ng-deep .dx-dropdowneditor-icon{color:#fff}:host ::ng-deep .dx-texteditor.dx-editor-underlined:after{border-color:#fff!important}:host ::ng-deep dx-select-box .dx-placeholder:before{padding-block:0px!important}\n"] }]
+        }], propDecorators: { pathUnitecLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathUnitecLogo", required: true }] }], menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: false }] }], menuInteractions: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuInteractions", required: false }] }], evtToggleMenu: [{ type: i0.Output, args: ["evtToggleMenu"] }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
 
 class UniLocaleManagerAngular {
     /* ------------------------------------------------------------------------------- */
@@ -688,5 +886,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FaIconTransformPipe, UniBannerAlert, UniCapitalizePipe, UniControlValidityPipe, UniGetComboPipe, UniLabelizePipe, UniLoaderService, UniLocaleManagerAngular, UniPadPipe, UniPopupService, UniReplacePipe, UniToastService, UniTranslateInlineParametersPipe, UniTranslatePipe, UniTruncateNumberPipe };
+export { FaIconTransformPipe, UniBannerAlert, UniCapitalizePipe, UniControlValidityPipe, UniGetComboPipe, UniHeader, UniItemField, UniItemFieldWithHightContrast, UniItemFieldWithLensTooltip, UniLabelizePipe, UniLed, UniLoaderService, UniLocaleManagerAngular, UniPadPipe, UniPopupService, UniReplacePipe, UniSideMenu, UniToastService, UniTranslateInlineParametersPipe, UniTranslatePipe, UniTruncateNumberPipe };
 //# sourceMappingURL=uni-app-fe.mjs.map