wuic-framework-lib 1.5.0 → 1.7.0

package/fesm2022/wuic-framework-lib-report-scaffold-dialog.component-U-zdOoRV.mjs

@@ -0,0 +1,431 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1$2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i8 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i5 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i6 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import * as i5$1 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import { W as WtoolboxService } from './wuic-framework-lib-wuic-framework-lib-dfLTqam5.mjs';
+import * as i1 from 'primeng/dynamicdialog';
+import * as i1$1 from '@angular/common/http';
+
+/**
+ * Dialog intermedio del flusso "Crea report" (menubar metadata-editor):
+ * scelta del template (bands celle popolate / crosstab / cross-group
+ * raggruppato) + colonne da includere, con le specifiche del tipo.
+ *
+ * Aperto via DynamicDialog con `data: { route, metaInfo }`. Alla conferma
+ * chiude con `{ template, config }` (config = oggetto ScaffoldConfig, la
+ * serializzazione JSON la fa il caller via MetadataProviderService).
+ * Cancel → close(undefined) → il caller non fa nulla.
+ */
+class ReportScaffoldDialogComponent {
+    ref;
+    config;
+    http;
+    route = '';
+    template = 'bands';
+    templates = [
+        { value: 'bands', labelKey: 'report.scaffold.template_bands', descKey: 'report.scaffold.template_bands_desc' },
+        { value: 'crosstab', labelKey: 'report.scaffold.template_crosstab', descKey: 'report.scaffold.template_crosstab_desc' },
+        { value: 'crossgroup', labelKey: 'report.scaffold.template_crossgroup', descKey: 'report.scaffold.template_crossgroup_desc' }
+    ];
+    aggregations = [
+        { value: 'Sum', label: 'Sum' },
+        { value: 'Avg', label: 'Avg' },
+        { value: 'Count', label: 'Count' },
+        { value: 'Min', label: 'Min' },
+        { value: 'Max', label: 'Max' }
+    ];
+    mainColumns = [];
+    childRoutes = [];
+    crosstabColumn = null;
+    crosstabValue = null;
+    crosstabAggregation = 'Sum';
+    groupBy = null;
+    totals = [];
+    constructor(ref, config, http) {
+        this.ref = ref;
+        this.config = config;
+        this.http = http;
+    }
+    ngOnInit() {
+        const data = this.config?.data || {};
+        this.route = String(data.route || '');
+        const metaInfo = data.metaInfo;
+        this.mainColumns = (metaInfo?.columnMetadata || [])
+            .filter((c) => c?.mc_nome_colonna && c.mc_ui_column_type !== 'button')
+            .map((c) => ({
+            name: String(c.mc_nome_colonna),
+            label: String(c.mc_display_string_in_view || c.mc_nome_colonna),
+            type: String(c.mc_ui_column_type || 'text'),
+            checked: true
+        }));
+        // Child route dichiarate nei metadata (detail-first, formato route||localkey||childkey).
+        const tableMeta = metaInfo?.tableMetadata || {};
+        const def = String(tableMeta.md_detail_grid_routes || tableMeta.md_nested_grid_routes || '');
+        this.childRoutes = def
+            ? def.split(',')
+                .map((token) => token.split('||')[0]?.trim())
+                .filter((r) => !!r)
+                .map((r) => ({ route: r, checked: false, loading: false, loaded: false, columns: [] }))
+            : [];
+    }
+    get allColumnOptions() {
+        return this.mainColumns;
+    }
+    /** Colonne candidate a valore/totali: numeriche; tutte se aggregazione Count. */
+    get valueColumnOptions() {
+        if (this.crosstabAggregation === 'Count' && this.template === 'crosstab') {
+            return this.mainColumns;
+        }
+        const numeric = this.mainColumns.filter((c) => c.type === 'number' || c.type === 'number_boolean');
+        return numeric.length ? numeric : this.mainColumns;
+    }
+    async onChildToggle(child, checked) {
+        child.checked = checked;
+        if (!checked || child.loaded || child.loading) {
+            return;
+        }
+        child.loading = true;
+        try {
+            const url = (WtoolboxService.appSettings?.global_root_url ?? '') + 'MetaService.getColonneByUserID';
+            const res = await this.http.post(url, { route: child.route }, { withCredentials: true }).toPromise();
+            child.columns = (res?.results || [])
+                .filter((c) => c?.mc_nome_colonna && c.mc_ui_column_type !== 'button')
+                .map((c) => ({
+                name: String(c.mc_nome_colonna),
+                label: String(c.mc_display_string_in_view || c.mc_nome_colonna),
+                type: String(c.mc_ui_column_type || 'text'),
+                checked: true
+            }));
+            child.loaded = true;
+        }
+        catch {
+            child.checked = false;
+        }
+        finally {
+            child.loading = false;
+        }
+    }
+    addTotal() {
+        const first = this.valueColumnOptions[0];
+        this.totals.push({ column: first ? first.name : null, aggregation: 'Sum' });
+    }
+    removeTotal(index) {
+        this.totals.splice(index, 1);
+    }
+    isValid() {
+        if (this.template === 'bands') {
+            return this.mainColumns.some((c) => c.checked);
+        }
+        if (this.template === 'crosstab') {
+            return this.mainColumns.some((c) => c.checked) && !!this.crosstabColumn && !!this.crosstabValue;
+        }
+        // crossgroup
+        return !!this.groupBy && this.mainColumns.some((c) => c.checked);
+    }
+    cancel() {
+        this.ref.close(undefined);
+    }
+    confirm() {
+        const checkedMain = this.mainColumns.filter((c) => c.checked).map((c) => c.name);
+        let config;
+        if (this.template === 'crosstab') {
+            config = {
+                crosstab: {
+                    rows: checkedMain,
+                    column: this.crosstabColumn,
+                    value: this.crosstabValue,
+                    aggregation: this.crosstabAggregation
+                }
+            };
+        }
+        else if (this.template === 'crossgroup') {
+            config = {
+                crossGroup: {
+                    groupBy: this.groupBy,
+                    detailColumns: checkedMain,
+                    totals: this.totals
+                        .filter((t) => !!t.column)
+                        .map((t) => ({ column: t.column, aggregation: t.aggregation }))
+                }
+            };
+        }
+        else {
+            config = {
+                bands: {
+                    columns: checkedMain,
+                    children: this.childRoutes
+                        .filter((ch) => ch.checked && ch.columns.some((c) => c.checked))
+                        .map((ch) => ({
+                        route: ch.route,
+                        columns: ch.columns.filter((c) => c.checked).map((c) => c.name)
+                    }))
+                }
+            };
+        }
+        this.ref.close({ template: this.template, config });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ReportScaffoldDialogComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i1.DynamicDialogConfig }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ReportScaffoldDialogComponent, isStandalone: true, selector: "wuic-report-scaffold-dialog", ngImport: i0, template: `
+  <div class="rsd-section">
+    <h4>{{ 'report.scaffold.template_label' | translate }}</h4>
+    <div class="rsd-templates">
+      @for (t of templates; track t.value) {
+      <div class="rsd-template-row">
+        <p-radioButton [inputId]="'rsd-t-' + t.value" name="rsdTemplate" [value]="t.value" [(ngModel)]="template" />
+        <label [for]="'rsd-t-' + t.value">
+          <b>{{ t.labelKey | translate }}</b>
+          <div class="rsd-template-desc">{{ t.descKey | translate }}</div>
+        </label>
+      </div>
+      }
+    </div>
+  </div>
+
+  @if (template === 'bands') {
+  <div class="rsd-section">
+    <h4>{{ 'report.scaffold.columns_label' | translate }}</h4>
+    <div class="rsd-columns">
+      @for (col of mainColumns; track col.name) {
+      <div class="rsd-col-row">
+        <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-c-' + col.name" />
+        <label [for]="'rsd-c-' + col.name" class="rsd-col-label" [title]="col.name">{{ col.label }}</label>
+      </div>
+      }
+    </div>
+
+    @if (childRoutes.length) {
+    <h4 style="margin-top: .75rem">{{ 'report.scaffold.child_routes_label' | translate }}</h4>
+    @for (child of childRoutes; track child.route) {
+    <div class="rsd-child">
+      <div class="rsd-child-header">
+        <p-checkbox [binary]="true" [ngModel]="child.checked" (ngModelChange)="onChildToggle(child, $event)"
+          [inputId]="'rsd-ch-' + child.route" />
+        <label [for]="'rsd-ch-' + child.route">{{ child.route }}</label>
+      </div>
+      @if (child.checked) {
+      @if (child.loading) {
+      <div class="rsd-loading">{{ 'loading' | translate }}</div>
+      } @else {
+      <div class="rsd-columns" style="margin-top: .4rem">
+        @for (col of child.columns; track col.name) {
+        <div class="rsd-col-row">
+          <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-cc-' + child.route + '-' + col.name" />
+          <label [for]="'rsd-cc-' + child.route + '-' + col.name" class="rsd-col-label">{{ col.label }}</label>
+        </div>
+        }
+      </div>
+      }
+      }
+    </div>
+    }
+    }
+  </div>
+  }
+
+  @if (template === 'crosstab') {
+  <div class="rsd-section">
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.rows_label' | translate }}</label>
+      <div class="rsd-columns">
+        @for (col of mainColumns; track col.name) {
+        <div class="rsd-col-row">
+          <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-r-' + col.name" />
+          <label [for]="'rsd-r-' + col.name" class="rsd-col-label">{{ col.label }}</label>
+        </div>
+        }
+      </div>
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.column_label' | translate }}</label>
+      <p-select [options]="allColumnOptions" [(ngModel)]="crosstabColumn" optionLabel="label" optionValue="name" [filter]="true" appendTo="body" />
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.value_label' | translate }}</label>
+      <p-select [options]="valueColumnOptions" [(ngModel)]="crosstabValue" optionLabel="label" optionValue="name" [filter]="true" appendTo="body" />
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.aggregation_label' | translate }}</label>
+      <p-select [options]="aggregations" [(ngModel)]="crosstabAggregation" optionLabel="label" optionValue="value" appendTo="body" />
+    </div>
+  </div>
+  }
+
+  @if (template === 'crossgroup') {
+  <div class="rsd-section">
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.group_by_label' | translate }}</label>
+      <p-select [options]="allColumnOptions" [(ngModel)]="groupBy" optionLabel="label" optionValue="name" [filter]="true" appendTo="body" />
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.detail_columns_label' | translate }}</label>
+      <div class="rsd-columns">
+        @for (col of mainColumns; track col.name) {
+        <div class="rsd-col-row">
+          <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-d-' + col.name" />
+          <label [for]="'rsd-d-' + col.name" class="rsd-col-label">{{ col.label }}</label>
+        </div>
+        }
+      </div>
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.totals_label' | translate }}</label>
+      @for (total of totals; track $index) {
+      <div class="rsd-total-row">
+        <p-select [options]="valueColumnOptions" [(ngModel)]="total.column" optionLabel="label" optionValue="name" appendTo="body" />
+        <p-select [options]="aggregations" [(ngModel)]="total.aggregation" optionLabel="label" optionValue="value" appendTo="body" />
+        <p-button icon="pi pi-times" [text]="true" severity="danger" (onClick)="removeTotal($index)" />
+      </div>
+      }
+      <div class="rsd-total-row">
+        <p-button icon="pi pi-plus" [outlined]="true" size="small" (onClick)="addTotal()" [disabled]="!valueColumnOptions.length" />
+      </div>
+    </div>
+  </div>
+  }
+
+  <div class="rsd-footer">
+    <p-button [label]="'Cancel' | translate" [outlined]="true" (onClick)="cancel()" />
+    <p-button [label]="'report.scaffold.create_button' | translate" [disabled]="!isValid()" (onClick)="confirm()" />
+  </div>
+  `, isInline: true, styles: [":host{display:block}.rsd-section{margin-bottom:1rem}.rsd-templates{display:flex;flex-direction:column;gap:.5rem}.rsd-template-row{display:flex;align-items:flex-start;gap:.5rem}.rsd-template-desc{font-size:.8rem;opacity:.7}.rsd-columns{max-height:220px;overflow-y:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:6px;padding:.5rem}.rsd-col-row{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}.rsd-col-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rsd-child{border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:6px;padding:.5rem;margin-top:.5rem}.rsd-child-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.rsd-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.rsd-field label{font-size:.8rem;opacity:.75}.rsd-total-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.rsd-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.rsd-loading{font-style:italic;opacity:.7;padding:.25rem 0}h4{margin:0 0 .5rem}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i6.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ReportScaffoldDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wuic-report-scaffold-dialog', standalone: true, imports: [ButtonModule, CheckboxModule, CommonModule, FormsModule, RadioButtonModule, SelectModule, TranslateModule], template: `
+  <div class="rsd-section">
+    <h4>{{ 'report.scaffold.template_label' | translate }}</h4>
+    <div class="rsd-templates">
+      @for (t of templates; track t.value) {
+      <div class="rsd-template-row">
+        <p-radioButton [inputId]="'rsd-t-' + t.value" name="rsdTemplate" [value]="t.value" [(ngModel)]="template" />
+        <label [for]="'rsd-t-' + t.value">
+          <b>{{ t.labelKey | translate }}</b>
+          <div class="rsd-template-desc">{{ t.descKey | translate }}</div>
+        </label>
+      </div>
+      }
+    </div>
+  </div>
+
+  @if (template === 'bands') {
+  <div class="rsd-section">
+    <h4>{{ 'report.scaffold.columns_label' | translate }}</h4>
+    <div class="rsd-columns">
+      @for (col of mainColumns; track col.name) {
+      <div class="rsd-col-row">
+        <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-c-' + col.name" />
+        <label [for]="'rsd-c-' + col.name" class="rsd-col-label" [title]="col.name">{{ col.label }}</label>
+      </div>
+      }
+    </div>
+
+    @if (childRoutes.length) {
+    <h4 style="margin-top: .75rem">{{ 'report.scaffold.child_routes_label' | translate }}</h4>
+    @for (child of childRoutes; track child.route) {
+    <div class="rsd-child">
+      <div class="rsd-child-header">
+        <p-checkbox [binary]="true" [ngModel]="child.checked" (ngModelChange)="onChildToggle(child, $event)"
+          [inputId]="'rsd-ch-' + child.route" />
+        <label [for]="'rsd-ch-' + child.route">{{ child.route }}</label>
+      </div>
+      @if (child.checked) {
+      @if (child.loading) {
+      <div class="rsd-loading">{{ 'loading' | translate }}</div>
+      } @else {
+      <div class="rsd-columns" style="margin-top: .4rem">
+        @for (col of child.columns; track col.name) {
+        <div class="rsd-col-row">
+          <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-cc-' + child.route + '-' + col.name" />
+          <label [for]="'rsd-cc-' + child.route + '-' + col.name" class="rsd-col-label">{{ col.label }}</label>
+        </div>
+        }
+      </div>
+      }
+      }
+    </div>
+    }
+    }
+  </div>
+  }
+
+  @if (template === 'crosstab') {
+  <div class="rsd-section">
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.rows_label' | translate }}</label>
+      <div class="rsd-columns">
+        @for (col of mainColumns; track col.name) {
+        <div class="rsd-col-row">
+          <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-r-' + col.name" />
+          <label [for]="'rsd-r-' + col.name" class="rsd-col-label">{{ col.label }}</label>
+        </div>
+        }
+      </div>
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.column_label' | translate }}</label>
+      <p-select [options]="allColumnOptions" [(ngModel)]="crosstabColumn" optionLabel="label" optionValue="name" [filter]="true" appendTo="body" />
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.value_label' | translate }}</label>
+      <p-select [options]="valueColumnOptions" [(ngModel)]="crosstabValue" optionLabel="label" optionValue="name" [filter]="true" appendTo="body" />
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.aggregation_label' | translate }}</label>
+      <p-select [options]="aggregations" [(ngModel)]="crosstabAggregation" optionLabel="label" optionValue="value" appendTo="body" />
+    </div>
+  </div>
+  }
+
+  @if (template === 'crossgroup') {
+  <div class="rsd-section">
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.group_by_label' | translate }}</label>
+      <p-select [options]="allColumnOptions" [(ngModel)]="groupBy" optionLabel="label" optionValue="name" [filter]="true" appendTo="body" />
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.detail_columns_label' | translate }}</label>
+      <div class="rsd-columns">
+        @for (col of mainColumns; track col.name) {
+        <div class="rsd-col-row">
+          <p-checkbox [binary]="true" [(ngModel)]="col.checked" [inputId]="'rsd-d-' + col.name" />
+          <label [for]="'rsd-d-' + col.name" class="rsd-col-label">{{ col.label }}</label>
+        </div>
+        }
+      </div>
+    </div>
+    <div class="rsd-field">
+      <label>{{ 'report.scaffold.totals_label' | translate }}</label>
+      @for (total of totals; track $index) {
+      <div class="rsd-total-row">
+        <p-select [options]="valueColumnOptions" [(ngModel)]="total.column" optionLabel="label" optionValue="name" appendTo="body" />
+        <p-select [options]="aggregations" [(ngModel)]="total.aggregation" optionLabel="label" optionValue="value" appendTo="body" />
+        <p-button icon="pi pi-times" [text]="true" severity="danger" (onClick)="removeTotal($index)" />
+      </div>
+      }
+      <div class="rsd-total-row">
+        <p-button icon="pi pi-plus" [outlined]="true" size="small" (onClick)="addTotal()" [disabled]="!valueColumnOptions.length" />
+      </div>
+    </div>
+  </div>
+  }
+
+  <div class="rsd-footer">
+    <p-button [label]="'Cancel' | translate" [outlined]="true" (onClick)="cancel()" />
+    <p-button [label]="'report.scaffold.create_button' | translate" [disabled]="!isValid()" (onClick)="confirm()" />
+  </div>
+  `, styles: [":host{display:block}.rsd-section{margin-bottom:1rem}.rsd-templates{display:flex;flex-direction:column;gap:.5rem}.rsd-template-row{display:flex;align-items:flex-start;gap:.5rem}.rsd-template-desc{font-size:.8rem;opacity:.7}.rsd-columns{max-height:220px;overflow-y:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:6px;padding:.5rem}.rsd-col-row{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}.rsd-col-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rsd-child{border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:6px;padding:.5rem;margin-top:.5rem}.rsd-child-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.rsd-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.rsd-field label{font-size:.8rem;opacity:.75}.rsd-total-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.rsd-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.rsd-loading{font-style:italic;opacity:.7;padding:.25rem 0}h4{margin:0 0 .5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DynamicDialogRef }, { type: i1.DynamicDialogConfig }, { type: i1$1.HttpClient }] });
+
+export { ReportScaffoldDialogComponent };
+//# sourceMappingURL=wuic-framework-lib-report-scaffold-dialog.component-U-zdOoRV.mjs.map

package/fesm2022/{wuic-framework-lib-report-viewer.component-BR-BfI2r.mjs → wuic-framework-lib-report-viewer.component-B4LhA3SL.mjs}

@@ -5,8 +5,8 @@ import { NavigationEnd } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import * as i3 from 'stimulsoft-viewer-angular';
 import { StimulsoftViewerModule, StimulsoftViewerComponent } from 'stimulsoft-viewer-angular';
-import { W as WtoolboxService } from './wuic-framework-lib-wuic-framework-lib-3TZ-j-yL.mjs';
-import { e as ensureWuicStimulsoftLicenseRegistered } from './wuic-framework-lib-stimulsoft-license.service-BIyxB4pO.mjs';
+import { W as WtoolboxService } from './wuic-framework-lib-wuic-framework-lib-dfLTqam5.mjs';
+import { e as ensureWuicStimulsoftLicenseRegistered } from './wuic-framework-lib-stimulsoft-license.service-CsNNSFYs.mjs';
 import { firstValueFrom } from 'rxjs';
 import * as i1$1 from '@angular/common/http';
 
@@ -51,7 +51,7 @@ class ReportViewerComponent {
     /**
      * Proprieta di stato del componente per action, usata dalla logica interna e dal template.
      */
-    action;
+    action = 'InitViewer';
     /**
      * Valore corrente selezionato per current report, usato dai flussi interattivi del componente.
      */
@@ -87,7 +87,6 @@ class ReportViewerComponent {
         this.router = router;
         this.aRoute = aRoute;
         this.http = http;
-        this.action = 'InitViewer';
         this.baseRequestUrl = WtoolboxService.appSettings.api_url + 'ReportViewer/{action}';
         this.requestUrl = WtoolboxService.appSettings.api_url + 'ReportViewer/{action}';
         this.viewerProperties = {
@@ -436,11 +435,7 @@ class ReportViewerComponent {
         this.logDiag('output.error', event);
     }
     logDiag(message, payload) {
-        // if (payload !== undefined) {
-        //   console.log(`${this.diagnosticPrefix} ${message}`, payload);
-        //   return;
-        // }
-        // console.log(`${this.diagnosticPrefix} ${message}`);
+        // no-op: hook diagnostico disattivato (riattivare qui il console.log se serve)
     }
     downloadBlob(blob, fileName) {
         if (!blob) {
@@ -455,7 +450,7 @@ class ReportViewerComponent {
         anchor.style.display = 'none';
         document.body.appendChild(anchor);
         anchor.click();
-        document.body.removeChild(anchor);
+        anchor.remove();
         setTimeout(() => URL.revokeObjectURL(blobUrl), 2000);
     }
     /**
@@ -465,15 +460,15 @@ class ReportViewerComponent {
         this.routerEventsSubscription?.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ReportViewerComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ReportViewerComponent, isStandalone: true, selector: "wuic-report-viewer", viewQueries: [{ propertyName: "viewer", first: true, predicate: StimulsoftViewerComponent, descendants: true }], ngImport: i0, template: "@defer (on immediate) {\n  @if (canRenderViewer) {\n    <stimulsoft-viewer-angular [requestUrl]=\"requestUrl\" [action]=\"action\" [width]=\"'100%'\"\n        [height]=\"'calc(100% - 10px)'\" [properties]=\"viewerProperties\" (loaded)=\"onViewerLoaded()\" (export)=\"onExportEvent($event)\"\n        (print)=\"onPrintEvent($event)\" (error)=\"onViewerError($event)\"></stimulsoft-viewer-angular>\n  } @else {\n    <!-- Preflight in corso o fallito. Se fallito, la dialog localizzata e'\n         gia' stata mostrata da WuicErrorInterceptor \u2192 GlobalHandler. -->\n    <div class=\"stimulsoft-loading-placeholder\">\n      <i class=\"pi pi-spin pi-spinner\"></i>\n      <span>Verifica disponibilit\u00E0 report\u2026</span>\n    </div>\n  }\n} @placeholder {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Caricamento Report Viewer\u2026</span>\n    <small>Il SDK Stimulsoft \u00E8 in download (~15 MB). Operazione una tantum.</small>\n  </div>\n} @loading (minimum 300ms) {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Rendering report\u2026</span>\n  </div>\n} @error {\n  <div class=\"stimulsoft-error-placeholder\">\n    <i class=\"pi pi-exclamation-triangle\"></i>\n    <span>Errore nel caricamento del Report Viewer. Verifica connessione e ricarica la pagina.</span>\n  </div>\n}\n", styles: [":host{display:block;width:100%;height:100%;flex:1 1 auto;min-height:0}:host ::ng-deep stimulsoft-viewer-angular{display:block;width:100%;height:100%}:host ::ng-deep .stiJsViewerForm,:host ::ng-deep .stiJsViewerDisabledPanel{display:none!important}.stimulsoft-loading-placeholder,.stimulsoft-error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:400px;color:#64748b;font-size:1rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px}.stimulsoft-loading-placeholder .pi-spinner{font-size:2rem;color:#6366f1}.stimulsoft-loading-placeholder small{font-size:.8rem;color:#94a3b8;max-width:400px;text-align:center}.stimulsoft-error-placeholder{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.stimulsoft-error-placeholder .pi-exclamation-triangle{font-size:2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: StimulsoftViewerModule }], deferBlockDependencies: [() => [i3.StimulsoftViewerComponent]] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ReportViewerComponent, isStandalone: true, selector: "wuic-report-viewer", viewQueries: [{ propertyName: "viewer", first: true, predicate: StimulsoftViewerComponent, descendants: true }], ngImport: i0, template: "@defer (on immediate) {\n  @if (canRenderViewer) {\n    <stimulsoft-viewer-angular [requestUrl]=\"requestUrl\" [action]=\"action\" [width]=\"'100%'\"\n        [height]=\"'calc(100% - 10px)'\" [properties]=\"viewerProperties\" (loaded)=\"onViewerLoaded()\" (export)=\"onExportEvent($event)\"\n        (print)=\"onPrintEvent($event)\" (error)=\"onViewerError($event)\"></stimulsoft-viewer-angular>\n  } @else {\n    <!-- Preflight in corso o fallito. Se fallito, la dialog localizzata e'\n         gia' stata mostrata da WuicErrorInterceptor \u2192 GlobalHandler. -->\n    <div class=\"stimulsoft-loading-placeholder\">\n      <i class=\"pi pi-spin pi-spinner\"></i>\n      <span>Verifica disponibilit\u00E0 report\u2026</span>\n    </div>\n  }\n} @placeholder {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Caricamento Report Viewer\u2026</span>\n    <small>Il SDK Stimulsoft \u00E8 in download (~15 MB). Operazione una tantum.</small>\n  </div>\n} @loading (minimum 300ms) {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Rendering report\u2026</span>\n  </div>\n} @error {\n  <div class=\"stimulsoft-error-placeholder\">\n    <i class=\"pi pi-exclamation-triangle\"></i>\n    <span>Errore nel caricamento del Report Viewer. Verifica connessione e ricarica la pagina.</span>\n  </div>\n}\n", styles: [":host{display:block;width:100%;height:100%;flex:1 1 auto;min-height:0}:host ::ng-deep stimulsoft-viewer-angular{display:block;width:100%;height:100%}:host ::ng-deep .stiJsViewerForm,:host ::ng-deep .stiJsViewerDisabledPanel{display:none!important}.stimulsoft-loading-placeholder,.stimulsoft-error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:400px;color:var(--wuic-text-muted, #64748b);font-size:1rem;background:var(--wuic-surface-soft, #f8fafc);border:1px dashed var(--wuic-border, #cbd5e1);border-radius:var(--wuic-radius-lg, 8px)}.stimulsoft-loading-placeholder .pi-spinner{font-size:2rem;color:var(--wuic-accent, #6366f1)}.stimulsoft-loading-placeholder small{font-size:.8rem;color:var(--wuic-text-muted, #94a3b8);max-width:400px;text-align:center}.stimulsoft-error-placeholder{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.stimulsoft-error-placeholder .pi-exclamation-triangle{font-size:2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: StimulsoftViewerModule }], deferBlockDependencies: [() => [i3.StimulsoftViewerComponent]] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ReportViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wuic-report-viewer', imports: [CommonModule, StimulsoftViewerModule], template: "@defer (on immediate) {\n  @if (canRenderViewer) {\n    <stimulsoft-viewer-angular [requestUrl]=\"requestUrl\" [action]=\"action\" [width]=\"'100%'\"\n        [height]=\"'calc(100% - 10px)'\" [properties]=\"viewerProperties\" (loaded)=\"onViewerLoaded()\" (export)=\"onExportEvent($event)\"\n        (print)=\"onPrintEvent($event)\" (error)=\"onViewerError($event)\"></stimulsoft-viewer-angular>\n  } @else {\n    <!-- Preflight in corso o fallito. Se fallito, la dialog localizzata e'\n         gia' stata mostrata da WuicErrorInterceptor \u2192 GlobalHandler. -->\n    <div class=\"stimulsoft-loading-placeholder\">\n      <i class=\"pi pi-spin pi-spinner\"></i>\n      <span>Verifica disponibilit\u00E0 report\u2026</span>\n    </div>\n  }\n} @placeholder {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Caricamento Report Viewer\u2026</span>\n    <small>Il SDK Stimulsoft \u00E8 in download (~15 MB). Operazione una tantum.</small>\n  </div>\n} @loading (minimum 300ms) {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Rendering report\u2026</span>\n  </div>\n} @error {\n  <div class=\"stimulsoft-error-placeholder\">\n    <i class=\"pi pi-exclamation-triangle\"></i>\n    <span>Errore nel caricamento del Report Viewer. Verifica connessione e ricarica la pagina.</span>\n  </div>\n}\n", styles: [":host{display:block;width:100%;height:100%;flex:1 1 auto;min-height:0}:host ::ng-deep stimulsoft-viewer-angular{display:block;width:100%;height:100%}:host ::ng-deep .stiJsViewerForm,:host ::ng-deep .stiJsViewerDisabledPanel{display:none!important}.stimulsoft-loading-placeholder,.stimulsoft-error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:400px;color:#64748b;font-size:1rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px}.stimulsoft-loading-placeholder .pi-spinner{font-size:2rem;color:#6366f1}.stimulsoft-loading-placeholder small{font-size:.8rem;color:#94a3b8;max-width:400px;text-align:center}.stimulsoft-error-placeholder{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.stimulsoft-error-placeholder .pi-exclamation-triangle{font-size:2rem}\n"] }]
+            args: [{ selector: 'wuic-report-viewer', imports: [CommonModule, StimulsoftViewerModule], template: "@defer (on immediate) {\n  @if (canRenderViewer) {\n    <stimulsoft-viewer-angular [requestUrl]=\"requestUrl\" [action]=\"action\" [width]=\"'100%'\"\n        [height]=\"'calc(100% - 10px)'\" [properties]=\"viewerProperties\" (loaded)=\"onViewerLoaded()\" (export)=\"onExportEvent($event)\"\n        (print)=\"onPrintEvent($event)\" (error)=\"onViewerError($event)\"></stimulsoft-viewer-angular>\n  } @else {\n    <!-- Preflight in corso o fallito. Se fallito, la dialog localizzata e'\n         gia' stata mostrata da WuicErrorInterceptor \u2192 GlobalHandler. -->\n    <div class=\"stimulsoft-loading-placeholder\">\n      <i class=\"pi pi-spin pi-spinner\"></i>\n      <span>Verifica disponibilit\u00E0 report\u2026</span>\n    </div>\n  }\n} @placeholder {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Caricamento Report Viewer\u2026</span>\n    <small>Il SDK Stimulsoft \u00E8 in download (~15 MB). Operazione una tantum.</small>\n  </div>\n} @loading (minimum 300ms) {\n  <div class=\"stimulsoft-loading-placeholder\">\n    <i class=\"pi pi-spin pi-spinner\"></i>\n    <span>Rendering report\u2026</span>\n  </div>\n} @error {\n  <div class=\"stimulsoft-error-placeholder\">\n    <i class=\"pi pi-exclamation-triangle\"></i>\n    <span>Errore nel caricamento del Report Viewer. Verifica connessione e ricarica la pagina.</span>\n  </div>\n}\n", styles: [":host{display:block;width:100%;height:100%;flex:1 1 auto;min-height:0}:host ::ng-deep stimulsoft-viewer-angular{display:block;width:100%;height:100%}:host ::ng-deep .stiJsViewerForm,:host ::ng-deep .stiJsViewerDisabledPanel{display:none!important}.stimulsoft-loading-placeholder,.stimulsoft-error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:400px;color:var(--wuic-text-muted, #64748b);font-size:1rem;background:var(--wuic-surface-soft, #f8fafc);border:1px dashed var(--wuic-border, #cbd5e1);border-radius:var(--wuic-radius-lg, 8px)}.stimulsoft-loading-placeholder .pi-spinner{font-size:2rem;color:var(--wuic-accent, #6366f1)}.stimulsoft-loading-placeholder small{font-size:.8rem;color:var(--wuic-text-muted, #94a3b8);max-width:400px;text-align:center}.stimulsoft-error-placeholder{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.stimulsoft-error-placeholder .pi-exclamation-triangle{font-size:2rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i1$1.HttpClient }], propDecorators: { viewer: [{
                 type: ViewChild,
                 args: [StimulsoftViewerComponent]
             }] } });
 
 export { ReportViewerComponent };
-//# sourceMappingURL=wuic-framework-lib-report-viewer.component-BR-BfI2r.mjs.map
+//# sourceMappingURL=wuic-framework-lib-report-viewer.component-B4LhA3SL.mjs.map