wuic-framework-lib 1.5.0 → 1.7.0

package/fesm2022/{wuic-framework-lib-chart-list.component-0J1ghIrS.mjs → wuic-framework-lib-chart-list.component-Bl424n7x.mjs}

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ViewChild, Output, Input, Component } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { W as WtoolboxService, k as WuicClientException, l as WuicErrorCodes, G as GlobalHandler, M as MetadataProviderService, T as TranslationManagerService, U as UserInfoService, A as ArchetypeConfiguratorComponent } from './wuic-framework-lib-wuic-framework-lib-3TZ-j-yL.mjs';
-import * as i5 from 'primeng/chart';
+import { W as WtoolboxService, m as WuicClientException, n as WuicErrorCodes, G as GlobalHandler, M as MetadataProviderService, T as TranslationManagerService, U as UserInfoService, A as ArchetypeConfiguratorComponent } from './wuic-framework-lib-wuic-framework-lib-dfLTqam5.mjs';
+import * as i4 from 'primeng/chart';
 import { ChartModule } from 'primeng/chart';
-import * as i2 from '@ngx-translate/core';
+import * as i8 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@angular/router';
@@ -308,8 +308,8 @@ class ChartListComponent {
         this.themeObserver?.disconnect();
         this.chartResizeObserver?.disconnect();
         this.detachLayoutListeners();
-        if (typeof window !== 'undefined' && this.pendingChartResizeHandle) {
-            window.cancelAnimationFrame(this.pendingChartResizeHandle);
+        if (globalThis.window !== undefined && this.pendingChartResizeHandle) {
+            globalThis.cancelAnimationFrame(this.pendingChartResizeHandle);
             this.pendingChartResizeHandle = undefined;
         }
         this.clearPendingChartMeasureTimeouts();
@@ -441,7 +441,7 @@ class ChartListComponent {
      * con `chartDrillDown` no-op che logga il click per debug — senza crash.
      */
     resolveDrillDownUtility() {
-        const fromHost = window?.utility;
+        const fromHost = globalThis?.utility;
         if (fromHost && typeof fromHost === 'object')
             return fromHost;
         return {
@@ -834,13 +834,15 @@ class ChartListComponent {
         extraProps.archetypes = extraProps.archetypes || {};
         const existingChart = extraProps.archetypes.chart || {};
         const existingDataOptions = existingChart.dataOptions || {};
-        extraProps.archetypes.chart = Object.assign({}, existingChart, {
+        extraProps.archetypes.chart = {
+            ...existingChart,
             type: this.selectedChartType,
             options: this.buildWidgetChartOptions(),
-            dataOptions: Object.assign({}, existingDataOptions, {
+            dataOptions: {
+                ...existingDataOptions,
                 cutOffCount: this.cutoffValue
-            })
-        });
+            }
+        };
         this.metaInfo.tableMetadata.extraProps = extraProps;
         this.metaInfo.tableMetadata.md_props_bag = JSON.stringify(extraProps);
     }
@@ -864,22 +866,25 @@ class ChartListComponent {
         extraProps.archetypes = extraProps.archetypes || {};
         const existingChart = extraProps.archetypes.chart || {};
         const existingDataOptions = existingChart.dataOptions || {};
-        extraProps.archetypes.chart = Object.assign({}, existingChart, {
+        extraProps.archetypes.chart = {
+            ...existingChart,
             type: this.selectedChartType,
             options: this.buildWidgetChartOptions(),
-            dataOptions: Object.assign({}, existingDataOptions, {
+            dataOptions: {
+                ...existingDataOptions,
                 cutOffCount: this.cutoffValue
-            })
-        });
+            }
+        };
         const mdPropsBag = JSON.stringify(extraProps);
         const currentTableMetadata = await this.loadCurrentTableMetadataRecord(userId);
         if (!currentTableMetadata) {
             return;
         }
-        const entity = Object.assign({}, currentTableMetadata, {
+        const entity = {
+            ...currentTableMetadata,
             md_props_bag: mdPropsBag,
             __original: currentTableMetadata
-        });
+        };
         await WtoolboxService.http.post(MetadataProviderService.updateUri, {
             route: MetadataProviderService.metaTableRoute,
             user_id: userId,
@@ -910,8 +915,8 @@ class ChartListComponent {
             propsFromBag = {};
         }
         const current = this.metaInfo?.tableMetadata?.extraProps || {};
-        const merged = Object.assign({}, propsFromBag, current);
-        merged.archetypes = Object.assign({}, propsFromBag?.archetypes || {}, current?.archetypes || {});
+        const merged = { ...propsFromBag, ...current };
+        merged.archetypes = { ...propsFromBag?.archetypes, ...current?.archetypes };
         return merged;
     }
     /**
@@ -967,7 +972,7 @@ class ChartListComponent {
         const extraProps = this.ensureMergedExtraProps();
         extraProps.archetypes = extraProps.archetypes || {};
         const existingChart = extraProps.archetypes.chart || {};
-        extraProps.archetypes.chart = Object.assign({}, existingChart, nextConfig);
+        extraProps.archetypes.chart = { ...existingChart, ...nextConfig };
         this.metaInfo.tableMetadata.extraProps = extraProps;
         this.metaInfo.tableMetadata.md_props_bag = JSON.stringify(extraProps);
         this.syncChartConfigFromPropsBag();
@@ -1038,12 +1043,19 @@ class ChartListComponent {
         }
         catch (err) {
             try {
-                err.__wuicHandled = true;
+                (err).__wuicHandled = true;
             }
             catch { /* primitive throw */ }
-            const innerMessage = err instanceof Error ? err.message
-                : (err && typeof err === 'object' && typeof err.message === 'string') ? err.message
-                    : String(err);
+            let innerMessage;
+            if (err instanceof Error) {
+                innerMessage = err.message;
+            }
+            else if (err && typeof err === 'object' && typeof err.message === 'string') {
+                innerMessage = err.message;
+            }
+            else {
+                innerMessage = String(err);
+            }
             const exc = new WuicClientException(WuicErrorCodes.archetypeInitFailed('chart'), {
                 archetype: 'chart',
                 phase: 'parseData',
@@ -1080,7 +1092,7 @@ class ChartListComponent {
                     datasets: []
                 };
                 let data = Array.isArray(result[dataOptions.dataProperty]) ? result[dataOptions.dataProperty] : [];
-                const groupRows = data.filter((d) => d && d.__group_header === 1);
+                const groupRows = data.filter((d) => d?.__group_header === 1);
                 const chartRows = groupRows.length ? groupRows : data;
                 const sortField = dataOptions.datasets?.[0]?.dataField;
                 let orderedRows = [...chartRows];
@@ -1187,13 +1199,13 @@ class ChartListComponent {
      * Pianifica un resize canvas nel prossimo frame annullando richieste pendenti.
      */
     scheduleChartResize() {
-        if (typeof window === 'undefined') {
+        if (globalThis.window === undefined) {
             return;
         }
         if (this.pendingChartResizeHandle) {
-            window.cancelAnimationFrame(this.pendingChartResizeHandle);
+            globalThis.cancelAnimationFrame(this.pendingChartResizeHandle);
         }
-        this.pendingChartResizeHandle = window.requestAnimationFrame(() => {
+        this.pendingChartResizeHandle = globalThis.requestAnimationFrame(() => {
             this.pendingChartResizeHandle = undefined;
             this.chartRef?.chart?.resize();
         });
@@ -1203,7 +1215,7 @@ class ChartListComponent {
      * adattandosi allo spazio reale disponibile.
      */
     updateChartHostHeight() {
-        if (typeof window === 'undefined' || !this.chartHostRef?.nativeElement) {
+        if (globalThis.window === undefined || !this.chartHostRef?.nativeElement) {
             return false;
         }
         const chartHost = this.chartHostRef.nativeElement;
@@ -1237,7 +1249,7 @@ class ChartListComponent {
         let constrainAncestor = chartHost.parentElement;
         while (constrainAncestor && constrainAncestor !== layoutContainer) {
             const isDashboardCell = constrainAncestor.tagName === 'TD'
-                || (constrainAncestor.className && constrainAncestor.className.indexOf('CRM_HOME_CELL') >= 0);
+                || (constrainAncestor.className?.includes('CRM_HOME_CELL'));
             if (isDashboardCell) {
                 const ancRect = constrainAncestor.getBoundingClientRect();
                 const cappedHeight = Math.floor(ancRect.bottom - hostTop - this.chartBottomPadding);
@@ -1267,7 +1279,7 @@ class ChartListComponent {
     getLayoutScrollableContainer(startElement) {
         let node = startElement.parentElement;
         while (node) {
-            const style = window.getComputedStyle(node);
+            const style = globalThis.getComputedStyle(node);
             const overflowY = style.overflowY || '';
             if ((overflowY.includes('auto') || overflowY.includes('scroll') || overflowY.includes('overlay')) && node.clientHeight > 0) {
                 return node;
@@ -1280,13 +1292,13 @@ class ChartListComponent {
      * Esegue un resize immediato e ulteriori pass differiti per gestire transizioni/layout asincroni.
      */
     scheduleChartResizePasses() {
-        if (typeof window === 'undefined') {
+        if (globalThis.window === undefined) {
             return;
         }
         this.clearPendingChartMeasureTimeouts();
         this.measureAndResizeChart(true);
         this.chartResizePassDelaysMs.forEach((delay) => {
-            const handle = window.setTimeout(() => {
+            const handle = globalThis.setTimeout(() => {
                 this.measureAndResizeChart();
             }, delay);
             this.pendingChartMeasureTimeouts.push(handle);
@@ -1296,10 +1308,10 @@ class ChartListComponent {
      * Annulla tutti i timeout di misura chart ancora pendenti.
      */
     clearPendingChartMeasureTimeouts() {
-        if (typeof window === 'undefined') {
+        if (globalThis.window === undefined) {
             return;
         }
-        this.pendingChartMeasureTimeouts.forEach((timeoutId) => window.clearTimeout(timeoutId));
+        this.pendingChartMeasureTimeouts.forEach((timeoutId) => globalThis.clearTimeout(timeoutId));
         this.pendingChartMeasureTimeouts = [];
     }
     /**
@@ -1323,7 +1335,7 @@ class ChartListComponent {
      */
     parentResizeObserver;
     attachLayoutListeners() {
-        if (typeof window === 'undefined') {
+        if (globalThis.window === undefined) {
             return;
         }
         window.addEventListener('resize', this.onWindowResize);
@@ -1336,7 +1348,7 @@ class ChartListComponent {
      * Rimuove i listener globali registrati da `attachLayoutListeners`.
      */
     detachLayoutListeners() {
-        if (typeof window === 'undefined') {
+        if (globalThis.window === undefined) {
             return;
         }
         window.removeEventListener('resize', this.onWindowResize);
@@ -1345,7 +1357,7 @@ class ChartListComponent {
         this.parentResizeObserver = undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ChartListComponent, deps: [{ token: i1.Title }, { token: i0.ChangeDetectorRef }, { token: i1$1.ActivatedRoute }, { token: TranslationManagerService }, { token: UserInfoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ChartListComponent, isStandalone: true, selector: "wuic-chart-list", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", hideToolbar: "hideToolbar" }, outputs: { onChartDataSelect: "onChartDataSelect", onChartDrillDown: "onChartDrillDown", onChartDataBound: "onChartDataBound" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chartRef"], descendants: true }, { propertyName: "chartHostRef", first: true, predicate: ["chartHostRef"], descendants: true }], ngImport: i0, template: "@if (chartOptions) {\n  <div class=\"chart-list-root\">\n    @if (!hideToolbar) {\n    <div class=\"chart-list-toolbar\">\n      @if (isAdmin) {\n      <button class=\"p-element p-button p-component\" (click)=\"openConfigPopup()\">{{'chart.settings' | translate}}</button>\n      }\n      <button class=\"p-element p-button p-component\" (click)=\"exportChart()\">{{'chart.export' | translate}}</button>\n      @if (isAdmin) {\n      <button class=\"p-element p-button p-component\" (click)=\"saveChartMetadataPropsBag()\">{{ 'metadata.save_table' | translate }}</button>\n      }\n    </div>\n    }\n\n    <div class=\"chart-list-chart-host\" #chartHostRef [style.height.px]=\"chartHostHeightPx\" [style.max-height.px]=\"chartHostHeightPx\">\n      <p-chart #chartRef [type]=\"chartOptions.type\" [data]=\"data\" [options]=\"chartOptions\" width=\"100%\"\n        height=\"100%\" [responsive]=\"true\" (onDataSelect)=\"drillDown($event)\" />\n    </div>\n  </div>\n\n  <wuic-archetype-configurator\n    [visible]=\"showConfigPopup\"\n    (visibleChange)=\"showConfigPopup = $event\"\n    [archetype]=\"'chart'\"\n    [metaInfo]=\"metaInfo\"\n    [value]=\"getChartConfigValue()\"\n    (applyConfig)=\"onArchetypeConfigApply($event)\">\n  </wuic-archetype-configurator>\n}\n", styles: [":host{display:block;height:100%;min-height:0;overflow:hidden}.chart-list-root{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;overflow:hidden}.chart-list-cutoff{flex:0 0 auto;padding:.5rem 0}.chart-list-toolbar{flex:0 0 auto;padding:.5rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.chart-list-config{flex:0 0 auto;padding:.5rem 0}.chart-list-modal-backdrop{position:fixed;inset:0;background:#0006;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem}.chart-list-modal{width:min(900px,100%);max-height:85vh;overflow:auto;background:#fff;color:#111827;border-radius:8px;box-shadow:0 10px 32px #00000040;padding:1rem}.chart-list-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.chart-list-modal-header h4{margin:0}.chart-list-config-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.chart-list-inline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.chart-list-inline label{display:inline-flex;align-items:center;gap:.35rem}.chart-list-type-select,.chart-list-inline select,.chart-list-input,.chart-list-input-sm{background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:.35rem .45rem}.chart-list-config-label{font-weight:600;font-size:.9rem}.chart-list-type-select,.chart-list-input,.chart-list-input-sm{width:100%;box-sizing:border-box}.chart-list-input-sm{width:8rem}:host-context(.theme-dark) .chart-list-modal-backdrop{background:#000000a6}:host-context(.theme-dark) .chart-list-modal{background:#111827;color:#e5e7eb;box-shadow:0 10px 32px #0000008c}:host-context(.theme-dark) .chart-list-config-label,:host-context(.theme-dark) .chart-list-inline label{color:#e5e7eb}:host-context(.theme-dark) .chart-list-type-select,:host-context(.theme-dark) .chart-list-inline select,:host-context(.theme-dark) .chart-list-input,:host-context(.theme-dark) .chart-list-input-sm{background:#0f172a;color:#e5e7eb;border-color:#374151}:host-context(.theme-dark) .chart-list-type-select:focus,:host-context(.theme-dark) .chart-list-inline select:focus,:host-context(.theme-dark) .chart-list-input:focus,:host-context(.theme-dark) .chart-list-input-sm:focus{outline:1px solid #60a5fa;outline-offset:0}.chart-list-cutoff-label{display:block;font-weight:600}.chart-list-cutoff-slider{width:100%}.chart-list-chart-host{flex:1 1 auto;min-height:0;overflow:hidden}.chart-list-chart-host p-chart{display:block;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ChartModule }, { kind: "component", type: i5.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: ArchetypeConfiguratorComponent, selector: "wuic-archetype-configurator", inputs: ["visible", "archetype", "metaInfo", "value"], outputs: ["visibleChange", "applyConfig"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ChartListComponent, isStandalone: true, selector: "wuic-chart-list", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", hideToolbar: "hideToolbar" }, outputs: { onChartDataSelect: "onChartDataSelect", onChartDrillDown: "onChartDrillDown", onChartDataBound: "onChartDataBound" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chartRef"], descendants: true }, { propertyName: "chartHostRef", first: true, predicate: ["chartHostRef"], descendants: true }], ngImport: i0, template: "@if (chartOptions) {\n  <div class=\"chart-list-root\">\n    @if (!hideToolbar) {\n    <div class=\"chart-list-toolbar\">\n      @if (isAdmin) {\n      <button class=\"p-element p-button p-component\" (click)=\"openConfigPopup()\">{{'chart.settings' | translate}}</button>\n      }\n      <button class=\"p-element p-button p-component\" (click)=\"exportChart()\">{{'chart.export' | translate}}</button>\n      @if (isAdmin) {\n      <button class=\"p-element p-button p-component\" (click)=\"saveChartMetadataPropsBag()\">{{ 'metadata.save_table' | translate }}</button>\n      }\n    </div>\n    }\n\n    <div class=\"chart-list-chart-host\" #chartHostRef [style.height.px]=\"chartHostHeightPx\" [style.max-height.px]=\"chartHostHeightPx\">\n      <p-chart #chartRef [type]=\"chartOptions.type\" [data]=\"data\" [options]=\"chartOptions\" width=\"100%\"\n        height=\"100%\" [responsive]=\"true\" (onDataSelect)=\"drillDown($event)\" />\n    </div>\n  </div>\n\n  <wuic-archetype-configurator\n    [visible]=\"showConfigPopup\"\n    (visibleChange)=\"showConfigPopup = $event\"\n    [archetype]=\"'chart'\"\n    [metaInfo]=\"metaInfo\"\n    [value]=\"getChartConfigValue()\"\n    (applyConfig)=\"onArchetypeConfigApply($event)\">\n  </wuic-archetype-configurator>\n}\n", styles: [":host{display:block;height:100%;min-height:0;overflow:hidden}.chart-list-root{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;overflow:hidden}.chart-list-cutoff{flex:0 0 auto;padding:.5rem 0}.chart-list-toolbar{flex:0 0 auto;padding:.5rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.chart-list-config{flex:0 0 auto;padding:.5rem 0}.chart-list-modal-backdrop{position:fixed;inset:0;background:#0006;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem}.chart-list-modal{width:min(900px,100%);max-height:85vh;overflow:auto;background:#fff;color:#111827;border-radius:8px;box-shadow:0 10px 32px #00000040;padding:1rem}.chart-list-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.chart-list-modal-header h4{margin:0}.chart-list-config-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.chart-list-inline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.chart-list-inline label{display:inline-flex;align-items:center;gap:.35rem}.chart-list-type-select,.chart-list-inline select,.chart-list-input,.chart-list-input-sm{background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:.35rem .45rem}.chart-list-config-label{font-weight:600;font-size:.9rem}.chart-list-type-select,.chart-list-input,.chart-list-input-sm{width:100%;box-sizing:border-box}.chart-list-input-sm{width:8rem}:host-context(.theme-dark) .chart-list-modal-backdrop{background:#000000a6}:host-context(.theme-dark) .chart-list-modal{background:#111827;color:#e5e7eb;box-shadow:0 10px 32px #0000008c}:host-context(.theme-dark) .chart-list-config-label,:host-context(.theme-dark) .chart-list-inline label{color:#e5e7eb}:host-context(.theme-dark) .chart-list-type-select,:host-context(.theme-dark) .chart-list-inline select,:host-context(.theme-dark) .chart-list-input,:host-context(.theme-dark) .chart-list-input-sm{background:#0f172a;color:#e5e7eb;border-color:#374151}:host-context(.theme-dark) .chart-list-type-select:focus,:host-context(.theme-dark) .chart-list-inline select:focus,:host-context(.theme-dark) .chart-list-input:focus,:host-context(.theme-dark) .chart-list-input-sm:focus{outline:1px solid #60a5fa;outline-offset:0}.chart-list-cutoff-label{display:block;font-weight:600}.chart-list-cutoff-slider{width:100%}.chart-list-chart-host{flex:1 1 auto;min-height:0;overflow:hidden}.chart-list-chart-host p-chart{display:block;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ChartModule }, { kind: "component", type: i4.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: ArchetypeConfiguratorComponent, selector: "wuic-archetype-configurator", inputs: ["visible", "archetype", "metaInfo", "value"], outputs: ["visibleChange", "applyConfig"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ChartListComponent, decorators: [{
             type: Component,
@@ -1377,4 +1389,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 export { ChartListComponent };
-//# sourceMappingURL=wuic-framework-lib-chart-list.component-0J1ghIrS.mjs.map
+//# sourceMappingURL=wuic-framework-lib-chart-list.component-Bl424n7x.mjs.map