@arsedizioni/ars-utils 22.0.22 → 22.0.25

package/fesm2022/arsedizioni-ars-utils-ui.application.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Service, viewChild, output, inject, signal, ChangeDetectionStrategy, Component, ChangeDetectorRef, Injectable, DestroyRef, ElementRef, computed, Renderer2, input, effect, Input, Optional, Self, booleanAttribute, afterNextRender, model, Directive } from '@angular/core';
+import { Service, viewChild, output, inject, signal, ChangeDetectionStrategy, Component, ChangeDetectorRef, Injectable, DestroyRef, ElementRef, computed, Renderer2, input, effect, Input, Optional, Self, booleanAttribute, afterNextRender, model } from '@angular/core';
 import * as i1$1 from '@arsedizioni/ars-utils/ui';
 import { DialogService, FlexModule, OtpInputComponent, UIService } from '@arsedizioni/ars-utils/ui';
 import * as i5 from '@angular/cdk/text-field';
@@ -1866,7 +1866,7 @@ class ButtonSelectorComponent {
         this.setValue(undefined, true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ButtonSelectorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: ButtonSelectorComponent, isStandalone: true, selector: "button-selector", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelSelected: { classPropertyName: "labelSelected", publicName: "labelSelected", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, autoSelect: { classPropertyName: "autoSelect", publicName: "autoSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", selected: "selected" }, host: { properties: { "id": "id", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<button mat-stroked-button class=\"menu-selector-button\" [style.border]=\"border() >= 0 ? border() : 'auto'\"\r\n    [style.border-radius]=\"borderRadius()\" [style.height]=\"border() <= 0 ? '40px' : 'auto'\"\r\n    [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\" [attr.aria-label]=\"label()\"\r\n    [matMenuTriggerFor]=\"optionsMenu\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n            @if(current()) {\r\n            <div style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                @if(labelSelected() || label()) {\r\n                <div class=\"x-small \">{{labelSelected() ?? label()}}</div>\r\n                <div fxHide.xs class=\"small truncated-1\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated-1\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                } @else {\r\n                <div fxHide.xs class=\"small truncated\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else if(labelSelected() || label()) {\r\n            <div class=\"truncated\" style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                {{labelSelected() ?? label()}}</div>\r\n            }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n        </div>\r\n    </div>\r\n</button>\r\n<mat-menu #optionsMenu=\"matMenu\">\r\n    @for (o of options(); track o) {\r\n    <button mat-menu-item (click)=\"select(o)\" [disabled]=\"o.disabled\">\r\n        {{o.name}}\r\n        @if(o.bag) {\r\n        ({{o.bag}})\r\n        }\r\n    </button>\r\n    }\r\n</mat-menu>", styles: [".menu-selector-button{padding:0 10px 0 20px!important;border-radius:9999px!important}.menu-selector-button .in-search-bar{height:56px!important;padding:0 20px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}::ng-deep .menu-selector-button>.mdc-button__label{width:100%!important}.truncated-1{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 1){.truncated-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1$1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg],    [fxLayout.sm-up],    [fxLayout.md-up],    [fxLayout.lg-up],    [fxLayout.xl-up],    [fxLayout.sm-down],    [fxLayout.md-down],    [fxLayout.lg-down]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg", "fxLayout.sm-up", "fxLayout.md-up", "fxLayout.lg-up", "fxLayout.xl-up", "fxLayout.sm-down", "fxLayout.md-down", "fxLayout.lg-down"] }, { kind: "directive", type: i1$1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg],    [fxFlex.sm-up],    [fxFlex.md-up],    [fxFlex.lg-up],    [fxFlex.xl-up],    [fxFlex.sm-down],    [fxFlex.md-down],    [fxFlex.lg-down]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg", "fxFlex.sm-up", "fxFlex.md-up", "fxFlex.lg-up", "fxFlex.xl-up", "fxFlex.sm-down", "fxFlex.md-down", "fxFlex.lg-down"] }, { kind: "directive", type: i1$1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [fxShow.xs],    [fxShow.sm],    [fxShow.md],    [fxShow.lg],    [fxShow.xl],    [fxShow.lt-sm],    [fxShow.lt-md],    [fxShow.lt-lg],    [fxShow.lt-xl],    [fxShow.gt-xs],    [fxShow.gt-sm],    [fxShow.gt-md],    [fxShow.gt-lg],    [fxShow.sm-up],    [fxShow.md-up],    [fxShow.lg-up],    [fxShow.xl-up],    [fxShow.sm-down],    [fxShow.md-down],    [fxShow.lg-down],    [fxHide.xs],    [fxHide.sm],    [fxHide.md],    [fxHide.lg],    [fxHide.xl],    [fxHide.lt-sm],    [fxHide.lt-md],    [fxHide.lt-lg],    [fxHide.lt-xl],    [fxHide.gt-xs],    [fxHide.gt-sm],    [fxHide.gt-md],    [fxHide.gt-lg],    [fxHide.sm-up],    [fxHide.md-up],    [fxHide.lg-up],    [fxHide.xl-up],    [fxHide.sm-down],    [fxHide.md-down],    [fxHide.lg-down]  ", inputs: ["fxShow", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxShow.sm-up", "fxShow.md-up", "fxShow.lg-up", "fxShow.xl-up", "fxShow.sm-down", "fxShow.md-down", "fxShow.lg-down", "fxHide", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg", "fxHide.sm-up", "fxHide.md-up", "fxHide.lg-up", "fxHide.xl-up", "fxHide.sm-down", "fxHide.md-down", "fxHide.lg-down"] }, { kind: "directive", type: i1$1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg],    [fxLayoutAlign.sm-up],    [fxLayoutAlign.md-up],    [fxLayoutAlign.lg-up],    [fxLayoutAlign.xl-up],    [fxLayoutAlign.sm-down],    [fxLayoutAlign.md-down],    [fxLayoutAlign.lg-down]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg", "fxLayoutAlign.sm-up", "fxLayoutAlign.md-up", "fxLayoutAlign.lg-up", "fxLayoutAlign.xl-up", "fxLayoutAlign.sm-down", "fxLayoutAlign.md-down", "fxLayoutAlign.lg-down"] }, { kind: "directive", type: i1$1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg],    [fxLayoutGap.sm-up],    [fxLayoutGap.md-up],    [fxLayoutGap.lg-up],    [fxLayoutGap.xl-up],    [fxLayoutGap.sm-down],    [fxLayoutGap.md-down],    [fxLayoutGap.lg-down]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg", "fxLayoutGap.sm-up", "fxLayoutGap.md-up", "fxLayoutGap.lg-up", "fxLayoutGap.xl-up", "fxLayoutGap.sm-down", "fxLayoutGap.md-down", "fxLayoutGap.lg-down"] }, { kind: "directive", type: i1$1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg],    [fxFlexAlign.sm-up],    [fxFlexAlign.md-up],    [fxFlexAlign.lg-up],    [fxFlexAlign.xl-up],    [fxFlexAlign.sm-down],    [fxFlexAlign.md-down],    [fxFlexAlign.lg-down]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg", "fxFlexAlign.sm-up", "fxFlexAlign.md-up", "fxFlexAlign.lg-up", "fxFlexAlign.xl-up", "fxFlexAlign.sm-down", "fxFlexAlign.md-down", "fxFlexAlign.lg-down"] }, { kind: "directive", type: i1$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg],    [fxFlexFill.sm-up],    [fxFlexFill.md-up],    [fxFlexFill.lg-up],    [fxFlexFill.xl-up],    [fxFlexFill.sm-down],    [fxFlexFill.md-down],    [fxFlexFill.lg-down]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg", "fxFlexFill.sm-up", "fxFlexFill.md-up", "fxFlexFill.lg-up", "fxFlexFill.xl-up", "fxFlexFill.sm-down", "fxFlexFill.md-down", "fxFlexFill.lg-down"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: ButtonSelectorComponent, isStandalone: true, selector: "button-selector", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelSelected: { classPropertyName: "labelSelected", publicName: "labelSelected", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, autoSelect: { classPropertyName: "autoSelect", publicName: "autoSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", selected: "selected" }, host: { properties: { "id": "id", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<button mat-stroked-button class=\"menu-selector-button\" [style.border]=\"border() >= 0 ? border() : 'auto'\"\r\n    [style.border-radius]=\"borderRadius()\" [style.height]=\"border() <= 0 ? '40px' : 'auto'\"\r\n    [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\" [attr.aria-label]=\"label()\"\r\n    [matMenuTriggerFor]=\"optionsMenu\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n            @if(current()) {\r\n            <div style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                @if(labelSelected() || label()) {\r\n                <div class=\"x-small \">{{labelSelected() ?? label()}}</div>\r\n                <div fxHide.xs class=\"small truncated-1\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated-1\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                } @else {\r\n                <div fxHide.xs class=\"small truncated\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else if(labelSelected() || label()) {\r\n            <div class=\"truncated\" style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                {{labelSelected() ?? label()}}</div>\r\n            }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n        </div>\r\n    </div>\r\n</button>\r\n<mat-menu #optionsMenu=\"matMenu\">\r\n    @for (o of options(); track $index) {\r\n    <button mat-menu-item (click)=\"select(o)\" [disabled]=\"o.disabled\">\r\n        {{o.name}}\r\n        @if(o.bag) {\r\n        ({{o.bag}})\r\n        }\r\n    </button>\r\n    }\r\n</mat-menu>", styles: [".menu-selector-button{padding:0 10px 0 20px!important;border-radius:9999px!important}.menu-selector-button .in-search-bar{height:56px!important;padding:0 20px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}::ng-deep .menu-selector-button>.mdc-button__label{width:100%!important}.truncated-1{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 1){.truncated-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1$1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg],    [fxLayout.sm-up],    [fxLayout.md-up],    [fxLayout.lg-up],    [fxLayout.xl-up],    [fxLayout.sm-down],    [fxLayout.md-down],    [fxLayout.lg-down]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg", "fxLayout.sm-up", "fxLayout.md-up", "fxLayout.lg-up", "fxLayout.xl-up", "fxLayout.sm-down", "fxLayout.md-down", "fxLayout.lg-down"] }, { kind: "directive", type: i1$1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg],    [fxFlex.sm-up],    [fxFlex.md-up],    [fxFlex.lg-up],    [fxFlex.xl-up],    [fxFlex.sm-down],    [fxFlex.md-down],    [fxFlex.lg-down]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg", "fxFlex.sm-up", "fxFlex.md-up", "fxFlex.lg-up", "fxFlex.xl-up", "fxFlex.sm-down", "fxFlex.md-down", "fxFlex.lg-down"] }, { kind: "directive", type: i1$1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [fxShow.xs],    [fxShow.sm],    [fxShow.md],    [fxShow.lg],    [fxShow.xl],    [fxShow.lt-sm],    [fxShow.lt-md],    [fxShow.lt-lg],    [fxShow.lt-xl],    [fxShow.gt-xs],    [fxShow.gt-sm],    [fxShow.gt-md],    [fxShow.gt-lg],    [fxShow.sm-up],    [fxShow.md-up],    [fxShow.lg-up],    [fxShow.xl-up],    [fxShow.sm-down],    [fxShow.md-down],    [fxShow.lg-down],    [fxHide.xs],    [fxHide.sm],    [fxHide.md],    [fxHide.lg],    [fxHide.xl],    [fxHide.lt-sm],    [fxHide.lt-md],    [fxHide.lt-lg],    [fxHide.lt-xl],    [fxHide.gt-xs],    [fxHide.gt-sm],    [fxHide.gt-md],    [fxHide.gt-lg],    [fxHide.sm-up],    [fxHide.md-up],    [fxHide.lg-up],    [fxHide.xl-up],    [fxHide.sm-down],    [fxHide.md-down],    [fxHide.lg-down]  ", inputs: ["fxShow", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxShow.sm-up", "fxShow.md-up", "fxShow.lg-up", "fxShow.xl-up", "fxShow.sm-down", "fxShow.md-down", "fxShow.lg-down", "fxHide", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg", "fxHide.sm-up", "fxHide.md-up", "fxHide.lg-up", "fxHide.xl-up", "fxHide.sm-down", "fxHide.md-down", "fxHide.lg-down"] }, { kind: "directive", type: i1$1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg],    [fxLayoutAlign.sm-up],    [fxLayoutAlign.md-up],    [fxLayoutAlign.lg-up],    [fxLayoutAlign.xl-up],    [fxLayoutAlign.sm-down],    [fxLayoutAlign.md-down],    [fxLayoutAlign.lg-down]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg", "fxLayoutAlign.sm-up", "fxLayoutAlign.md-up", "fxLayoutAlign.lg-up", "fxLayoutAlign.xl-up", "fxLayoutAlign.sm-down", "fxLayoutAlign.md-down", "fxLayoutAlign.lg-down"] }, { kind: "directive", type: i1$1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg],    [fxLayoutGap.sm-up],    [fxLayoutGap.md-up],    [fxLayoutGap.lg-up],    [fxLayoutGap.xl-up],    [fxLayoutGap.sm-down],    [fxLayoutGap.md-down],    [fxLayoutGap.lg-down]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg", "fxLayoutGap.sm-up", "fxLayoutGap.md-up", "fxLayoutGap.lg-up", "fxLayoutGap.xl-up", "fxLayoutGap.sm-down", "fxLayoutGap.md-down", "fxLayoutGap.lg-down"] }, { kind: "directive", type: i1$1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg],    [fxFlexAlign.sm-up],    [fxFlexAlign.md-up],    [fxFlexAlign.lg-up],    [fxFlexAlign.xl-up],    [fxFlexAlign.sm-down],    [fxFlexAlign.md-down],    [fxFlexAlign.lg-down]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg", "fxFlexAlign.sm-up", "fxFlexAlign.md-up", "fxFlexAlign.lg-up", "fxFlexAlign.xl-up", "fxFlexAlign.sm-down", "fxFlexAlign.md-down", "fxFlexAlign.lg-down"] }, { kind: "directive", type: i1$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg],    [fxFlexFill.sm-up],    [fxFlexFill.md-up],    [fxFlexFill.lg-up],    [fxFlexFill.xl-up],    [fxFlexFill.sm-down],    [fxFlexFill.md-down],    [fxFlexFill.lg-down]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg", "fxFlexFill.sm-up", "fxFlexFill.md-up", "fxFlexFill.lg-up", "fxFlexFill.xl-up", "fxFlexFill.sm-down", "fxFlexFill.md-down", "fxFlexFill.lg-down"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ButtonSelectorComponent, decorators: [{
             type: Component,
@@ -1874,7 +1874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         MatMenuModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[id]': 'id',
                         '[attr.aria-describedBy]': 'describedBy',
-                    }, template: "<button mat-stroked-button class=\"menu-selector-button\" [style.border]=\"border() >= 0 ? border() : 'auto'\"\r\n    [style.border-radius]=\"borderRadius()\" [style.height]=\"border() <= 0 ? '40px' : 'auto'\"\r\n    [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\" [attr.aria-label]=\"label()\"\r\n    [matMenuTriggerFor]=\"optionsMenu\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n            @if(current()) {\r\n            <div style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                @if(labelSelected() || label()) {\r\n                <div class=\"x-small \">{{labelSelected() ?? label()}}</div>\r\n                <div fxHide.xs class=\"small truncated-1\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated-1\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                } @else {\r\n                <div fxHide.xs class=\"small truncated\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else if(labelSelected() || label()) {\r\n            <div class=\"truncated\" style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                {{labelSelected() ?? label()}}</div>\r\n            }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n        </div>\r\n    </div>\r\n</button>\r\n<mat-menu #optionsMenu=\"matMenu\">\r\n    @for (o of options(); track o) {\r\n    <button mat-menu-item (click)=\"select(o)\" [disabled]=\"o.disabled\">\r\n        {{o.name}}\r\n        @if(o.bag) {\r\n        ({{o.bag}})\r\n        }\r\n    </button>\r\n    }\r\n</mat-menu>", styles: [".menu-selector-button{padding:0 10px 0 20px!important;border-radius:9999px!important}.menu-selector-button .in-search-bar{height:56px!important;padding:0 20px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}::ng-deep .menu-selector-button>.mdc-button__label{width:100%!important}.truncated-1{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 1){.truncated-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}\n"] }]
+                    }, template: "<button mat-stroked-button class=\"menu-selector-button\" [style.border]=\"border() >= 0 ? border() : 'auto'\"\r\n    [style.border-radius]=\"borderRadius()\" [style.height]=\"border() <= 0 ? '40px' : 'auto'\"\r\n    [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\" [attr.aria-label]=\"label()\"\r\n    [matMenuTriggerFor]=\"optionsMenu\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n            @if(current()) {\r\n            <div style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                @if(labelSelected() || label()) {\r\n                <div class=\"x-small \">{{labelSelected() ?? label()}}</div>\r\n                <div fxHide.xs class=\"small truncated-1\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated-1\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                } @else {\r\n                <div fxHide.xs class=\"small truncated\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else if(labelSelected() || label()) {\r\n            <div class=\"truncated\" style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                {{labelSelected() ?? label()}}</div>\r\n            }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n        </div>\r\n    </div>\r\n</button>\r\n<mat-menu #optionsMenu=\"matMenu\">\r\n    @for (o of options(); track $index) {\r\n    <button mat-menu-item (click)=\"select(o)\" [disabled]=\"o.disabled\">\r\n        {{o.name}}\r\n        @if(o.bag) {\r\n        ({{o.bag}})\r\n        }\r\n    </button>\r\n    }\r\n</mat-menu>", styles: [".menu-selector-button{padding:0 10px 0 20px!important;border-radius:9999px!important}.menu-selector-button .in-search-bar{height:56px!important;padding:0 20px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}::ng-deep .menu-selector-button>.mdc-button__label{width:100%!important}.truncated-1{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 1){.truncated-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2266,7 +2266,7 @@ class ChipsSelectorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ChipsSelectorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: ChipsSelectorComponent, isStandalone: true, selector: "chips-selector", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedDisplayMode: { classPropertyName: "collapsedDisplayMode", publicName: "collapsedDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null }, collapseAtContainer: { classPropertyName: "collapseAtContainer", publicName: "collapseAtContainer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, mustSelect: { classPropertyName: "mustSelect", publicName: "mustSelect", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, padAt: { classPropertyName: "padAt", publicName: "padAt", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track o) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track o; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: ChipsSelectorComponent, isStandalone: true, selector: "chips-selector", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedDisplayMode: { classPropertyName: "collapsedDisplayMode", publicName: "collapsedDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null }, collapseAtContainer: { classPropertyName: "collapseAtContainer", publicName: "collapseAtContainer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, mustSelect: { classPropertyName: "mustSelect", publicName: "mustSelect", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, padAt: { classPropertyName: "padAt", publicName: "padAt", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track $index) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track $index; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ChipsSelectorComponent, decorators: [{
             type: Component,
@@ -2277,7 +2277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '[id]': 'id',
                         '[class.floating]': 'shouldLabelFloat',
                         '[attr.aria-describedBy]': 'describedBy',
-                    }, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track o) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track o; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"] }]
+                    }, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track $index) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track $index; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -2290,8 +2290,20 @@ class FileInputComponent {
     // Initialize
     static { this.nextId = 0; }
     set value(value) {
+        this.setValue(value, true);
+    }
+    /**
+     * Updates the internal state. Form propagation is skipped for model->view
+     * writes (writeValue) to avoid the CVA echo loop, and performed for
+     * user-driven changes (selectFile/clearFile) and the public value setter.
+     * @param value     - The new file info to store and display.
+     * @param propagate - When `true`, notifies the registered onChange callback.
+     */
+    setValue(value, propagate) {
         this._value = value;
-        this.propagateChange(this._value);
+        if (propagate) {
+            this.propagateChange(this._value);
+        }
         this.stateChanges.next();
         this.changed.emit(this._value);
     }
@@ -2418,7 +2430,8 @@ class FileInputComponent {
      * @param value - The new file info to display.
      */
     writeValue(value) {
-        this.value = value;
+        // Model -> view write: must NOT propagate back to the form (echo loop)
+        this.setValue(value, false);
     }
     /**
      * Registers the on-change callback (called by the form layer).
@@ -2489,7 +2502,7 @@ class FileInputComponent {
             fileInfo.valid =
                 (!this.maxSizeMb() || fileSizeMb <= this.maxSizeMb()) &&
                     (!this.minSizeMb() || fileSizeMb >= this.minSizeMb());
-            this.writeValue(fileInfo);
+            this.setValue(fileInfo, true);
             this.fileName.set(f.name);
             this.fileSize.set(Math.round(fileSizeMb));
         }
@@ -2511,7 +2524,7 @@ class FileInputComponent {
             const fi = new FileInfo();
             fi.file = undefined;
             fi.valid = !this.required;
-            this.writeValue(fi);
+            this.setValue(fi, true);
             this.__file().nativeElement.value = '';
         }
     }
@@ -3334,87 +3347,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         MatButtonModule, MatTooltipModule, MatFormFieldModule, MatInputModule, FormsModule, FlexModule, SafeHtmlPipe], template: "<mat-tab-group class=\"taxonomy-picker-tabs\" style=\"height:100%\">\r\n    <mat-tab style=\"overflow-x: hidden !important; height: 100%\">\r\n        <ng-template mat-tab-label>\r\n            Seleziona\r\n            <mat-icon\r\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\r\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\"\r\n                matTooltipPosition=\"above\">\r\n                info\r\n            </mat-icon>\r\n        </ng-template>\r\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n                    <div fxFlex fxHide.xs>\r\n                        <mat-form-field style=\"width:200px; padding: 8px 0px\" appearance=\"outline\"\r\n                            subscriptSizing=\"dynamic\">\r\n                            <mat-label>Cerca...</mat-label>\r\n                            <input type=\"text\" (keyup)=\"doFilter()\" matInput [ngModel]=\"filterText()\"\r\n                                (ngModelChange)=\"filterText.set($event)\"\r\n                                (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n                                (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\">\r\n                            @if (filterText()) {\r\n                            <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                                aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n                                <mat-icon>close</mat-icon>\r\n                            </button>\r\n                            }\r\n                        </mat-form-field>\r\n                    </div>\r\n                    @if (filteredItems().length > 0) {\r\n                    <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n                        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n                        <button mat-icon-button (click)=\"nextFiltered()\">\r\n                            <mat-icon aria-label=\"Vai al prossimo\"\r\n                                matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end center\">\r\n                        <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\r\n                            <mat-icon>unfold_more</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\r\n                            <mat-icon>unfold_less</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\r\n                            (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\" style=\"overflow-y: auto;\">\r\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\" class=\"tree\">\r\n                    <!-- Leaf node -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n                        class=\"tree-node\" [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\r\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\r\n                        [attr.data-node-id]=\"node.id\">\r\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\r\n                        @if (isSelectable(node)) {\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </mat-checkbox>\r\n                        } @else {\r\n                        <div class=\"tree-node-label-only\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </div>\r\n                        }\r\n                    </mat-tree-node>\r\n                    <!-- Expandable node with children -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\r\n                        [matTreeNodePaddingIndent]=\"20\" #treeNode=\"matTreeNode\" class=\"tree-node\"\r\n                        [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\r\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\r\n                        [attr.data-node-id]=\"node.id\">\r\n                        <button mat-icon-button matTreeNodeToggle>\r\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\r\n                        </button>\r\n                        @if (isSelectable(node)) {\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\r\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </mat-checkbox>\r\n                        } @else {\r\n                        <div class=\"tree-node-label-only\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </div>\r\n                        }\r\n                    </mat-tree-node>\r\n                </mat-tree>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\"\r\n        style=\"height: 100%;\">\r\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:12px\">\r\n                    @if (!hasSelection()) {\r\n                    <mat-icon>info</mat-icon>\r\n                    <span [innerHTML]=\"descriptionEmpty() | safeHtml\"></span>\r\n                    } @else {\r\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon> Azzera tutto\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\" style=\"overflow-y: auto; padding-bottom: 12px;\">\r\n                <mat-chip-set>\r\n                    @for (id of selection(); track id) {\r\n                    @let node = nodeById(id);\r\n                    @if (node && isChipVisible(id)) {\r\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\r\n                        {{node.name}}\r\n                        @if (!disabled()) {\r\n                        <button matChipRemove matTooltip=\"Elimina\"><mat-icon>cancel</mat-icon></button>\r\n                        }\r\n                    </mat-chip>\r\n                    }\r\n                    }\r\n                </mat-chip-set>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n</mat-tab-group>", styles: [".tree-picker-tabs ::ng-deep .mat-mdc-tab-body-wrapper{flex:1 1 auto;height:100%}.tree{padding:8px 0 16px;background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:not(.tree-node-no-select):hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-filtered .tree-node-label-only{font-weight:700;color:var(--ars-color-accent, #7894ae);opacity:1}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.tree-node-label-only{display:flex;flex-direction:column;justify-content:center;padding-left:30px;opacity:.7}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], descriptionEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionEmpty", required: false }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", required: false }] }], maxDepthOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepthOverrides", required: false }] }], minDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDepth", required: false }] }], selectionCount: [{ type: i0.Output, args: ["selectionCount"] }], changed: [{ type: i0.Output, args: ["changed"] }], _treeRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTree), { isSignal: true }] }] } });
 
-class ResizeTableColumnDirective {
-    constructor() {
-        /** Whether this column is resizable. Bound via the `resizeColumn` attribute. */
-        this.resizable = input(undefined, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), alias: "resizeColumn" });
-        /** Zero-based index of this column in the table, used to resize body cells. */
-        this.index = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-        this.startX = 0;
-        this.startWidth = 0;
-        this.column = this.elementRef.nativeElement;
-        this.pressed = false;
-        /** Unlisten callbacks returned by renderer.listen, disposed on destroy. */
-        this.unlisteners = [];
-        /**
-         * Record the drag start position and initial column width.
-         * @param e - The mousedown event.
-         */
-        this.onMouseDown = (e) => {
-            this.pressed = true;
-            this.startX = e.pageX;
-            this.startWidth = this.column.offsetWidth;
-        };
-        /**
-         * Resize the column header and all body cells while dragging.
-         * @param e - The mousemove event.
-         */
-        this.onMouseMove = (e) => {
-            const offset = 35;
-            if (this.pressed && e.buttons && this.table) {
-                this.renderer.addClass(this.table, 'resizing');
-                const width = this.startWidth + (e.pageX - this.startX - offset);
-                const colIndex = this.index();
-                // Support both legacy (.mat-row/.mat-cell) and modern MDC
-                // (.mat-mdc-row/.mat-mdc-cell) Material table class names.
-                const tableCells = Array.from(this.table.querySelectorAll('.mat-row, .mat-mdc-row')).map((row) => row.querySelectorAll('.mat-cell, .mat-mdc-cell').item(colIndex ?? 0));
-                this.renderer.setStyle(this.column, 'width', `${width}px`);
-                for (const cell of tableCells) {
-                    this.renderer.setStyle(cell, 'width', `${width}px`);
-                }
-            }
-        };
-        /**
-         * End the drag and remove the resizing CSS class from the table.
-         */
-        this.onMouseUp = () => {
-            if (this.pressed && this.table) {
-                this.pressed = false;
-                this.renderer.removeClass(this.table, 'resizing');
-            }
-        };
-        // Dispose all DOM listeners (including the document-level mouseup,
-        // which otherwise outlives the directive) when the host is destroyed.
-        inject(DestroyRef).onDestroy(() => {
-            this.unlisteners.forEach(off => off());
-            this.unlisteners.length = 0;
-        });
-        afterNextRender(() => {
-            if (this.resizable()) {
-                const row = this.renderer.parentNode(this.column);
-                const thead = this.renderer.parentNode(row);
-                this.table = this.renderer.parentNode(thead);
-                const resizer = this.renderer.createElement('span');
-                this.renderer.addClass(resizer, 'resize-holder');
-                this.renderer.appendChild(this.column, resizer);
-                this.unlisteners.push(this.renderer.listen(resizer, 'mousedown', this.onMouseDown), this.renderer.listen(this.table, 'mousemove', this.onMouseMove), this.renderer.listen('document', 'mouseup', this.onMouseUp));
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ResizeTableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: ResizeTableColumnDirective, isStandalone: true, selector: "[resizeColumn]", inputs: { resizable: { classPropertyName: "resizable", publicName: "resizeColumn", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ResizeTableColumnDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[resizeColumn]",
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeColumn", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }] } });
-
 /*
  * Public API Surface of scm-utils
  */
@@ -3423,5 +3355,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApplicationDialogService, ButtonSelectorComponent, ButtonToggleComponent, CalendarEmptyHeader, ChipsSelectorComponent, CurrentFilter, CurrentFilterChanged, CurrentFilterItem, FileInputComponent, FilePreviewComponent, FilterBarComponent, Filters, ItemNode, PromptDateDialogComponent, PromptDialogComponent, PromptDialogType, PromptOtpDialogComponent, PromptTimeDialogComponent, ResizeTableColumnDirective, SelectDialogComponent, SelectFileDialogComponent, SelectPictureDialogComponent, SelectTreeDialogComponent, SelectableItem, SelectableNode, SendToDialogComponent, TreeDataSource, TreePickerComponent };
+export { ApplicationDialogService, ButtonSelectorComponent, ButtonToggleComponent, CalendarEmptyHeader, ChipsSelectorComponent, CurrentFilter, CurrentFilterChanged, CurrentFilterItem, FileInputComponent, FilePreviewComponent, FilterBarComponent, Filters, ItemNode, PromptDateDialogComponent, PromptDialogComponent, PromptDialogType, PromptOtpDialogComponent, PromptTimeDialogComponent, SelectDialogComponent, SelectFileDialogComponent, SelectPictureDialogComponent, SelectTreeDialogComponent, SelectableItem, SelectableNode, SendToDialogComponent, TreeDataSource, TreePickerComponent };
 //# sourceMappingURL=arsedizioni-ars-utils-ui.application.mjs.map