@arsedizioni/ars-utils 21.2.1 → 21.2.102

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, inject, Renderer2, ElementRef, Directive, output, ChangeDetectionStrategy, Component, Injectable, ChangeDetectorRef, signal, viewChild, NgModule, HostBinding, Input, ViewChild, Optional, Self, effect, computed } from '@angular/core';
+import { input, inject, Renderer2, ElementRef, Directive, output, ChangeDetectionStrategy, Component, Injectable, DestroyRef, ChangeDetectorRef, signal, viewChild, NgModule, HostBinding, Input, ViewChild, Optional, Self, effect, computed } from '@angular/core';
 import * as i13 from '@angular/material/paginator';
 import { MatPaginatorModule, MatPaginatorIntl } from '@angular/material/paginator';
 import { DialogService, DeleteDialogConfirmMode, PaginatorIntl, OtpInputComponent, UIService } from '@arsedizioni/ars-utils/ui';
@@ -25,10 +25,10 @@ import { EmailsValidatorDirective, SafeHtmlPipe, SystemUtils, ArsCoreModule, Sea
 import * as i1$1 from '@ngbracket/ngx-layout/flex';
 import { FlexModule } from '@ngbracket/ngx-layout/flex';
 import { FlatTreeControl } from '@angular/cdk/tree';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i8$1 from '@angular/material/tree';
 import { MatTreeFlattener, MatTreeFlatDataSource, MatTreeModule } from '@angular/material/tree';
-import { BehaviorSubject, Subject, of, fromEvent, takeUntil as takeUntil$1, debounceTime } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import { BehaviorSubject, of, Subject, fromEvent, debounceTime } from 'rxjs';
 import { FlexLayoutModule } from '@ngbracket/ngx-layout';
 import { MatOptionModule } from '@angular/material/core';
 import * as i3$2 from '@angular/material/select';
@@ -66,7 +66,7 @@ class ResizeTableColumnDirective {
             if (this.pressed && e.buttons) {
                 this.renderer.addClass(this.table, "resizing");
                 // Calculate width of column
-                let width = this.startWidth + (e.pageX - this.startX - offset);
+                const width = this.startWidth + (e.pageX - this.startX - offset);
                 const tableCells = Array.from(this.table.querySelectorAll(".mat-row")).map((row) => row.querySelectorAll(".mat-cell").item(this.index()));
                 // Set table header width
                 this.renderer.setStyle(this.column, "width", `${width}px`);
@@ -155,23 +155,19 @@ class CurrentFilter {
      * Update filtered value
      */
     filtered() {
-        return ((this.flt1 !== null && this.flt1 !== undefined) ||
-            (this.flt2 !== null && this.flt2 !== undefined) ||
-            (this.flt3 !== null && this.flt3 !== undefined) ||
-            (this.flt4 !== null && this.flt4 !== undefined) ||
-            (this.flt5 !== null && this.flt5 !== undefined) ||
-            (this.text !== null && this.text !== undefined && this.text.length > 0) ||
-            (this.text2 !== null && this.text2 !== undefined && this.text2.length > 0) ||
-            (this.text3 !== null && this.text3 !== undefined && this.text3.length > 0));
+        return (this.flt1 != null ||
+            this.flt2 != null ||
+            this.flt3 != null ||
+            this.flt4 != null ||
+            this.flt5 != null ||
+            !!this.text?.length ||
+            !!this.text2?.length ||
+            !!this.text3?.length);
     }
 }
 class CurrentFilterItem {
     constructor() {
-        this.items = undefined;
-        this.value = undefined;
         this.enabled = true;
-        this.title = undefined;
-        this.selectedTitle = undefined;
     }
     clear() {
         this.value = undefined;
@@ -192,18 +188,14 @@ class SendToDialogComponent {
         };
     }
     ngOnInit() {
-        this.dialogData = this.dialogData || { count: 0, appearance: 'fill' };
-        if (!this.dialogData.appearance) {
-            this.dialogData.appearance = 'fill';
-        }
-        if (!this.dialogData.count) {
-            this.dialogData.count = 0;
-        }
+        this.dialogData ??= { count: 0, appearance: 'fill' };
+        this.dialogData.appearance ??= 'fill';
+        this.dialogData.count ??= 0;
         if (!this.dialogData.title && this.dialogData.count) {
             this.dialogData.title =
                 this.dialogData.count === 1
-                    ? "Invia documento a..."
-                    : "Invia " + this.dialogData.count + " documenti a...";
+                    ? 'Invia documento a...'
+                    : `Invia ${this.dialogData.count} documenti a...`;
         }
     }
     /**
@@ -214,9 +206,6 @@ class SendToDialogComponent {
         this.item.options = this.dialogData.options;
         this.done.emit(this.item);
     }
-    /**
-     * Populate recipients
-     */
     populateRecipients() {
         this.populate.emit(this.item);
     }
@@ -254,10 +243,6 @@ class TreeDataSource {
     ngOnDestroy() {
         this.dataChange.unsubscribe();
     }
-    /**
-     * Initialzie the data source
-     * @param data : data
-     */
     initialize(data) {
         this.dataChange.next(data);
     }
@@ -300,7 +285,7 @@ class TreeDataSource {
             return;
         if (n.parent) {
             const p = n.parent.children.findIndex(n => n.id === id);
-            if (p != -1) {
+            if (p !== -1) {
                 n.parent.children.splice(p, 1);
                 if (n.parent.count > 0)
                     n.parent.count--;
@@ -308,7 +293,7 @@ class TreeDataSource {
         }
         else {
             const p = this.data.findIndex(n => n.id === id);
-            if (p != -1) {
+            if (p !== -1) {
                 this.data.splice(p, 1);
             }
         }
@@ -356,7 +341,7 @@ class SelectTreeDialogComponent {
     constructor() {
         this.done = output();
         this.append = output();
-        this.unsubscribe = new Subject();
+        this.destroyRef = inject(DestroyRef);
         this.changeDetector = inject(ChangeDetectorRef);
         this.dialogRef = inject((MatDialogRef));
         this.dialogData = inject(MAT_DIALOG_DATA);
@@ -382,7 +367,7 @@ class SelectTreeDialogComponent {
         this.treeControl = new FlatTreeControl(this.getLevel, this.isExpandable);
         this.treeData = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
         this.tree.dataChange
-            .pipe(takeUntil(this.unsubscribe))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(data => {
             this.treeData.data = data;
             setTimeout(() => {
@@ -408,10 +393,6 @@ class SelectTreeDialogComponent {
             this.doFilter(this.dialogData.initialFilter);
         }
     }
-    ngOnDestroy() {
-        this.unsubscribe.next();
-        this.unsubscribe.complete();
-    }
     /**
      * Submit selection
      */
@@ -450,7 +431,7 @@ class SelectTreeDialogComponent {
         this.filterIndex = -1;
         if (this.filterText) {
             this.treeControl.dataNodes.forEach(n => {
-                if (n.name.toLowerCase().indexOf(this.filterText.toLowerCase()) != -1) {
+                if (n.name.toLowerCase().indexOf(this.filterText.toLowerCase()) !== -1) {
                     this.filteredItems.push(n);
                 }
             });
@@ -550,7 +531,7 @@ class SelectPictureDialogComponent {
         if (maxSize > 0) {
             const size = file.size / 1048576;
             if (size > maxSize) {
-                this.dialogService.error("File troppo grande (massimo " + SystemUtils.formatFileSize(maxSize * 1048576) + ")");
+                this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
                 return;
             }
         }
@@ -568,7 +549,7 @@ class SelectPictureDialogComponent {
                 b = 'audio/*';
             }
             if (!accept.includes(a) && !accept.includes(b)) {
-                this.dialogService.error("Sono accettati solo questi tipi di file: " + accept);
+                this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
                 return;
             }
         }
@@ -578,12 +559,12 @@ class SelectPictureDialogComponent {
             img.onload = () => {
                 const maxWidth = this.dialogData.maxWidth ?? 0;
                 if (maxWidth > 0 && img.width > maxWidth) {
-                    this.dialogService.error("Immagine troppo larga (massimo " + maxWidth + " pixel)");
+                    this.dialogService.error(`Immagine troppo larga (massimo ${maxWidth} pixel)`);
                     return;
                 }
                 const maxHeight = this.dialogData.maxHeight ?? 0;
                 if (maxHeight > 0 && img.height > maxHeight) {
-                    this.dialogService.error("Immagine troppo alta (massimo " + maxHeight + " pixel)");
+                    this.dialogService.error(`Immagine troppo alta (massimo ${maxHeight} pixel)`);
                     return;
                 }
                 this.pictureWidth.set(img.width);
@@ -684,7 +665,7 @@ class SelectFileDialogComponent {
         if (maxSize > 0) {
             const size = file.size / 1048576;
             if (size > maxSize) {
-                this.dialogService.error("File troppo grande (massimo " + SystemUtils.formatFileSize(maxSize * 1048576) + ")");
+                this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
                 return;
             }
         }
@@ -702,7 +683,7 @@ class SelectFileDialogComponent {
                 b = 'audio/*';
             }
             if (!accept.includes(a) && !accept.includes(b)) {
-                this.dialogService.error("Sono accettati solo questi tipi di file: " + accept);
+                this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
                 return;
             }
         }
@@ -997,7 +978,6 @@ class SelectDialogComponent {
      */
     ok() {
         if (!this.okDisabled()) {
-            // Multi selection
             const selectedItems = [];
             this.selection().selectedOptions.selected.forEach((element) => {
                 selectedItems.push(element.value);
@@ -1137,7 +1117,7 @@ class SelectDialogComponent {
      * Delete
      */
     doDelete() {
-        let selectedItems = [];
+        const selectedItems = [];
         this.selection().selectedOptions.selected.forEach((element) => {
             selectedItems.push(element.value);
         });
@@ -1341,7 +1321,7 @@ class ApplicationDialogService {
             },
             closeOnNavigation: false,
             minWidth: '375px',
-            maxWidth: width + 'px',
+            maxWidth: `${width}px`,
             width: '100%'
         });
     }
@@ -1674,7 +1654,7 @@ class PromptOtpDialogComponent {
      */
     ok() {
         if (this.f().form.invalid) {
-            this.dialogService.error("Ci sono degli errori da correggere.");
+            this.dialogService.error('Ci sono degli errori da correggere.');
             return;
         }
         this.done.emit({ value: this.value });
@@ -1823,7 +1803,7 @@ class FileInputComponent {
     setDisabledState(isDisabled) {
         if (!SystemUtils.isBrowser())
             return;
-        let elem = document.getElementById(this.id);
+        const elem = document.getElementById(this.id);
         if (elem) {
             this.renderer.setProperty(elem, 'disabled', isDisabled);
         }
@@ -1832,7 +1812,7 @@ class FileInputComponent {
         if (!this.focused) {
             if (!SystemUtils.isBrowser())
                 return;
-            let elem = document.getElementById(this.id);
+            const elem = document.getElementById(this.id);
             if (elem) {
                 elem.focus();
                 this.propagateTouched();
@@ -1933,7 +1913,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class FilePreviewComponent {
     constructor() {
         this.iframe = viewChild('iframe', ...(ngDevMode ? [{ debugName: "iframe" }] : []));
-        this.unsubscribe = new Subject();
         this.httpClient = inject(HttpClient);
         this.dialogService = inject(DialogService);
         this.dialogData = inject(MAT_DIALOG_DATA);
@@ -1964,8 +1943,6 @@ class FilePreviewComponent {
         }
     }
     ngOnDestroy() {
-        this.unsubscribe.next();
-        this.unsubscribe.complete();
         this.url.set(null);
     }
     /**
@@ -2064,9 +2041,6 @@ class FilterBarComponent {
     ngOnInit() {
         this.initializeFilters();
     }
-    /**
-     * Initialize filters
-     */
     initializeFilters() {
         if (!this.filters())
             return;
@@ -2103,35 +2077,35 @@ class FilterBarComponent {
         let changed = false;
         switch (filter.group) {
             case Filters.FLT_1:
-                changed = this.currentFilter.flt1 != filter.value;
+                changed = this.currentFilter.flt1 !== filter.value;
                 if (changed) {
                     this.currentFilter.flt1 = filter.value;
                     this.currentFilter.flt1Name = filter.titleSelected;
                 }
                 break;
             case Filters.FLT_2:
-                changed = this.currentFilter.flt2 != filter.value;
+                changed = this.currentFilter.flt2 !== filter.value;
                 if (changed) {
                     this.currentFilter.flt2 = filter.value;
                     this.currentFilter.flt2Name = filter.titleSelected;
                 }
                 break;
             case Filters.FLT_3:
-                changed = this.currentFilter.flt3 != filter.value;
+                changed = this.currentFilter.flt3 !== filter.value;
                 if (changed) {
                     this.currentFilter.flt3 = filter.value;
                     this.currentFilter.flt3Name = filter.titleSelected;
                 }
                 break;
             case Filters.FLT_4:
-                changed = this.currentFilter.flt4 != filter.value;
+                changed = this.currentFilter.flt4 !== filter.value;
                 if (changed) {
                     this.currentFilter.flt4 = filter.value;
                     this.currentFilter.flt4Name = filter.titleSelected;
                 }
                 break;
             case Filters.FLT_5:
-                changed = this.currentFilter.flt5 != filter.value;
+                changed = this.currentFilter.flt5 !== filter.value;
                 if (changed) {
                     this.currentFilter.flt5 = filter.value;
                     this.currentFilter.flt5Name = filter.titleSelected;
@@ -2359,17 +2333,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 
 class CalendarEmptyHeader {
     constructor() {
-        this.unsubscribe = new Subject();
+        this.destroyRef = inject(DestroyRef);
         this.calendar = inject((MatCalendar));
         this.changeDetector = inject(ChangeDetectorRef);
         this.calendar.stateChanges
-            .pipe(takeUntil(this.unsubscribe))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => this.changeDetector.markForCheck());
     }
-    ngOnDestroy() {
-        this.unsubscribe.next();
-        this.unsubscribe.complete();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarEmptyHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CalendarEmptyHeader, isStandalone: true, selector: "ng-component", ngImport: i0, template: '<div></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -2458,7 +2428,7 @@ class ButtonSelectorComponent {
     setDisabledState(isDisabled) {
         if (!SystemUtils.isBrowser())
             return;
-        let elem = document.getElementById(this.id);
+        const elem = document.getElementById(this.id);
         if (elem) {
             this.renderer.setProperty(elem, 'disabled', isDisabled);
         }
@@ -2467,7 +2437,7 @@ class ButtonSelectorComponent {
         if (!this.focused) {
             if (!SystemUtils.isBrowser())
                 return;
-            let elem = document.getElementById(this.id);
+            const elem = document.getElementById(this.id);
             if (elem) {
                 elem.focus();
                 this.propagateTouched();
@@ -2486,9 +2456,6 @@ class ButtonSelectorComponent {
         }
         this.changeDetector.markForCheck();
     }
-    /**
-     * Reset value
-     */
     reset() {
         this.writeValue(undefined);
     }
@@ -2579,7 +2546,7 @@ class ChipsSelectorComponent {
         this.containerWidth = signal(-6, ...(ngDevMode ? [{ debugName: "containerWidth" }] : []));
         this.focused = false;
         this.stateChanges = new Subject();
-        this.unsubscribe = new Subject();
+        this.destroyRef = inject(DestroyRef);
         this.changeDetector = inject(ChangeDetectorRef);
         this.changesEnabled = false;
         this.options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
@@ -2615,7 +2582,7 @@ class ChipsSelectorComponent {
     ngOnInit() {
         // React to window size change
         fromEvent(window, 'resize')
-            .pipe(takeUntil$1(this.unsubscribe), debounceTime(250))
+            .pipe(takeUntilDestroyed(this.destroyRef), debounceTime(250))
             .subscribe(() => {
             if (this.collapseAt() > 0) {
                 // Close the options menu if open
@@ -2624,8 +2591,6 @@ class ChipsSelectorComponent {
         });
     }
     ngOnDestroy() {
-        this.unsubscribe.next();
-        this.unsubscribe.complete();
         this.stateChanges.complete();
     }
     ngAfterContentInit() {
@@ -2699,7 +2664,7 @@ class ChipsSelectorComponent {
     setDisabledState(isDisabled) {
         if (!SystemUtils.isBrowser())
             return;
-        let elem = document.getElementById(this.id);
+        const elem = document.getElementById(this.id);
         if (elem) {
             this.renderer.setProperty(elem, 'disabled', isDisabled);
         }
@@ -2708,7 +2673,7 @@ class ChipsSelectorComponent {
         if (!this.focused) {
             if (!SystemUtils.isBrowser())
                 return;
-            let elem = document.getElementById(this.id);
+            const elem = document.getElementById(this.id);
             if (elem) {
                 elem.focus();
                 this.propagateTouched();
@@ -2724,10 +2689,6 @@ class ChipsSelectorComponent {
         e.stopPropagation();
         this.changeDetector.markForCheck();
     }
-    /**
-     * Select single element
-     * @param item : the item to select
-     */
     select(item) {
         if (item) {
             this.writeValue([item]);
@@ -2766,9 +2727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class ButtonToggleComponent {
     constructor() {
         this.changed = output();
-        this.current = computed(() => {
-            return this.value();
-        }, ...(ngDevMode ? [{ debugName: "current" }] : []));
+        this.current = computed(() => this.value(), ...(ngDevMode ? [{ debugName: "current" }] : []));
         this.toggled = false;
         this.value = input(false, ...(ngDevMode ? [{ debugName: "value" }] : []));
         this.width = input(-1, ...(ngDevMode ? [{ debugName: "width" }] : []));
@@ -2779,16 +2738,9 @@ class ButtonToggleComponent {
         this.iconOff = input(undefined, ...(ngDevMode ? [{ debugName: "iconOff" }] : []));
         this.cssClass = input(undefined, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
         this.cssClassSmall = input(undefined, ...(ngDevMode ? [{ debugName: "cssClassSmall" }] : []));
-        this.label = computed(() => {
-            return this.value() ? this.labelOn() ?? '' : this.labelOff() ?? '';
-        }, ...(ngDevMode ? [{ debugName: "label" }] : []));
-        this.icon = computed(() => {
-            return this.value() ? this.iconOn() ?? '' : this.iconOff() ?? '';
-        }, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.label = computed(() => this.value() ? this.labelOn() ?? '' : this.labelOff() ?? '', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.icon = computed(() => this.value() ? this.iconOn() ?? '' : this.iconOff() ?? '', ...(ngDevMode ? [{ debugName: "icon" }] : []));
     }
-    /**
-     * Toggle the button
-     */
     toggle() {
         this.toggled = !(this.value());
         this.changed.emit({ value: this.value(), toggled: this.toggled });