uni-app-fe 0.1.3 → 0.1.5

package/fesm2022/uni-app-fe.mjs

@@ -1,936 +1,11 @@
-import * as i1 from '@angular/common';
-import { CommonModule, NgOptimizedImage, DatePipe, registerLocaleData } from '@angular/common';
-import * as i0 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, 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 } from 'uni-manager/toast';
-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 { UniLocaleManager } from 'uni-manager/locale';
-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';
-import { locale, loadMessages } from 'devextreme-angular/common/core/localization';
-import esMessages from 'devextreme/localization/messages/es.json';
-import itMessages from 'devextreme/localization/messages/it.json';
-import { firstValueFrom } from 'rxjs/internal/firstValueFrom';
-import { UniHttpManager } from 'uni-manager/http';
-import { icon } from '@fortawesome/fontawesome-svg-core';
-import { UniTypeStringManager, UniTypeNumberManager } from 'uni-manager/type';
-import { DomSanitizer } from '@angular/platform-browser';
-import LoadPanel from 'devextreme/ui/load_panel';
-import { custom } from 'devextreme/ui/dialog';
-import Popup from 'devextreme/ui/popup';
-import notify from 'devextreme/ui/notify';
-
-class UniBannerAlert {
-    constructor() {
-        /* Icons */
-        this.type = input.required(...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        this.lblTitle = input.required(...(ngDevMode ? [{ debugName: "lblTitle" }] : /* istanbul ignore next */ []));
-        this.lblDescription = input.required(...(ngDevMode ? [{ debugName: "lblDescription" }] : /* istanbul ignore next */ []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
-        /* Icons */
-        this.ICON_WARNING = faTriangleExclamation;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniBannerAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: UniBannerAlert, isStandalone: true, selector: "uni-banner-alert", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, lblTitle: { classPropertyName: "lblTitle", publicName: "lblTitle", isSignal: true, isRequired: true, transformFunction: null }, lblDescription: { classPropertyName: "lblDescription", publicName: "lblDescription", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "pipe", type: UniTranslatePipe$1, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniBannerAlert, decorators: [{
-            type: Component,
-            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 }] }] } });
-
-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 {
-    /* ------------------------------------------------------------------------------- */
-    /* ----------------------------------- Config ------------------------------------ */
-    /* ------------------------------------------------------------------------------- */
-    /**
-     * Registra i dati specifici del locale nel framework Angular.
-     * Necessario per garantire che le pipe built-in (es. DatePipe, CurrencyPipe) operino secondo le convenzioni del paese corrente.
-     */
-    static setLocaleAngular(currentLocale) {
-        if (!currentLocale)
-            return;
-        /* Imposta i dati del locale corrente in Angular necessari per le pipe */
-        if (currentLocale === 'it-IT') {
-            registerLocaleData(localeIt, 'it-IT');
-        }
-        else if (currentLocale === 'es-CL') {
-            registerLocaleData(localeEsCl, 'es-CL');
-        }
-    }
-    /**
-     * Inizializza la localizzazione specifica per i componenti DevExtreme.
-     * Imposta il locale per le formattazioni native dei widget e carica i file di messaggi JSON per la traduzione dei testi di sistema.
-     */
-    static setLocaleDevextreme(currentLocale) {
-        if (!currentLocale)
-            return;
-        /* Imposta la lingua */
-        locale(currentLocale);
-        /* Forza la valuta a mano in base alla stringa esatta */
-        if (currentLocale === 'it-IT') {
-            config({ defaultCurrency: 'EUR' });
-        }
-        else if (currentLocale === 'es-CL') {
-            config({ defaultCurrency: 'CLP' });
-        }
-        /* Carica i messaggi di traduzione */
-        switch (UniLocaleManager.language) {
-            case 'it': {
-                loadMessages(itMessages);
-                break;
-            }
-            case 'es': {
-                loadMessages(esMessages);
-                break;
-            }
-        }
-    }
-    /* ------------------------------------------------------------------------------- */
-    /* ------------------------------------ Http ------------------------------------- */
-    /* ------------------------------------------------------------------------------- */
-    /**
-     * Recupera il dizionario delle traduzioni dal server remoto in base al locale corrente.
-     * Una volta completata la chiamata HTTP, aggiorna automaticamente lo store interno
-     * tramite il metodo setTranslations.
-     */
-    static async fetchTranslation(currentLocale) {
-        if (!currentLocale)
-            return;
-        const res = await firstValueFrom(UniHttpManager.read$({
-            ref: 'locale',
-            path: `/Locale/${currentLocale}`,
-        }));
-        UniLocaleManager.setLocalesSupported(res?.localesSupported);
-        UniLocaleManager.setTranslations(Object.fromEntries(Object.entries(res?.translations ?? {}).map((x) => [x[0].toLowerCase(), x[1]])));
-    }
-}
-
-class FaIconTransformPipe {
-    transform(iconDefinition) {
-        return icon(iconDefinition).html[0];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FaIconTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: FaIconTransformPipe, isStandalone: true, name: "icon_transform" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FaIconTransformPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'icon_transform',
-                    standalone: true,
-                }]
-        }] });
-
-class UniCapitalizePipe {
-    transform(key) {
-        if (!key)
-            return '';
-        return UniTypeStringManager.toCapitalize(key);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniCapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniCapitalizePipe, isStandalone: true, name: "capitalize" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniCapitalizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'capitalize',
-                    standalone: true,
-                }]
-        }] });
-
-class UniControlValidityPipe {
-    transform(errors) {
-        if (!errors || errors.length === 0)
-            return [];
-        return errors.map((error) => {
-            return {
-                type: error.kind,
-                message: UniLocaleManager.translate(UniTypeStringManager.toLabelize(error.kind)),
-            };
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniControlValidityPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniControlValidityPipe, isStandalone: true, name: "control_validity" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniControlValidityPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'control_validity',
-                    standalone: true,
-                }]
-        }] });
-
-class UniGetComboPipe {
-    transform(id, combos) {
-        if (!id)
-            return undefined;
-        return combos?.find((x) => x.id === id);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniGetComboPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniGetComboPipe, isStandalone: true, name: "get_combo" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniGetComboPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'get_combo',
-                    standalone: true,
-                }]
-        }] });
-
-class UniLabelizePipe {
-    transform(key, prefix = 'lbl', isToLabelize) {
-        if (!key)
-            return '';
-        if (isToLabelize === false)
-            return key;
-        return UniTypeStringManager.toLabelize(key, prefix);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLabelizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniLabelizePipe, isStandalone: true, name: "labelize" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLabelizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'labelize',
-                    standalone: true,
-                }]
-        }] });
-
-class UniPadPipe {
-    transform(value, count, character = '0') {
-        if (!value)
-            return '';
-        return UniTypeNumberManager.toPad(value, count, character);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniPadPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniPadPipe, isStandalone: true, name: "pad" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniPadPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'pad',
-                    standalone: true,
-                }]
-        }] });
-
-class UniReplacePipe {
-    transform(key, values) {
-        if (!key)
-            return '';
-        let fixedKey = key.trim();
-        for (const value of values) {
-            fixedKey = fixedKey.replaceAll(value.searchValue, value.replaceValue ?? '');
-        }
-        return fixedKey;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniReplacePipe, isStandalone: true, name: "replace" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniReplacePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'replace',
-                    standalone: true,
-                }]
-        }] });
-
-/**
- * Pipe per traduzioni che supportano Markdown-like syntax e HTML.
- * Uso: {{ 'KEY' | translate_html: { prefix: 'btn', params: { name: 'Mario' } } }}
- */
-class UniTranslateHtmlPipe {
-    constructor() {
-        /* Service */
-        this.sanitizer = inject(DomSanitizer);
-        /* Constant */
-        this.MARKDOWN_RULES = [
-            { regex: /\*\*(.*?)\*\*/g, replacement: '<b>$1</b>' }, // Grassetto
-            { regex: /\*(.*?)\*/g, replacement: '<i>$1</i>' }, // Corsivo
-            { regex: /`(.*?)`/g, replacement: '<code>$1</code>' }, // Codice
-            { regex: /\[(.*?)\]\((.*?)\)/g, replacement: '<a href="$2" target="_blank">$1</a>' }, // Link
-            { regex: /==(.*?)==/g, replacement: '<mark>$1</mark>' }, // Evidenziato
-            { regex: /\{(\w+)\|(\w+)\}/g, replacement: '<span style="color: $2">$1</span>' }, // Colore
-        ];
-    }
-    transform(key, options) {
-        if (!key)
-            return '';
-        if (options?.isToTranslate === false)
-            return key;
-        let translation = UniLocaleManager.translate(key, options?.prefix ?? 'lbl', options?.params);
-        for (const rule of this.MARKDOWN_RULES) {
-            translation = translation.replace(rule.regex, rule.replacement);
-        }
-        return this.sanitizer.bypassSecurityTrustHtml(translation);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTranslateHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniTranslateHtmlPipe, isStandalone: true, name: "translate_html" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTranslateHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'translate_html',
-                    standalone: true,
-                }]
-        }] });
-
-class UniTranslateInlineParametersPipe {
-    transform(key, splitChar, options) {
-        if (!key)
-            return '';
-        if (options?.isToTranslate === false)
-            return key;
-        return UniLocaleManager.translateInlineParams(key, splitChar);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTranslateInlineParametersPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniTranslateInlineParametersPipe, isStandalone: true, name: "translate_inline_parameters" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTranslateInlineParametersPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'translate_inline_parameters',
-                    standalone: true,
-                }]
-        }] });
-
-class UniTranslatePipe {
-    transform(key, options) {
-        if (!key)
-            return '';
-        if (options?.isToTranslate === false)
-            return key;
-        return UniLocaleManager.translate(key, options?.prefix ?? 'lbl', options?.params);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniTranslatePipe, isStandalone: true, name: "translate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTranslatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'translate',
-                    standalone: true,
-                }]
-        }] });
-
-class UniTruncateNumberPipe {
-    transform(value, decimalDigits = 0, maxIntegerDigits) {
-        if (value === null || value === undefined || Number.isNaN(value)) {
-            return '';
-        }
-        return UniTypeNumberManager.toTruncateAndAdUdm(value, decimalDigits, maxIntegerDigits);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTruncateNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: UniTruncateNumberPipe, isStandalone: true, name: "truncate_number" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniTruncateNumberPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'truncate_number',
-                    standalone: true,
-                }]
-        }] });
-
-class UniLoaderService {
-    constructor() {
-        const container = document.querySelector('body');
-        const content = document.createElement('div');
-        container.append(content);
-        this.loadPanel = new LoadPanel(content, {
-            showIndicator: true,
-            showPane: true,
-            shading: true,
-            shadingColor: 'rgba(0,0,0,0.4)',
-        });
-    }
-    /* ------------------------------------- Methods ------------------------------------- */
-    show() {
-        this.loadPanel.show();
-    }
-    hide() {
-        this.loadPanel.hide();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLoaderService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniLoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
-class UniPopupService {
-    constructor() {
-        /* Variables */
-        this.instances = new Map();
-    }
-    /* -------------------------------- Methods: popup -------------------------------- */
-    async createPopupConfirm(args) {
-        const { message, html, onConfirm, lblTitle, maxWidth } = args;
-        // Creazione del contenuto come stringa HTML
-        const messageHtml = html ??
-            `
-        <div style="
-          white-space: pre-line;
-          word-break: break-all;
-          padding: 0rem 1rem 1rem 1rem;
-          max-width: ${typeof maxWidth === 'number' ? maxWidth + 'px' : '800px'};
-        ">
-          ${message ?? ''}
-        </div>
-      `;
-        await custom({
-            title: lblTitle && UniLocaleManager.translate(lblTitle),
-            dragEnabled: false,
-            showTitle: !!lblTitle,
-            messageHtml,
-            buttons: [
-                { text: UniLocaleManager.translate('Confirm', 'btn'), onClick: onConfirm },
-                { text: UniLocaleManager.translate('Cancel', 'btn'), onClick: undefined },
-            ],
-        }).show();
-    }
-    async createPopup(id, args) {
-        /* Recupera args */
-        const { type, message, html, title, detail, closable } = args;
-        /* Pulsanti: dettaglio (errore o altro) */
-        const toolbarItems = [];
-        if (detail) {
-            const detailsButtons = this.createDetailsButtons(id, message ?? html, html !== undefined, detail);
-            toolbarItems.push(...detailsButtons);
-        }
-        /* Aggiunge pulsante per la chiusura del popup (possibile poi solo da qui) */
-        if (closable !== false) {
-            const closeButton = this.createCloseButton(id);
-            toolbarItems.push(closeButton);
-        }
-        /* Crea popup passando esplicitamente l'informazione sul formato del contenuto */
-        const instance = await this.createPopupInstance(id, {
-            type,
-            title,
-            content: message ?? html,
-            isContentHtml: !!html,
-            toolbarItems,
-        });
-        return instance;
-    }
-    async createPopupError(id = undefined, args) {
-        /* Recupera args */
-        const { title, message, detail, closable } = args;
-        /* Crea popup */
-        const instance = await this.createPopup(id ?? `popup-${Date.now()}`, {
-            type: 'error',
-            title: title ?? UniLocaleManager.translate('ErrorFrontend'),
-            message,
-            detail,
-            closable,
-        });
-        return instance;
-    }
-    async createPopupErrorHttp(args) {
-        /* Recupera args */
-        const { ref, err } = args;
-        /* Creazione id */
-        const id = `popup-${ref ?? Date.now()}`;
-        /* Message detail */
-        const { status, statusText, message, error: errorResponse } = err;
-        let errorDetail = `[${status} - ${statusText}]: ${message}`;
-        if (errorResponse) {
-            try {
-                if (errorResponse instanceof Blob) {
-                    errorDetail += `\n ${await errorResponse.text()}`;
-                }
-                else if (typeof errorResponse === 'string') {
-                    errorDetail += `\n ${errorResponse}`;
-                }
-                else if (typeof errorResponse === 'object') {
-                    errorDetail += `\n ${JSON.stringify(errorResponse, undefined, 2)}`;
-                }
-                else {
-                    errorDetail += `\n ${String(errorResponse)}`;
-                }
-            }
-            catch (error) {
-                errorDetail += `\n Error processing the error message: ${error}`;
-            }
-        }
-        /* Crea popup */
-        const instance = this.createPopupError(id, {
-            title: UniLocaleManager.translate(`ErrorBackend`),
-            message: UniLocaleManager.translate(`error${err.status}`),
-            detail: {
-                message: errorDetail,
-                messageToCopy: JSON.stringify(err),
-            },
-            closable: true,
-        });
-        return instance;
-    }
-    async createPopupErrorCustom(args) {
-        /* Recupera args */
-        const { ref, label, interpolationParameters } = args;
-        /* Creazione id */
-        const id = `popup-${ref ?? Date.now()}`;
-        /* Crea popup */
-        const instance = this.createPopupError(id, {
-            title: UniLocaleManager.translate('ErrorBackendCustom'),
-            message: UniLocaleManager.translate(label, 'lbl', interpolationParameters),
-            closable: true,
-        });
-        return instance;
-    }
-    async updateContentPopup(id, content) {
-        /* Recupero popup */
-        const popup = this.instances.get(id);
-        if (!popup) {
-            throw new Error(`Popup not found (id: ${id}`);
-        }
-        /* Recupero elemento html del popup */
-        const element = popup.content().firstElementChild;
-        if (!element)
-            return;
-        /* Selezione del metodo di rendering e del layout in base alla proprietà definita */
-        if (content.html === undefined) {
-            this.setContentCenter(element, content.message);
-        }
-        else {
-            this.setContent(element, content.html, true);
-        }
-    }
-    async closePopup(id) {
-        /* Recupero popup */
-        const popup = this.instances.get(id);
-        if (!popup) {
-            throw new Error(`Popup not found (id: ${id}`);
-        }
-        /* Esecuzione del processo di chiusura asincrona del componente DevExtreme */
-        await popup.hide();
-    }
-    /* -------------------------------- Methods: instance -------------------------------- */
-    async createPopupInstance(id, args) {
-        /* Recupera argomenti */
-        const { type, title, content, isContentHtml, toolbarItems = [] } = args;
-        /* Evita doppia istanza con lo stesso id */
-        const popup = this.instances.get(id);
-        if (popup) {
-            popup.show();
-            return popup;
-        }
-        /* Crea container del popup */
-        const container = document.createElement('div');
-        document.body.append(container);
-        /* Crea popup */
-        const instance = new Popup(container, {
-            title: title ?? '',
-            showTitle: !!title,
-            deferRendering: false,
-            maxHeight: 500,
-            maxWidth: 1000,
-            dragEnabled: false,
-            showCloseButton: false,
-            hideOnOutsideClick: false,
-            shading: true,
-            wrapperAttr: {
-                id,
-                class: `uni-popup-${type ?? 'info'}`,
-            },
-            toolbarItems,
-            contentTemplate: () => {
-                const element = document.createElement('div');
-                element.style.whiteSpace = 'pre-line';
-                element.style.wordBreak = 'break-all';
-                element.style.height = '100%';
-                // Sceglie il metodo di iniezione e lo stile corretto in base al tipo di contenuto
-                if (isContentHtml) {
-                    this.setContent(element, content, true);
-                }
-                else {
-                    this.setContentCenter(element, content);
-                }
-                return element;
-            },
-            onHidden: async () => {
-                // Rimozione del riferimento dalla mappa per prevenire interazioni concorrenti
-                this.instances.delete(id);
-                // Rilascio delle risorse allocate dal widget al termine dell'animazione di uscita
-                instance.dispose();
-                // Rimozione definitiva dell'elemento HTML dal Document Object Model (DOM)
-                instance.element()?.remove();
-            },
-        });
-        /* Mostra popup */
-        this.instances.set(id, instance);
-        await instance.show();
-        return instance;
-    }
-    /* -------------------------------- Methods: utils -------------------------------- */
-    createCloseButton(id) {
-        return {
-            widget: 'dxButton',
-            toolbar: 'bottom',
-            location: 'after',
-            options: {
-                type: 'normal',
-                icon: 'close',
-                text: UniLocaleManager.translate('Close', 'btn'),
-                stylingMode: 'contained',
-                onClick: () => this.closePopup(id),
-            },
-        };
-    }
-    createDetailsButtons(id, content, isContentHtml, detail) {
-        // Variabile di stato per i dettagli
-        let inShow = false;
-        /* Pulsanti: 'dettagli' e 'indietro */
-        const items = [
-            {
-                widget: 'dxButton',
-                toolbar: 'bottom',
-                location: 'before',
-                options: {
-                    type: 'normal',
-                    icon: 'find',
-                    text: UniLocaleManager.translate('Details', 'btn'),
-                    stylingMode: 'contained',
-                    onClick: async (e) => {
-                        const popup = this.instances.get(id);
-                        if (!popup) {
-                            throw new Error(`Popup not found (id: ${id}`);
-                        }
-                        const element = popup.content().firstElementChild;
-                        if (!element)
-                            return;
-                        inShow = !inShow;
-                        if (inShow) {
-                            this.setContent(element, detail.message, false);
-                        }
-                        else {
-                            // Sceglie il metodo di iniezione e lo stile corretto in base al tipo di contenuto
-                            if (isContentHtml) {
-                                this.setContent(element, content, true);
-                            }
-                            else {
-                                this.setContentCenter(element, content);
-                            }
-                        }
-                        e.component.option({
-                            text: UniLocaleManager.translate(inShow ? 'Back' : 'Details', 'btn'),
-                            icon: inShow ? 'back' : 'find',
-                        });
-                    },
-                },
-            },
-            {
-                widget: 'dxButton',
-                toolbar: 'bottom',
-                location: 'before',
-                options: {
-                    type: 'normal',
-                    icon: 'refresh',
-                    text: UniLocaleManager.translate('Refresh', 'btn'),
-                    stylingMode: 'contained',
-                    onClick: () => location.reload(),
-                },
-            },
-        ];
-        /* Pulsanti: 'copiare dettagli' */
-        if (detail.messageToCopy) {
-            items.push({
-                visible: globalThis.isSecureContext,
-                widget: 'dxButton',
-                toolbar: 'bottom',
-                location: 'after',
-                options: {
-                    type: 'normal',
-                    icon: 'copy',
-                    text: UniLocaleManager.translate('Copy', 'btn'),
-                    stylingMode: 'contained',
-                    onClick: () => navigator?.clipboard?.writeText(detail.messageToCopy),
-                },
-            });
-        }
-        return items;
-    }
-    setContent(element, content, isContentHtml) {
-        if (isContentHtml) {
-            element.innerHTML = content;
-        }
-        else {
-            element.textContent = content;
-        }
-        element.style.display = 'block';
-        element.style.textAlign = 'left';
-        element.style.alignItems = ''; // Reset flexbox
-        element.style.justifyContent = ''; // Reset flexbox
-    }
-    setContentCenter(element, content) {
-        element.textContent = content;
-        element.style.display = 'flex';
-        element.style.alignItems = 'center';
-        element.style.justifyContent = 'center';
-        element.style.textAlign = 'center';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniPopupService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniPopupService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class UniToastService {
-    success(message, config) {
-        this.show(message, 'success', config);
-    }
-    info(message, config) {
-        this.show(message, 'info', config);
-    }
-    warning(message, config) {
-        this.show(message, 'warning', config);
-    }
-    error(message, config) {
-        this.show(message, 'error', config);
-    }
-    /* ----------------------- Metodi: utils ----------------------- */
-    show(message, type, config) {
-        notify({
-            message,
-            type,
-            height: 50,
-            width: 400,
-            displayTime: config?.duration ?? 4000,
-            animation: {
-                show: { type: 'fade', duration: 400, from: 0, to: 1 },
-                hide: { type: 'fade', duration: 300, from: 1, to: 0 },
-            },
-        }, { position: 'bottom center', direction: 'up-push' });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniToastService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniToastService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 /*
  * Public API Surface of uni-app-fe
  */
+const libraryName = 'uni-app-fe';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { FaIconTransformPipe, LedStatus, UniBannerAlert, UniCapitalizePipe, UniControlValidityPipe, UniGetComboPipe, UniHeader, UniItemField, UniItemFieldWithHightContrast, UniItemFieldWithLensTooltip, UniLabelizePipe, UniLed, UniLoaderService, UniLocaleManagerAngular, UniPadPipe, UniPopupService, UniReplacePipe, UniSideMenu, UniToastService, UniTranslateHtmlPipe, UniTranslateInlineParametersPipe, UniTranslatePipe, UniTruncateNumberPipe };
+export { libraryName };
 //# sourceMappingURL=uni-app-fe.mjs.map