@oneteme/jquery-organizer 0.0.1 → 0.0.3

package/fesm2022/oneteme-jquery-organizer.mjs

@@ -12,6 +12,154 @@ import { MatDividerModule } from '@angular/material/divider';
 import { Subject, isObservable, take, takeUntil as takeUntil$1 } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
+function buildYFields(indicators) {
+    const ordered = [];
+    const map = new Map();
+    for (const indicator of indicators) {
+        const groupKey = indicator.group;
+        if (groupKey) {
+            if (!map.has(groupKey)) {
+                ordered.push(groupKey);
+                map.set(groupKey, { id: groupKey, label: groupKey, aggregates: [] });
+            }
+            const parent = map.get(groupKey);
+            if (parent?.aggregates) {
+                parent.aggregates.push({ id: indicator.id, label: indicator.label });
+            }
+        }
+        else {
+            ordered.push(indicator.id);
+            map.set(indicator.id, { id: indicator.id, label: indicator.label });
+        }
+    }
+    return ordered.map(k => map.get(k)).filter((f) => !!f);
+}
+function resolveYKey(selectedY, selectedYAggregate) {
+    return selectedYAggregate ?? selectedY;
+}
+function normalizeOrganizerState(state, config) {
+    const base = state || {};
+    const normalizedY = normalizeYSelection(base.selectedY, base.selectedYAggregate, config.yFields);
+    const selectedX = hasOption(config.xFields, base.selectedX) ? base.selectedX : undefined;
+    const selectedGroupBy = hasOption(config.groups, base.selectedGroupBy) ? base.selectedGroupBy : undefined;
+    const selectedSlices = (base.selectedSlices || []).filter(sliceId => hasOption(config.slices, sliceId));
+    const normalized = {
+        ...base,
+        selectedX,
+        selectedY: normalizedY.selectedY,
+        selectedYAggregate: normalizedY.selectedYAggregate,
+        selectedGroupBy,
+        selectedSlices,
+    };
+    return {
+        ...normalized,
+        selectedTemplate: resolveMatchingTemplateId(config.templates, normalized, config)
+    };
+}
+function normalizeTemplateToState(template, currentState, config) {
+    const base = normalizeOrganizerState(currentState, config);
+    const normalizedY = normalizeYSelection(template.yField, template.yAggregate, config.yFields, base);
+    const nextState = {
+        viewMode: base.viewMode,
+        visibleFields: base.visibleFields,
+        selectedX: hasOption(config.xFields, template.xField) ? template.xField : base.selectedX,
+        selectedY: normalizedY.selectedY,
+        selectedYAggregate: normalizedY.selectedYAggregate,
+        selectedGroupBy: hasOption(config.groups, template.groupBy) ? template.groupBy : base.selectedGroupBy,
+        selectedSlices: (template.selectedSlices || []).filter(sliceId => hasOption(config.slices, sliceId)),
+    };
+    const resolvedTemplateId = resolveMatchingTemplateId(config.templates, nextState, config);
+    return {
+        ...nextState,
+        selectedTemplate: resolvedTemplateId ?? template.id
+    };
+}
+function resolveMatchingTemplateId(templates, state, config) {
+    if (!templates?.length)
+        return undefined;
+    const normalizedState = normalizeStateWithoutTemplate(state, config);
+    return templates.find(template => {
+        const templateState = normalizeStateWithoutTemplate(normalizeTemplateToComparableState(template, normalizedState, config), config);
+        return sameOrganizerState(templateState, normalizedState);
+    })?.id;
+}
+function normalizeStateCore(selectedX, selectedY, selectedYAggregate, selectedGroupBy, selectedSlices, config, originalState) {
+    const normalizedY = normalizeYSelection(selectedY, selectedYAggregate, config.yFields, originalState);
+    return {
+        selectedX: hasOption(config.xFields, selectedX) ? selectedX : undefined,
+        selectedY: normalizedY.selectedY,
+        selectedYAggregate: normalizedY.selectedYAggregate,
+        selectedGroupBy: hasOption(config.groups, selectedGroupBy) ? selectedGroupBy : undefined,
+        selectedSlices: (selectedSlices || []).filter(sliceId => hasOption(config.slices, sliceId)),
+    };
+}
+function normalizeTemplateToComparableState(template, baseState, config) {
+    return normalizeStateCore(template.xField, template.yField, template.yAggregate, template.groupBy, template.selectedSlices, config, baseState);
+}
+function normalizeStateWithoutTemplate(state, config) {
+    const base = state || {};
+    return normalizeStateCore(base.selectedX, base.selectedY, base.selectedYAggregate, base.selectedGroupBy, base.selectedSlices, config, base);
+}
+function normalizeYSelection(selectedY, selectedYAggregate, yFields, fallbackState) {
+    if (!selectedY) {
+        return {
+            selectedY: fallbackState?.selectedY,
+            selectedYAggregate: fallbackState?.selectedYAggregate,
+        };
+    }
+    const directField = yFields?.find(field => field.id === selectedY);
+    if (directField) {
+        if (!directField.aggregates?.length) {
+            return { selectedY: directField.id, selectedYAggregate: undefined };
+        }
+        const matchedAggregate = selectedYAggregate
+            ? directField.aggregates.find(aggregate => aggregate.id === selectedYAggregate)
+            : undefined;
+        const fallbackAggregate = fallbackState?.selectedY === directField.id
+            ? directField.aggregates.find(aggregate => aggregate.id === fallbackState.selectedYAggregate)
+            : undefined;
+        const resolvedAggregate = matchedAggregate ?? fallbackAggregate ?? directField.aggregates[0];
+        return {
+            selectedY: directField.id,
+            selectedYAggregate: resolvedAggregate?.id,
+        };
+    }
+    const aggregateParent = yFields?.find(field => field.aggregates?.some(aggregate => aggregate.id === selectedY));
+    if (aggregateParent) {
+        return {
+            selectedY: aggregateParent.id,
+            selectedYAggregate: selectedY,
+        };
+    }
+    return {
+        selectedY: fallbackState?.selectedY,
+        selectedYAggregate: fallbackState?.selectedYAggregate,
+    };
+}
+function sameOrganizerState(left, right) {
+    return left.selectedX === right.selectedX
+        && left.selectedY === right.selectedY
+        && left.selectedYAggregate === right.selectedYAggregate
+        && left.selectedGroupBy === right.selectedGroupBy
+        && sameSlices(left.selectedSlices || [], right.selectedSlices || []);
+}
+function sameSlices(left, right) {
+    if (left.length !== right.length)
+        return false;
+    const sortedLeft = [...left].sort((a, b) => a.localeCompare(b));
+    const sortedRight = [...right].sort((a, b) => a.localeCompare(b));
+    return sortedLeft.every((value, index) => value === sortedRight[index]);
+}
+function hasOption(items, id) {
+    return !!id && !!items?.some(item => item.id === id);
+}
+
+class TemplateManager {
+    static applyTemplate(template, currentState, config) {
+        return normalizeTemplateToState(template, currentState, config);
+    }
+}
+
 class OrganizerButtonComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -21,7 +169,13 @@ class OrganizerButtonComponent {
         this.fieldDataCache = new Map();
         this.destroy$ = new Subject();
     }
-    ngOnInit() { }
+    ngOnInit() {
+        console.debug('[OrganizerButton] Initialized', {
+            configFields: this.config?.fields?.length ?? 0,
+            hasState: !!this.state,
+            hideMenuValues: this.hideMenuValues
+        });
+    }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
@@ -39,6 +193,7 @@ class OrganizerButtonComponent {
         return `${visible}/${total}`;
     }
     onFieldToggle(fieldId, visible) {
+        console.debug('[OrganizerButton] Field toggled', { fieldId, visible });
         const visibleFields = this.state?.visibleFields || [];
         const updated = visible
             ? [...visibleFields, fieldId]
@@ -46,37 +201,56 @@ class OrganizerButtonComponent {
         this.emitChange('fieldToggled', { visibleFields: updated });
     }
     onXFieldSelect(fieldId) {
+        console.debug('[OrganizerButton] X field selected', { fieldId, current: this.state?.selectedX });
+        // Évite une requête inutile si le X est déjà sélectionné
+        if (this.state?.selectedX === fieldId) {
+            console.debug('[OrganizerButton] X field already selected, skipping emit');
+            return;
+        }
         this.emitChange('xSelected', { selectedX: fieldId });
     }
     onYFieldSelect(fieldId) {
+        console.debug('[OrganizerButton] Y field selected', { fieldId, current: this.state?.selectedY });
+        // Évite une requête inutile si le Y est déjà sélectionné
+        if (this.state?.selectedY === fieldId) {
+            console.debug('[OrganizerButton] Y field already selected, skipping emit');
+            return;
+        }
         this.emitChange('ySelected', {
             selectedY: fieldId,
             selectedYAggregate: undefined
         });
     }
     onYAggregateSelect(yFieldId, aggregateId) {
+        console.debug('[OrganizerButton] Y aggregate selected', { yFieldId, aggregateId, current: this.state?.selectedYAggregate });
+        // Évite une requête inutile si l'aggregate est déjà sélectionné
+        if (this.state?.selectedYAggregate === aggregateId && this.state?.selectedY === yFieldId) {
+            console.debug('[OrganizerButton] Y aggregate already selected, skipping emit');
+            return;
+        }
         this.emitChange('ySelected', {
             selectedY: yFieldId,
             selectedYAggregate: aggregateId
         });
     }
     onGroupBySelect(groupId) {
+        console.debug('[OrganizerButton] Group by selected', { groupId });
         const current = this.state.selectedGroupBy;
         this.emitChange('groupBySelected', { selectedGroupBy: current === groupId ? undefined : groupId });
     }
     onTemplateSelect(templateId) {
-        const t = this.config.templates?.find(tmpl => tmpl.id === templateId);
-        if (!t)
+        console.debug('[OrganizerButton] Template selected', { templateId });
+        if (!this.config.templates?.length)
             return;
-        this.emitChange('templateSelected', {
-            selectedTemplate: templateId,
-            selectedX: t.xField,
-            selectedY: t.yField,
-            selectedYAggregate: t.yAggregate,
-            selectedGroupBy: t.groupBy
-        });
+        const template = this.config.templates?.find(t => t.id === templateId);
+        if (!template)
+            return;
+        const newState = TemplateManager.applyTemplate(template, this.state, this.config);
+        this.emitChange('templateSelected', newState);
+        this.syncSliceState(newState.selectedSlices);
     }
     onSliceClick(sliceId) {
+        console.debug('[OrganizerButton] Slice clicked', { sliceId });
         if (this.config.onSliceClick) {
             this.config.onSliceClick();
         }
@@ -89,20 +263,35 @@ class OrganizerButtonComponent {
             updated = selectedSlices;
         }
         if (updated.length === 0 || !sliceId || !this.config.onFetchSliceData) {
-            if (this.config.onFetchSliceData) {
-                this.sliceStateChange.emit(null);
-            }
+            this.sliceStateChange.emit(null);
             this.emitChange('sliceSelected', { selectedSlices: updated });
             return;
         }
+        this.syncSliceState(updated, () => {
+            this.emitChange('sliceSelected', { selectedSlices: updated });
+        });
+    }
+    syncSliceState(selectedSlices, onLoaded) {
+        const sliceId = selectedSlices?.[0];
+        if (!sliceId || !this.config.onFetchSliceData) {
+            this.sliceStateChange.emit(null);
+            onLoaded?.();
+            return;
+        }
         const slice = this.config.slices?.find(s => s.id === sliceId);
+        if (!slice) {
+            this.sliceStateChange.emit(null);
+            onLoaded?.();
+            return;
+        }
         const result = this.config.onFetchSliceData(sliceId);
         const handleData = (tasks) => {
             this.sliceStateChange.emit({
-                sliceConfigs: [{ title: slice?.label ?? sliceId, columnKey: sliceId }],
-                tasks
+                sliceConfigs: [{ title: slice.label ?? sliceId, columnKey: sliceId }],
+                tasks,
+                filterApplied: false // Panel vient d'être ouvert, pas de filtre sélectionné encore
             });
-            this.emitChange('sliceSelected', { selectedSlices: updated });
+            onLoaded?.();
         };
         if (isObservable(result)) {
             result.pipe(takeUntil(this.destroy$)).subscribe({ next: handleData });
@@ -237,19 +426,25 @@ class OrganizerButtonComponent {
         return this.state?.selectedY === yFieldId && this.state?.selectedYAggregate === aggregateId;
     }
     emitChange(type, stateUpdate) {
+        const isFullState = 'selectedX' in stateUpdate && 'selectedTemplate' in stateUpdate;
+        const rawState = isFullState ? stateUpdate : { ...this.state, ...stateUpdate };
+        const normalizedState = normalizeOrganizerState(rawState, this.config);
         const event = {
             type,
-            state: { ...this.state, ...stateUpdate },
+            state: {
+                ...normalizedState,
+                selectedTemplate: resolveMatchingTemplateId(this.config.templates, normalizedState, this.config)
+            },
             source: 'user'
         };
         this.viewChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrganizerButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OrganizerButtonComponent, isStandalone: true, selector: "organizer-button", inputs: { config: "config", state: "state", hideMenuValues: "hideMenuValues" }, outputs: { viewChange: "viewChange", sliceStateChange: "sliceStateChange" }, viewQueries: [{ propertyName: "mainMenuTrigger", first: true, predicate: ["mainMenuTrigger"], descendants: true }], ngImport: i0, template: "<button type=\"button\" class=\"organizer-btn\" [matMenuTriggerFor]=\"viewMenu\" #mainMenuTrigger=\"matMenuTrigger\" [attr.aria-label]=\"'View'\">\n  <mat-icon class=\"organizer-btn-icon\">{{ config.buttonIcon || 'settings' }}</mat-icon>\n</button>\n\n<mat-menu #viewMenu=\"matMenu\" panelClass=\"organizer-menu-panel\">\n\n  <!-- Champs : mode chart (X + Y) -->\n  <button *ngIf=\"hasChartFields()\" mat-menu-item [matMenuTriggerFor]=\"champsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && (activeXLabel() || activeYLabel())\">\n      {{ activeXLabel() }}<ng-container *ngIf=\"activeXLabel() && activeYLabel()\"> / </ng-container>{{ activeYLabel() }}\n    </span>\n  </button>\n\n  <!-- Champs : mode table (toggle colonnes) -->\n  <button *ngIf=\"hasTableFields()\" mat-menu-item [matMenuTriggerFor]=\"fieldsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues\">{{ fieldsSummary() }}</span>\n  </button>\n\n  <!-- Grouper par -->\n  <button *ngIf=\"config.groups?.length\" mat-menu-item [matMenuTriggerFor]=\"groupsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Grouper par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeGroupByLabel()\">{{ activeGroupByLabel() }}</span>\n  </button>\n\n  <!-- Filtrer par -->\n  <button *ngIf=\"config.slices?.length\" mat-menu-item [matMenuTriggerFor]=\"slicesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Filtrer par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeSlicesLabel()\">{{ activeSlicesLabel() }}</span>\n  </button>\n\n  <!-- Template -->\n  <button *ngIf=\"config.templates?.length\" mat-menu-item [matMenuTriggerFor]=\"templateSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Template</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeTemplateLabel()\">{{ activeTemplateLabel() }}</span>\n  </button>\n\n  <!-- Export direct (mode table) -->\n  <mat-divider *ngIf=\"config.showExport\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showExport && !hasExportSubMenu()\" mat-menu-item type=\"button\" class=\"organizer-menu-export\" (click)=\"onExport()\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Export graphique (mode chart) \u2014 ouvre un sous-menu -->\n  <button *ngIf=\"config.showExport && hasExportSubMenu()\" mat-menu-item [matMenuTriggerFor]=\"exportSubMenu\" class=\"organizer-menu-trigger organizer-menu-export\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Pr\u00E9f\u00E9rences -->\n  <mat-divider *ngIf=\"config.showPreferences\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showPreferences\" mat-menu-item [matMenuTriggerFor]=\"preferencesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Pr\u00E9f\u00E9rences</span>\n  </button>\n\n  <!-- Switch chart / table -->\n  <mat-divider *ngIf=\"hasSwitchView()\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"hasSwitchView()\" mat-menu-item type=\"button\" class=\"organizer-menu-trigger\" (click)=\"onSwitchView()\">\n    <mat-icon class=\"organizer-menu-export-icon\">{{ config.switchView?.currentView === 'chart' ? 'table_chart' : 'bar_chart' }}</mat-icon>\n    <span class=\"organizer-menu-label\">{{ config.switchView?.currentView === 'chart' ? 'Tableau' : 'Graphique' }}</span>\n  </button>\n\n</mat-menu>\n\n<!-- Sous-menu : Export graphique -->\n<mat-menu #exportSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button *ngIf=\"config.onExportVisual\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportVisual()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">image</mat-icon>\n      Visuel\n    </button>\n    <button *ngIf=\"config.onExportData\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportData()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">table_chart</mat-icon>\n      Donn\u00E9es\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Champs chart (X + Y) -->\n<mat-menu #champsSubMenu=\"matMenu\" panelClass=\"organizer-champs-panel\">\n  <div class=\"organizer-champs-wrapper\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n\n    <!-- Bloc X -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.xFields?.length\">\n      <span class=\"organizer-champs-block-title\">X \u2014 Axe horizontal</span>\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let xField of config.xFields\"\n        [class.active]=\"state?.selectedX === xField.id\"\n        [disabled]=\"xField.disabled\"\n        (mousedown)=\"onXFieldSelect(xField.id)\">\n        <span class=\"organizer-submenu-check\">{{ state?.selectedX === xField.id ? '\u2713' : '' }}</span>\n        {{ xField.label }}\n      </button>\n    </div>\n\n    <mat-divider *ngIf=\"config.xFields?.length && config.yFields?.length\" class=\"organizer-champs-divider\"></mat-divider>\n\n    <!-- Bloc Y -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.yFields?.length\">\n      <span class=\"organizer-champs-block-title\">Y \u2014 Axe vertical</span>\n      <ng-container *ngFor=\"let yField of config.yFields\">\n\n        <!-- Y simple (Count sans agr\u00E9gat ni stack) -->\n        <!-- Y simple (Count ou m\u00E9trique directe) -->\n        <button *ngIf=\"!yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          (mousedown)=\"onYFieldSelect(yField.id)\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n        </button>\n\n        <!-- Y avec agr\u00E9gats \u2192 sous-menu -->\n        <button *ngIf=\"yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item organizer-submenu-item--has-children\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          [matMenuTriggerFor]=\"yAggSubMenu\"\n          [matMenuTriggerData]=\"{ yField: yField }\"\n          (mousedown)=\"$event.stopPropagation()\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n          <mat-icon class=\"organizer-submenu-arrow\">chevron_right</mat-icon>\n        </button>\n\n      </ng-container>\n    </div>\n\n  </div>\n</mat-menu>\n\n<!-- Sous-menu dynamique : agr\u00E9gats d'un champ Y -->\n<mat-menu #yAggSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <ng-template matMenuContent let-yField=\"yField\">\n    <div class=\"organizer-submenu\"\n         (mousedown)=\"$event.stopPropagation()\"\n         (click)=\"$event.stopPropagation()\"\n         (keydown)=\"$event.stopPropagation()\">\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let agg of yField.aggregates\"\n        [class.active]=\"isYAggregateActive(yField.id, agg.id)\"\n        (mousedown)=\"onYAggregateSelect(yField.id, agg.id)\">\n        <span class=\"organizer-submenu-check\">{{ isYAggregateActive(yField.id, agg.id) ? '\u2713' : '' }}</span>\n        {{ agg.label }}\n      </button>\n    </div>\n  </ng-template>\n</mat-menu>\n\n<!-- Sous-menu : Champs table (toggle colonnes) -->\n<mat-menu #fieldsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let field of config.fields\"\n      [class.active]=\"isFieldVisible(field.id)\"\n      (mousedown)=\"onFieldToggle(field.id, !isFieldVisible(field.id))\">\n      <span class=\"organizer-submenu-check\">{{ isFieldVisible(field.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"field.icon\" class=\"organizer-submenu-icon\">{{ field.icon }}</mat-icon>      {{ field.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Grouper par -->\n<mat-menu #groupsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let group of config.groups\"\n      [class.active]=\"state?.selectedGroupBy === group.id\"\n      (mousedown)=\"onGroupBySelect(group.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedGroupBy === group.id ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"group.icon\" class=\"organizer-submenu-icon\">{{ group.icon }}</mat-icon>      {{ group.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Filtrer par -->\n<mat-menu #slicesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let slice of config.slices\"\n      [class.active]=\"state?.selectedSlices?.includes(slice.id)\"\n      (mousedown)=\"onSliceClick(slice.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedSlices?.includes(slice.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"slice.icon\" class=\"organizer-submenu-icon\">{{ slice.icon }}</mat-icon>      {{ slice.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Template -->\n<mat-menu #templateSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let tmpl of config.templates\"\n      [class.active]=\"state?.selectedTemplate === tmpl.id\"\n      (mousedown)=\"onTemplateSelect(tmpl.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedTemplate === tmpl.id ? '\u2713' : '' }}</span>\n      <mat-icon *ngIf=\"tmpl.icon\" class=\"organizer-submenu-icon\">{{ tmpl.icon }}</mat-icon>\n      {{ tmpl.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Pr\u00E9f\u00E9rences -->\n<mat-menu #preferencesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesEdit()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">edit</mat-icon>\u00C9diter\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesSave()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">save</mat-icon>Sauvegarder\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" [disabled]=\"!config.hasSavedPreferences\" (mousedown)=\"onPreferencesClear()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">delete_outline</mat-icon>R\u00E9initialiser\n    </button>\n  </div>\n</mat-menu>\n\n", styles: [".organizer-btn{display:inline-flex;align-items:center;height:34px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:0 10px;cursor:pointer;box-sizing:border-box}.organizer-btn:hover{border-color:#9e9e9e}.organizer-btn-icon{font-size:16px;width:16px;height:16px;line-height:1;color:#000}.mat-mdc-menu-panel:has(.organizer-menu-label){min-width:170px!important;max-width:320px!important;overflow:visible!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .mat-mdc-menu-content{padding:4px 0!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item{min-height:42px;padding:0 14px;display:flex;align-items:center;box-sizing:border-box}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item .mdc-list-item__primary-text{display:flex;align-items:center;width:100%;overflow:hidden}.organizer-menu-label{font-size:13px;font-weight:500;color:#212121;flex:0 0 auto;white-space:nowrap;padding-right:8px}.organizer-menu-value{font-size:12px;color:#757575;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.organizer-submenu{padding:4px 6px;min-width:180px;box-sizing:border-box}.organizer-submenu .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-submenu .organizer-submenu-item:hover{background:#f5f5f5}.organizer-submenu .organizer-submenu-item.active{font-weight:600}.organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-submenu-icon{font-size:14px!important;width:14px!important;height:14px!important;color:#212121;margin-right:4px}.organizer-menu-export.mat-mdc-menu-item{min-height:42px;padding:0 14px}.organizer-menu-export-icon{font-size:16px!important;width:16px!important;height:16px!important;color:#424242;margin-right:8px}.organizer-divider{margin:4px 0!important}.organizer-champs-wrapper{padding:4px 6px;min-width:200px;box-sizing:border-box;display:flex;flex-direction:column}.organizer-champs-block{display:flex;flex-direction:column}.organizer-champs-block-title{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9e9e9e;padding:6px 2px 2px}.organizer-champs-divider{margin:4px 0!important}.organizer-champs-wrapper .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;font-family:inherit;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-champs-wrapper .organizer-submenu-item:hover:not([disabled]){background:#f5f5f5}.organizer-champs-wrapper .organizer-submenu-item.active{font-weight:600}.organizer-champs-wrapper .organizer-submenu-item[disabled]{opacity:.38;cursor:default}.organizer-champs-wrapper .organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-champs-wrapper .organizer-submenu-item--has-children{padding-right:8px}.organizer-champs-wrapper .organizer-submenu-arrow{font-size:18px!important;width:18px!important;height:18px!important;color:#00000061;margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OrganizerButtonComponent, isStandalone: true, selector: "organizer-button", inputs: { config: "config", state: "state", hideMenuValues: "hideMenuValues" }, outputs: { viewChange: "viewChange", sliceStateChange: "sliceStateChange" }, viewQueries: [{ propertyName: "mainMenuTrigger", first: true, predicate: ["mainMenuTrigger"], descendants: true }], ngImport: i0, template: "<button type=\"button\" class=\"organizer-btn\" [matMenuTriggerFor]=\"viewMenu\" #mainMenuTrigger=\"matMenuTrigger\" [attr.aria-label]=\"'View'\">\n  <mat-icon class=\"organizer-btn-icon\">{{ config.buttonIcon || 'settings' }}</mat-icon>\n</button>\n\n<mat-menu #viewMenu=\"matMenu\" panelClass=\"organizer-menu-panel\">\n\n  <!-- Champs : mode chart (X + Y) -->\n  <button *ngIf=\"hasChartFields()\" mat-menu-item [matMenuTriggerFor]=\"champsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && (activeXLabel() || activeYLabel())\">\n      {{ activeXLabel() }}<ng-container *ngIf=\"activeXLabel() && activeYLabel()\"> / </ng-container>{{ activeYLabel() }}\n    </span>\n  </button>\n\n  <!-- Champs : mode table (toggle colonnes) -->\n  <button *ngIf=\"hasTableFields()\" mat-menu-item [matMenuTriggerFor]=\"fieldsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues\">{{ fieldsSummary() }}</span>\n  </button>\n\n  <!-- Grouper par -->\n  <button *ngIf=\"config.groups?.length\" mat-menu-item [matMenuTriggerFor]=\"groupsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Grouper par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeGroupByLabel()\">{{ activeGroupByLabel() }}</span>\n  </button>\n\n  <!-- Filtrer par -->\n  <button *ngIf=\"config.slices?.length\" mat-menu-item [matMenuTriggerFor]=\"slicesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Filtrer par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeSlicesLabel()\">{{ activeSlicesLabel() }}</span>\n  </button>\n\n  <!-- Template -->\n  <button *ngIf=\"config.templates?.length\" mat-menu-item [matMenuTriggerFor]=\"templateSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Template</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeTemplateLabel()\">{{ activeTemplateLabel() }}</span>\n  </button>\n\n  <!-- Export direct (mode table) -->\n  <mat-divider *ngIf=\"config.showExport\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showExport && !hasExportSubMenu()\" mat-menu-item type=\"button\" class=\"organizer-menu-export\" (click)=\"onExport()\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Export graphique (mode chart) \u2014 ouvre un sous-menu -->\n  <button *ngIf=\"config.showExport && hasExportSubMenu()\" mat-menu-item [matMenuTriggerFor]=\"exportSubMenu\" class=\"organizer-menu-trigger organizer-menu-export\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Pr\u00E9f\u00E9rences -->\n  <mat-divider *ngIf=\"config.showPreferences\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showPreferences\" mat-menu-item [matMenuTriggerFor]=\"preferencesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Pr\u00E9f\u00E9rences</span>\n  </button>\n\n  <!-- Switch chart / table -->\n  <mat-divider *ngIf=\"hasSwitchView()\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"hasSwitchView()\" mat-menu-item type=\"button\" class=\"organizer-menu-trigger\" (click)=\"onSwitchView()\">\n    <mat-icon class=\"organizer-menu-export-icon\">{{ config.switchView?.currentView === 'chart' ? 'table_chart' : 'bar_chart' }}</mat-icon>\n    <span class=\"organizer-menu-label\">{{ config.switchView?.currentView === 'chart' ? 'Tableau' : 'Graphique' }}</span>\n  </button>\n\n</mat-menu>\n\n<!-- Sous-menu : Export graphique -->\n<mat-menu #exportSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button *ngIf=\"config.onExportVisual\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportVisual()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">image</mat-icon>\n      Visuel\n    </button>\n    <button *ngIf=\"config.onExportData\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportData()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">table_chart</mat-icon>\n      Donn\u00E9es\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Champs chart (X + Y) -->\n<mat-menu #champsSubMenu=\"matMenu\" panelClass=\"organizer-champs-panel\">\n  <div class=\"organizer-champs-wrapper\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n\n    <!-- Bloc X -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.xFields?.length\">\n      <span class=\"organizer-champs-block-title\">Axe horizontal \u2014 X</span>\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let xField of config.xFields\"\n        [class.active]=\"state?.selectedX === xField.id\"\n        [disabled]=\"xField.disabled\"\n        (mousedown)=\"onXFieldSelect(xField.id)\">\n        <span class=\"organizer-submenu-check\">{{ state?.selectedX === xField.id ? '\u2713' : '' }}</span>\n        {{ xField.label }}\n      </button>\n    </div>\n\n    <mat-divider *ngIf=\"config.xFields?.length && config.yFields?.length\" class=\"organizer-champs-divider\"></mat-divider>\n\n    <!-- Bloc Y -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.yFields?.length\">\n      <span class=\"organizer-champs-block-title\">Axe vertical \u2014 Y</span>\n      <ng-container *ngFor=\"let yField of config.yFields\">\n\n        <!-- Y simple (Count sans agr\u00E9gat ni stack) -->\n        <!-- Y simple (Count ou m\u00E9trique directe) -->\n        <button *ngIf=\"!yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          (mousedown)=\"onYFieldSelect(yField.id)\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n        </button>\n\n        <!-- Y avec agr\u00E9gats \u2192 sous-menu -->\n        <button *ngIf=\"yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item organizer-submenu-item--has-children\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          [matMenuTriggerFor]=\"yAggSubMenu\"\n          [matMenuTriggerData]=\"{ yField: yField }\"\n          (mousedown)=\"$event.stopPropagation()\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n          <mat-icon class=\"organizer-submenu-arrow\">chevron_right</mat-icon>\n        </button>\n\n      </ng-container>\n    </div>\n\n  </div>\n</mat-menu>\n\n<!-- Sous-menu dynamique : agr\u00E9gats d'un champ Y -->\n<mat-menu #yAggSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <ng-template matMenuContent let-yField=\"yField\">\n    <div class=\"organizer-submenu\"\n         (mousedown)=\"$event.stopPropagation()\"\n         (click)=\"$event.stopPropagation()\"\n         (keydown)=\"$event.stopPropagation()\">\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let agg of yField.aggregates\"\n        [class.active]=\"isYAggregateActive(yField.id, agg.id)\"\n        (mousedown)=\"onYAggregateSelect(yField.id, agg.id)\">\n        <span class=\"organizer-submenu-check\">{{ isYAggregateActive(yField.id, agg.id) ? '\u2713' : '' }}</span>\n        {{ agg.label }}\n      </button>\n    </div>\n  </ng-template>\n</mat-menu>\n\n<!-- Sous-menu : Champs table (toggle colonnes) -->\n<mat-menu #fieldsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let field of config.fields\"\n      [class.active]=\"isFieldVisible(field.id)\"\n      (mousedown)=\"onFieldToggle(field.id, !isFieldVisible(field.id))\">\n      <span class=\"organizer-submenu-check\">{{ isFieldVisible(field.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"field.icon\" class=\"organizer-submenu-icon\">{{ field.icon }}</mat-icon>      {{ field.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Grouper par -->\n<mat-menu #groupsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let group of config.groups\"\n      [class.active]=\"state?.selectedGroupBy === group.id\"\n      (mousedown)=\"onGroupBySelect(group.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedGroupBy === group.id ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"group.icon\" class=\"organizer-submenu-icon\">{{ group.icon }}</mat-icon>      {{ group.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Filtrer par -->\n<mat-menu #slicesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let slice of config.slices\"\n      [class.active]=\"state?.selectedSlices?.includes(slice.id)\"\n      (mousedown)=\"onSliceClick(slice.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedSlices?.includes(slice.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"slice.icon\" class=\"organizer-submenu-icon\">{{ slice.icon }}</mat-icon>      {{ slice.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Template -->\n<mat-menu #templateSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let tmpl of config.templates\"\n      [class.active]=\"state?.selectedTemplate === tmpl.id\"\n      [title]=\"tmpl.description || ''\"\n      (mousedown)=\"onTemplateSelect(tmpl.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedTemplate === tmpl.id ? '\u2713' : '' }}</span>\n      <mat-icon *ngIf=\"tmpl.icon\" class=\"organizer-submenu-icon\">{{ tmpl.icon }}</mat-icon>\n      {{ tmpl.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Pr\u00E9f\u00E9rences -->\n<mat-menu #preferencesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesEdit()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">edit</mat-icon>\u00C9diter\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesSave()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">save</mat-icon>Sauvegarder\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" [disabled]=\"!config.hasSavedPreferences\" (mousedown)=\"onPreferencesClear()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">delete_outline</mat-icon>R\u00E9initialiser\n    </button>\n  </div>\n</mat-menu>\n\n", styles: [".organizer-btn{display:inline-flex;align-items:center;height:34px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:0 10px;cursor:pointer;box-sizing:border-box}.organizer-btn:hover{border-color:#9e9e9e}.organizer-btn-icon{font-size:16px;width:16px;height:16px;line-height:1;color:#000}.mat-mdc-menu-panel:has(.organizer-menu-label){min-width:170px!important;max-width:320px!important;overflow:visible!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .mat-mdc-menu-content{padding:4px 0!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item{min-height:42px;padding:0 14px;display:flex;align-items:center;box-sizing:border-box}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item .mdc-list-item__primary-text{display:flex;align-items:center;width:100%;overflow:hidden}.organizer-menu-label{font-size:13px;font-weight:500;color:#212121;flex:0 0 auto;white-space:nowrap;padding-right:8px}.organizer-menu-value{font-size:12px;color:#757575;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.organizer-submenu{padding:4px 6px;min-width:180px;box-sizing:border-box}.organizer-submenu .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-submenu .organizer-submenu-item:hover{background:#f5f5f5}.organizer-submenu .organizer-submenu-item.active{font-weight:600}.organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-submenu-icon{font-size:14px!important;width:14px!important;height:14px!important;color:#212121;margin-right:4px}.organizer-menu-export.mat-mdc-menu-item{min-height:42px;padding:0 14px}.organizer-menu-export-icon{font-size:16px!important;width:16px!important;height:16px!important;color:#424242;margin-right:8px}.organizer-divider{margin:4px 0!important}.organizer-champs-wrapper{padding:4px 6px;min-width:200px;box-sizing:border-box;display:flex;flex-direction:column}.organizer-champs-block{display:flex;flex-direction:column}.organizer-champs-block-title{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9e9e9e;padding:6px 2px 2px}.organizer-champs-divider{margin:4px 0!important}.organizer-champs-wrapper .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;font-family:inherit;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-champs-wrapper .organizer-submenu-item:hover:not([disabled]){background:#f5f5f5}.organizer-champs-wrapper .organizer-submenu-item.active{font-weight:600}.organizer-champs-wrapper .organizer-submenu-item[disabled]{opacity:.38;cursor:default}.organizer-champs-wrapper .organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-champs-wrapper .organizer-submenu-item--has-children{padding-right:8px}.organizer-champs-wrapper .organizer-submenu-arrow{font-size:18px!important;width:18px!important;height:18px!important;color:#00000061;margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrganizerButtonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatMenuModule, MatDividerModule], selector: 'organizer-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"organizer-btn\" [matMenuTriggerFor]=\"viewMenu\" #mainMenuTrigger=\"matMenuTrigger\" [attr.aria-label]=\"'View'\">\n  <mat-icon class=\"organizer-btn-icon\">{{ config.buttonIcon || 'settings' }}</mat-icon>\n</button>\n\n<mat-menu #viewMenu=\"matMenu\" panelClass=\"organizer-menu-panel\">\n\n  <!-- Champs : mode chart (X + Y) -->\n  <button *ngIf=\"hasChartFields()\" mat-menu-item [matMenuTriggerFor]=\"champsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && (activeXLabel() || activeYLabel())\">\n      {{ activeXLabel() }}<ng-container *ngIf=\"activeXLabel() && activeYLabel()\"> / </ng-container>{{ activeYLabel() }}\n    </span>\n  </button>\n\n  <!-- Champs : mode table (toggle colonnes) -->\n  <button *ngIf=\"hasTableFields()\" mat-menu-item [matMenuTriggerFor]=\"fieldsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues\">{{ fieldsSummary() }}</span>\n  </button>\n\n  <!-- Grouper par -->\n  <button *ngIf=\"config.groups?.length\" mat-menu-item [matMenuTriggerFor]=\"groupsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Grouper par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeGroupByLabel()\">{{ activeGroupByLabel() }}</span>\n  </button>\n\n  <!-- Filtrer par -->\n  <button *ngIf=\"config.slices?.length\" mat-menu-item [matMenuTriggerFor]=\"slicesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Filtrer par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeSlicesLabel()\">{{ activeSlicesLabel() }}</span>\n  </button>\n\n  <!-- Template -->\n  <button *ngIf=\"config.templates?.length\" mat-menu-item [matMenuTriggerFor]=\"templateSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Template</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeTemplateLabel()\">{{ activeTemplateLabel() }}</span>\n  </button>\n\n  <!-- Export direct (mode table) -->\n  <mat-divider *ngIf=\"config.showExport\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showExport && !hasExportSubMenu()\" mat-menu-item type=\"button\" class=\"organizer-menu-export\" (click)=\"onExport()\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Export graphique (mode chart) \u2014 ouvre un sous-menu -->\n  <button *ngIf=\"config.showExport && hasExportSubMenu()\" mat-menu-item [matMenuTriggerFor]=\"exportSubMenu\" class=\"organizer-menu-trigger organizer-menu-export\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Pr\u00E9f\u00E9rences -->\n  <mat-divider *ngIf=\"config.showPreferences\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showPreferences\" mat-menu-item [matMenuTriggerFor]=\"preferencesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Pr\u00E9f\u00E9rences</span>\n  </button>\n\n  <!-- Switch chart / table -->\n  <mat-divider *ngIf=\"hasSwitchView()\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"hasSwitchView()\" mat-menu-item type=\"button\" class=\"organizer-menu-trigger\" (click)=\"onSwitchView()\">\n    <mat-icon class=\"organizer-menu-export-icon\">{{ config.switchView?.currentView === 'chart' ? 'table_chart' : 'bar_chart' }}</mat-icon>\n    <span class=\"organizer-menu-label\">{{ config.switchView?.currentView === 'chart' ? 'Tableau' : 'Graphique' }}</span>\n  </button>\n\n</mat-menu>\n\n<!-- Sous-menu : Export graphique -->\n<mat-menu #exportSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button *ngIf=\"config.onExportVisual\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportVisual()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">image</mat-icon>\n      Visuel\n    </button>\n    <button *ngIf=\"config.onExportData\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportData()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">table_chart</mat-icon>\n      Donn\u00E9es\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Champs chart (X + Y) -->\n<mat-menu #champsSubMenu=\"matMenu\" panelClass=\"organizer-champs-panel\">\n  <div class=\"organizer-champs-wrapper\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n\n    <!-- Bloc X -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.xFields?.length\">\n      <span class=\"organizer-champs-block-title\">X \u2014 Axe horizontal</span>\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let xField of config.xFields\"\n        [class.active]=\"state?.selectedX === xField.id\"\n        [disabled]=\"xField.disabled\"\n        (mousedown)=\"onXFieldSelect(xField.id)\">\n        <span class=\"organizer-submenu-check\">{{ state?.selectedX === xField.id ? '\u2713' : '' }}</span>\n        {{ xField.label }}\n      </button>\n    </div>\n\n    <mat-divider *ngIf=\"config.xFields?.length && config.yFields?.length\" class=\"organizer-champs-divider\"></mat-divider>\n\n    <!-- Bloc Y -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.yFields?.length\">\n      <span class=\"organizer-champs-block-title\">Y \u2014 Axe vertical</span>\n      <ng-container *ngFor=\"let yField of config.yFields\">\n\n        <!-- Y simple (Count sans agr\u00E9gat ni stack) -->\n        <!-- Y simple (Count ou m\u00E9trique directe) -->\n        <button *ngIf=\"!yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          (mousedown)=\"onYFieldSelect(yField.id)\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n        </button>\n\n        <!-- Y avec agr\u00E9gats \u2192 sous-menu -->\n        <button *ngIf=\"yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item organizer-submenu-item--has-children\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          [matMenuTriggerFor]=\"yAggSubMenu\"\n          [matMenuTriggerData]=\"{ yField: yField }\"\n          (mousedown)=\"$event.stopPropagation()\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n          <mat-icon class=\"organizer-submenu-arrow\">chevron_right</mat-icon>\n        </button>\n\n      </ng-container>\n    </div>\n\n  </div>\n</mat-menu>\n\n<!-- Sous-menu dynamique : agr\u00E9gats d'un champ Y -->\n<mat-menu #yAggSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <ng-template matMenuContent let-yField=\"yField\">\n    <div class=\"organizer-submenu\"\n         (mousedown)=\"$event.stopPropagation()\"\n         (click)=\"$event.stopPropagation()\"\n         (keydown)=\"$event.stopPropagation()\">\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let agg of yField.aggregates\"\n        [class.active]=\"isYAggregateActive(yField.id, agg.id)\"\n        (mousedown)=\"onYAggregateSelect(yField.id, agg.id)\">\n        <span class=\"organizer-submenu-check\">{{ isYAggregateActive(yField.id, agg.id) ? '\u2713' : '' }}</span>\n        {{ agg.label }}\n      </button>\n    </div>\n  </ng-template>\n</mat-menu>\n\n<!-- Sous-menu : Champs table (toggle colonnes) -->\n<mat-menu #fieldsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let field of config.fields\"\n      [class.active]=\"isFieldVisible(field.id)\"\n      (mousedown)=\"onFieldToggle(field.id, !isFieldVisible(field.id))\">\n      <span class=\"organizer-submenu-check\">{{ isFieldVisible(field.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"field.icon\" class=\"organizer-submenu-icon\">{{ field.icon }}</mat-icon>      {{ field.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Grouper par -->\n<mat-menu #groupsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let group of config.groups\"\n      [class.active]=\"state?.selectedGroupBy === group.id\"\n      (mousedown)=\"onGroupBySelect(group.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedGroupBy === group.id ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"group.icon\" class=\"organizer-submenu-icon\">{{ group.icon }}</mat-icon>      {{ group.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Filtrer par -->\n<mat-menu #slicesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let slice of config.slices\"\n      [class.active]=\"state?.selectedSlices?.includes(slice.id)\"\n      (mousedown)=\"onSliceClick(slice.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedSlices?.includes(slice.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"slice.icon\" class=\"organizer-submenu-icon\">{{ slice.icon }}</mat-icon>      {{ slice.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Template -->\n<mat-menu #templateSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let tmpl of config.templates\"\n      [class.active]=\"state?.selectedTemplate === tmpl.id\"\n      (mousedown)=\"onTemplateSelect(tmpl.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedTemplate === tmpl.id ? '\u2713' : '' }}</span>\n      <mat-icon *ngIf=\"tmpl.icon\" class=\"organizer-submenu-icon\">{{ tmpl.icon }}</mat-icon>\n      {{ tmpl.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Pr\u00E9f\u00E9rences -->\n<mat-menu #preferencesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesEdit()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">edit</mat-icon>\u00C9diter\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesSave()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">save</mat-icon>Sauvegarder\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" [disabled]=\"!config.hasSavedPreferences\" (mousedown)=\"onPreferencesClear()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">delete_outline</mat-icon>R\u00E9initialiser\n    </button>\n  </div>\n</mat-menu>\n\n", styles: [".organizer-btn{display:inline-flex;align-items:center;height:34px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:0 10px;cursor:pointer;box-sizing:border-box}.organizer-btn:hover{border-color:#9e9e9e}.organizer-btn-icon{font-size:16px;width:16px;height:16px;line-height:1;color:#000}.mat-mdc-menu-panel:has(.organizer-menu-label){min-width:170px!important;max-width:320px!important;overflow:visible!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .mat-mdc-menu-content{padding:4px 0!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item{min-height:42px;padding:0 14px;display:flex;align-items:center;box-sizing:border-box}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item .mdc-list-item__primary-text{display:flex;align-items:center;width:100%;overflow:hidden}.organizer-menu-label{font-size:13px;font-weight:500;color:#212121;flex:0 0 auto;white-space:nowrap;padding-right:8px}.organizer-menu-value{font-size:12px;color:#757575;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.organizer-submenu{padding:4px 6px;min-width:180px;box-sizing:border-box}.organizer-submenu .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-submenu .organizer-submenu-item:hover{background:#f5f5f5}.organizer-submenu .organizer-submenu-item.active{font-weight:600}.organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-submenu-icon{font-size:14px!important;width:14px!important;height:14px!important;color:#212121;margin-right:4px}.organizer-menu-export.mat-mdc-menu-item{min-height:42px;padding:0 14px}.organizer-menu-export-icon{font-size:16px!important;width:16px!important;height:16px!important;color:#424242;margin-right:8px}.organizer-divider{margin:4px 0!important}.organizer-champs-wrapper{padding:4px 6px;min-width:200px;box-sizing:border-box;display:flex;flex-direction:column}.organizer-champs-block{display:flex;flex-direction:column}.organizer-champs-block-title{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9e9e9e;padding:6px 2px 2px}.organizer-champs-divider{margin:4px 0!important}.organizer-champs-wrapper .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;font-family:inherit;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-champs-wrapper .organizer-submenu-item:hover:not([disabled]){background:#f5f5f5}.organizer-champs-wrapper .organizer-submenu-item.active{font-weight:600}.organizer-champs-wrapper .organizer-submenu-item[disabled]{opacity:.38;cursor:default}.organizer-champs-wrapper .organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-champs-wrapper .organizer-submenu-item--has-children{padding-right:8px}.organizer-champs-wrapper .organizer-submenu-arrow{font-size:18px!important;width:18px!important;height:18px!important;color:#00000061;margin-left:auto}\n"] }]
+            args: [{ standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatMenuModule, MatDividerModule], selector: 'organizer-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"organizer-btn\" [matMenuTriggerFor]=\"viewMenu\" #mainMenuTrigger=\"matMenuTrigger\" [attr.aria-label]=\"'View'\">\n  <mat-icon class=\"organizer-btn-icon\">{{ config.buttonIcon || 'settings' }}</mat-icon>\n</button>\n\n<mat-menu #viewMenu=\"matMenu\" panelClass=\"organizer-menu-panel\">\n\n  <!-- Champs : mode chart (X + Y) -->\n  <button *ngIf=\"hasChartFields()\" mat-menu-item [matMenuTriggerFor]=\"champsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && (activeXLabel() || activeYLabel())\">\n      {{ activeXLabel() }}<ng-container *ngIf=\"activeXLabel() && activeYLabel()\"> / </ng-container>{{ activeYLabel() }}\n    </span>\n  </button>\n\n  <!-- Champs : mode table (toggle colonnes) -->\n  <button *ngIf=\"hasTableFields()\" mat-menu-item [matMenuTriggerFor]=\"fieldsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Champs</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues\">{{ fieldsSummary() }}</span>\n  </button>\n\n  <!-- Grouper par -->\n  <button *ngIf=\"config.groups?.length\" mat-menu-item [matMenuTriggerFor]=\"groupsSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Grouper par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeGroupByLabel()\">{{ activeGroupByLabel() }}</span>\n  </button>\n\n  <!-- Filtrer par -->\n  <button *ngIf=\"config.slices?.length\" mat-menu-item [matMenuTriggerFor]=\"slicesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Filtrer par</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeSlicesLabel()\">{{ activeSlicesLabel() }}</span>\n  </button>\n\n  <!-- Template -->\n  <button *ngIf=\"config.templates?.length\" mat-menu-item [matMenuTriggerFor]=\"templateSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Template</span>\n    <span class=\"organizer-menu-value\" *ngIf=\"!hideMenuValues && activeTemplateLabel()\">{{ activeTemplateLabel() }}</span>\n  </button>\n\n  <!-- Export direct (mode table) -->\n  <mat-divider *ngIf=\"config.showExport\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showExport && !hasExportSubMenu()\" mat-menu-item type=\"button\" class=\"organizer-menu-export\" (click)=\"onExport()\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Export graphique (mode chart) \u2014 ouvre un sous-menu -->\n  <button *ngIf=\"config.showExport && hasExportSubMenu()\" mat-menu-item [matMenuTriggerFor]=\"exportSubMenu\" class=\"organizer-menu-trigger organizer-menu-export\">\n    <mat-icon class=\"organizer-menu-export-icon\">download</mat-icon>\n    <span class=\"organizer-menu-label\">Exporter</span>\n  </button>\n\n  <!-- Pr\u00E9f\u00E9rences -->\n  <mat-divider *ngIf=\"config.showPreferences\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"config.showPreferences\" mat-menu-item [matMenuTriggerFor]=\"preferencesSubMenu\" class=\"organizer-menu-trigger\">\n    <span class=\"organizer-menu-label\">Pr\u00E9f\u00E9rences</span>\n  </button>\n\n  <!-- Switch chart / table -->\n  <mat-divider *ngIf=\"hasSwitchView()\" class=\"organizer-divider\"></mat-divider>\n  <button *ngIf=\"hasSwitchView()\" mat-menu-item type=\"button\" class=\"organizer-menu-trigger\" (click)=\"onSwitchView()\">\n    <mat-icon class=\"organizer-menu-export-icon\">{{ config.switchView?.currentView === 'chart' ? 'table_chart' : 'bar_chart' }}</mat-icon>\n    <span class=\"organizer-menu-label\">{{ config.switchView?.currentView === 'chart' ? 'Tableau' : 'Graphique' }}</span>\n  </button>\n\n</mat-menu>\n\n<!-- Sous-menu : Export graphique -->\n<mat-menu #exportSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button *ngIf=\"config.onExportVisual\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportVisual()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">image</mat-icon>\n      Visuel\n    </button>\n    <button *ngIf=\"config.onExportData\" type=\"button\" class=\"organizer-submenu-item\"\n      (mousedown)=\"onExportData()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">table_chart</mat-icon>\n      Donn\u00E9es\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Champs chart (X + Y) -->\n<mat-menu #champsSubMenu=\"matMenu\" panelClass=\"organizer-champs-panel\">\n  <div class=\"organizer-champs-wrapper\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n\n    <!-- Bloc X -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.xFields?.length\">\n      <span class=\"organizer-champs-block-title\">Axe horizontal \u2014 X</span>\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let xField of config.xFields\"\n        [class.active]=\"state?.selectedX === xField.id\"\n        [disabled]=\"xField.disabled\"\n        (mousedown)=\"onXFieldSelect(xField.id)\">\n        <span class=\"organizer-submenu-check\">{{ state?.selectedX === xField.id ? '\u2713' : '' }}</span>\n        {{ xField.label }}\n      </button>\n    </div>\n\n    <mat-divider *ngIf=\"config.xFields?.length && config.yFields?.length\" class=\"organizer-champs-divider\"></mat-divider>\n\n    <!-- Bloc Y -->\n    <div class=\"organizer-champs-block\" *ngIf=\"config.yFields?.length\">\n      <span class=\"organizer-champs-block-title\">Axe vertical \u2014 Y</span>\n      <ng-container *ngFor=\"let yField of config.yFields\">\n\n        <!-- Y simple (Count sans agr\u00E9gat ni stack) -->\n        <!-- Y simple (Count ou m\u00E9trique directe) -->\n        <button *ngIf=\"!yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          (mousedown)=\"onYFieldSelect(yField.id)\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n        </button>\n\n        <!-- Y avec agr\u00E9gats \u2192 sous-menu -->\n        <button *ngIf=\"yField.aggregates?.length\"\n          type=\"button\" class=\"organizer-submenu-item organizer-submenu-item--has-children\"\n          [class.active]=\"isYActive(yField.id)\"\n          [disabled]=\"yField.disabled\"\n          [matMenuTriggerFor]=\"yAggSubMenu\"\n          [matMenuTriggerData]=\"{ yField: yField }\"\n          (mousedown)=\"$event.stopPropagation()\">\n          <span class=\"organizer-submenu-check\">{{ isYActive(yField.id) ? '\u2713' : '' }}</span>\n          {{ yField.label }}\n          <mat-icon class=\"organizer-submenu-arrow\">chevron_right</mat-icon>\n        </button>\n\n      </ng-container>\n    </div>\n\n  </div>\n</mat-menu>\n\n<!-- Sous-menu dynamique : agr\u00E9gats d'un champ Y -->\n<mat-menu #yAggSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <ng-template matMenuContent let-yField=\"yField\">\n    <div class=\"organizer-submenu\"\n         (mousedown)=\"$event.stopPropagation()\"\n         (click)=\"$event.stopPropagation()\"\n         (keydown)=\"$event.stopPropagation()\">\n      <button type=\"button\" class=\"organizer-submenu-item\"\n        *ngFor=\"let agg of yField.aggregates\"\n        [class.active]=\"isYAggregateActive(yField.id, agg.id)\"\n        (mousedown)=\"onYAggregateSelect(yField.id, agg.id)\">\n        <span class=\"organizer-submenu-check\">{{ isYAggregateActive(yField.id, agg.id) ? '\u2713' : '' }}</span>\n        {{ agg.label }}\n      </button>\n    </div>\n  </ng-template>\n</mat-menu>\n\n<!-- Sous-menu : Champs table (toggle colonnes) -->\n<mat-menu #fieldsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let field of config.fields\"\n      [class.active]=\"isFieldVisible(field.id)\"\n      (mousedown)=\"onFieldToggle(field.id, !isFieldVisible(field.id))\">\n      <span class=\"organizer-submenu-check\">{{ isFieldVisible(field.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"field.icon\" class=\"organizer-submenu-icon\">{{ field.icon }}</mat-icon>      {{ field.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Grouper par -->\n<mat-menu #groupsSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let group of config.groups\"\n      [class.active]=\"state?.selectedGroupBy === group.id\"\n      (mousedown)=\"onGroupBySelect(group.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedGroupBy === group.id ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"group.icon\" class=\"organizer-submenu-icon\">{{ group.icon }}</mat-icon>      {{ group.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Filtrer par -->\n<mat-menu #slicesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let slice of config.slices\"\n      [class.active]=\"state?.selectedSlices?.includes(slice.id)\"\n      (mousedown)=\"onSliceClick(slice.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedSlices?.includes(slice.id) ? '\u2713' : '' }}</span>      <mat-icon *ngIf=\"slice.icon\" class=\"organizer-submenu-icon\">{{ slice.icon }}</mat-icon>      {{ slice.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Template -->\n<mat-menu #templateSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\"\n      *ngFor=\"let tmpl of config.templates\"\n      [class.active]=\"state?.selectedTemplate === tmpl.id\"\n      [title]=\"tmpl.description || ''\"\n      (mousedown)=\"onTemplateSelect(tmpl.id)\">\n      <span class=\"organizer-submenu-check\">{{ state?.selectedTemplate === tmpl.id ? '\u2713' : '' }}</span>\n      <mat-icon *ngIf=\"tmpl.icon\" class=\"organizer-submenu-icon\">{{ tmpl.icon }}</mat-icon>\n      {{ tmpl.label }}\n    </button>\n  </div>\n</mat-menu>\n\n<!-- Sous-menu : Pr\u00E9f\u00E9rences -->\n<mat-menu #preferencesSubMenu=\"matMenu\" panelClass=\"organizer-submenu-panel\">\n  <div class=\"organizer-submenu\"\n       (mousedown)=\"$event.stopPropagation()\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesEdit()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">edit</mat-icon>\u00C9diter\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" (mousedown)=\"onPreferencesSave()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">save</mat-icon>Sauvegarder\n    </button>\n    <button type=\"button\" class=\"organizer-submenu-item\" [disabled]=\"!config.hasSavedPreferences\" (mousedown)=\"onPreferencesClear()\">\n      <span class=\"organizer-submenu-check\"></span>\n      <mat-icon class=\"organizer-submenu-icon\">delete_outline</mat-icon>R\u00E9initialiser\n    </button>\n  </div>\n</mat-menu>\n\n", styles: [".organizer-btn{display:inline-flex;align-items:center;height:34px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:0 10px;cursor:pointer;box-sizing:border-box}.organizer-btn:hover{border-color:#9e9e9e}.organizer-btn-icon{font-size:16px;width:16px;height:16px;line-height:1;color:#000}.mat-mdc-menu-panel:has(.organizer-menu-label){min-width:170px!important;max-width:320px!important;overflow:visible!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .mat-mdc-menu-content{padding:4px 0!important}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item{min-height:42px;padding:0 14px;display:flex;align-items:center;box-sizing:border-box}.mat-mdc-menu-panel:has(.organizer-menu-label) .organizer-menu-trigger.mat-mdc-menu-item .mdc-list-item__primary-text{display:flex;align-items:center;width:100%;overflow:hidden}.organizer-menu-label{font-size:13px;font-weight:500;color:#212121;flex:0 0 auto;white-space:nowrap;padding-right:8px}.organizer-menu-value{font-size:12px;color:#757575;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.organizer-submenu{padding:4px 6px;min-width:180px;box-sizing:border-box}.organizer-submenu .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-submenu .organizer-submenu-item:hover{background:#f5f5f5}.organizer-submenu .organizer-submenu-item.active{font-weight:600}.organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-submenu-icon{font-size:14px!important;width:14px!important;height:14px!important;color:#212121;margin-right:4px}.organizer-menu-export.mat-mdc-menu-item{min-height:42px;padding:0 14px}.organizer-menu-export-icon{font-size:16px!important;width:16px!important;height:16px!important;color:#424242;margin-right:8px}.organizer-divider{margin:4px 0!important}.organizer-champs-wrapper{padding:4px 6px;min-width:200px;box-sizing:border-box;display:flex;flex-direction:column}.organizer-champs-block{display:flex;flex-direction:column}.organizer-champs-block-title{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9e9e9e;padding:6px 2px 2px}.organizer-champs-divider{margin:4px 0!important}.organizer-champs-wrapper .organizer-submenu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;font-family:inherit;color:#212121;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.organizer-champs-wrapper .organizer-submenu-item:hover:not([disabled]){background:#f5f5f5}.organizer-champs-wrapper .organizer-submenu-item.active{font-weight:600}.organizer-champs-wrapper .organizer-submenu-item[disabled]{opacity:.38;cursor:default}.organizer-champs-wrapper .organizer-submenu-check{flex-shrink:0;width:16px;text-align:center;font-size:12px;color:#212121}.organizer-champs-wrapper .organizer-submenu-item--has-children{padding-right:8px}.organizer-champs-wrapper .organizer-submenu-arrow{font-size:18px!important;width:18px!important;height:18px!important;color:#00000061;margin-left:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
                 type: Input
             }], state: [{
@@ -672,11 +867,11 @@ class SlicePanelComponent {
         }, 50);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlicePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlicePanelComponent, isStandalone: true, selector: "slice-panel", inputs: { sliceConfigs: "sliceConfigs", columns: "columns", data: "data", lazyData: "lazyData", lazyStatus: "lazyStatus", showToggle: "showToggle", showCounts: "showCounts", collapsedByDefault: "collapsedByDefault", alwaysShow: "alwaysShow" }, outputs: { filterChange: "filterChange", activeKeysChange: "activeKeysChange", dynamicSliceKeysChange: "dynamicSliceKeysChange", collapsedChange: "collapsedChange" }, host: { properties: { "class.collapsed": "this.hostCollapsed" } }, viewQueries: [{ propertyName: "slicePanelBodyRef", first: true, predicate: ["slicePanelBody"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slice-panel-wrapper\" [class.collapsed]=\"isCollapsed\">\n  <aside class=\"slice-panel\" [class.collapsed]=\"isCollapsed\">\n    <div class=\"slice-panel-header\">\n      <span *ngIf=\"!isCollapsed\" class=\"slice-panel-title\">\n        {{ i18n.filterPanelTitle(slices.length) }}\n      </span>\n      <button\n        *ngIf=\"showToggle\"\n        type=\"button\"\n        class=\"slice-toggle\"\n        [attr.aria-label]=\"isCollapsed ? i18n.expandFilterTitle : i18n.collapseFilterTitle\"\n        (click)=\"togglePanel()\"\n      >\n        <mat-icon class=\"slice-toggle-mat-icon\">{{ isCollapsed ? 'filter_list' : 'filter_list_off' }}</mat-icon>\n      </button>\n    </div>\n\n    <div class=\"slice-panel-body\" *ngIf=\"!isCollapsed\" #slicePanelBody>\n      <ng-container *ngFor=\"let slice of slices; let si = index; trackBy: trackBySliceIndex\">\n        <div class=\"slice-title-row\" [attr.data-slice-index]=\"si\" (click)=\"toggleSliceCollapse(si)\">\n          <span class=\"slice-title-chevron\" [class.expanded]=\"!isSliceCollapsed(si)\">\u203A</span>\n          <mat-icon *ngIf=\"getSliceIcon(slice)\" class=\"slice-title-icon\">{{ getSliceIcon(slice) }}</mat-icon>\n          <p class=\"slice-title\">{{ slice.title || i18n.filterBlockDefaultTitle }}</p>\n          <button\n            *ngIf=\"isSliceDynamic(si)\"\n            type=\"button\"\n            class=\"slice-remove-btn\"\n            (click)=\"$event.stopPropagation(); removeDynamicSlice(si)\"\n          >\u00D7</button>\n        </div>\n\n        <div class=\"slice-section-items\" *ngIf=\"!isSliceCollapsed(si)\">\n          <ng-container *ngIf=\"isSliceLoading(si); else sliceContent\">\n            <div class=\"slice-lazy-loading\">\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n            </div>\n          </ng-container>\n          <ng-template #sliceContent>\n            <ng-container *ngFor=\"let category of slice.categories; trackBy: trackByCategoryKey\">\n              <button\n                *ngIf=\"sliceCategoryCount(si, category.key) > 0\"\n                class=\"slice-item\"\n                type=\"button\"\n                [class.active]=\"isSliceCategoryActive(si, category.key)\"\n                [attr.data-category-key]=\"category.key\"\n                [title]=\"category.label\"\n                (click)=\"onSliceCategorySelected(si, category.key)\"\n              >\n                <span>{{ category.label }}</span>\n                <span *ngIf=\"showCounts\">{{ sliceCategoryCount(si, category.key) }}</span>\n              </button>\n            </ng-container>\n            <div *ngIf=\"isSliceEmpty(si)\" class=\"slice-empty-state\">{{ i18n.filterEmptyState }}</div>\n          </ng-template>\n        </div>\n\n        <hr *ngIf=\"si < slices.length - 1\" class=\"slice-divider\" />\n      </ng-container>\n    </div>\n  </aside>\n</div>\n", styles: [":host{display:block;height:100%;min-height:0;box-sizing:border-box}.slice-panel-wrapper{height:100%;max-height:100%;overflow-y:auto;box-sizing:border-box}.slice-panel{margin-top:0;border:1px solid var(--jqt-border-color);border-radius:10px;background:var(--jqt-surface-color);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;box-sizing:border-box}.slice-panel-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;height:34px;padding:0 8px;margin-bottom:8px}.slice-panel-header:has(.slice-panel-title){justify-content:space-between;padding-left:12px}.slice-panel-body{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-panel-body::-webkit-scrollbar{width:2px}.slice-panel-body::-webkit-scrollbar-thumb{background:var(--jqt-primary-color);border-radius:4px}.slice-panel-title{margin:0;padding-top:2px;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--jqt-text-color);-webkit-user-select:none;user-select:none;align-self:center;display:inline-flex;align-items:center;gap:5px}.slice-panel-title .slice-panel-title-icon{font-size:16px;width:16px;height:16px;line-height:1;flex-shrink:0}.slice-section-items{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-section-items::-webkit-scrollbar{width:2px}.slice-section-items .slice-empty-state{padding:8px 10px;font-size:12px;color:var(--jqt-text-muted, #9ca3af);font-style:italic;text-align:center}.slice-section-items::-webkit-scrollbar-thumb{background:var(--jqt-border-color);border-radius:4px}.slice-toggle{border:0;background:var(--jqt-surface-color);color:var(--jqt-text-color);border-radius:6px;width:22px;height:22px;padding:0;font-size:14px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.slice-toggle-mat-icon{font-size:16px;width:16px;height:16px;line-height:1}.slice-panel.collapsed{border-color:transparent;background:transparent;overflow:visible}.slice-panel.collapsed .slice-panel-header{height:34px;padding:0;justify-content:center;align-items:center}.slice-panel.collapsed .slice-toggle{width:34px;height:34px;border:1px solid var(--jqt-border-color);background:var(--jqt-surface-color);border-radius:8px}.slice-panel.collapsed .slice-toggle:hover{border-color:var(--jqt-text-muted)}.slice-panel.collapsed .slice-toggle .slice-toggle-mat-icon{font-size:18px;width:18px;height:18px}.slice-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.slice-title-row:hover .slice-title{color:var(--jqt-text-color)}.slice-title-row:hover .slice-title-chevron{color:var(--jqt-text-secondary)}.slice-title-row:first-of-type .slice-title{margin-top:0}.slice-title-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--jqt-text-muted);transition:transform .15s ease;transform:rotate(0);position:relative;top:-1px}.slice-title-chevron.expanded{transform:rotate(90deg)}.slice-title{flex:1 1 auto;margin:0;font-size:14px;font-weight:600;color:var(--jqt-title-color)}.slice-title-icon{flex-shrink:0;font-size:14px!important;width:14px!important;height:14px!important;color:var(--jqt-title-color)}.slice-remove-btn{background:none;border:none;cursor:pointer;color:var(--jqt-border-color);font-size:12px;padding:0 2px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .15s,color .15s}.slice-remove-btn:hover{color:var(--jqt-text-secondary);opacity:1}.slice-title-row:hover .slice-remove-btn{opacity:.8}.slice-item{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:5px 10px 5px 16px;background:transparent;border:0;cursor:pointer;border-radius:8px;color:var(--jqt-text-color);box-sizing:border-box;min-width:0;gap:8px}.slice-item.active{background:var(--jqt-row-hover-bg);font-weight:600}.slice-item.slice-multi{padding-left:6px}.slice-item span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slice-item span:last-child{flex:0 0 auto;min-width:1.2em;text-align:right}.slice-check-box{flex:0 0 16px;width:16px;height:16px;border:1.5px solid var(--jqt-text-muted);border-radius:4px;background:var(--jqt-surface-color);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background .15s,border-color .15s}.slice-check-box.checked{background:var(--jqt-text-secondary);border-color:var(--jqt-text-secondary)}.slice-check-box.checked:after{content:\"\";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.slice-divider{border:none;border-top:1px solid var(--jqt-border-color);margin:6px 0}.lazy-skeleton{display:block;height:12px;width:70%;border-radius:4px;background:linear-gradient(90deg,var(--jqt-border-color) 25%,var(--jqt-surface-alt-color) 50%,var(--jqt-border-color) 75%);background-size:200% 100%;animation:lazy-shimmer 1.4s ease-in-out infinite}.slice-lazy-loading{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.slice-lazy-loading .lazy-skeleton{width:80%}.slice-lazy-loading .lazy-skeleton:nth-child(2){width:60%}.slice-lazy-loading .lazy-skeleton:nth-child(3){width:45%}@keyframes lazy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlicePanelComponent, isStandalone: true, selector: "slice-panel", inputs: { sliceConfigs: "sliceConfigs", columns: "columns", data: "data", lazyData: "lazyData", lazyStatus: "lazyStatus", showToggle: "showToggle", showCounts: "showCounts", collapsedByDefault: "collapsedByDefault", alwaysShow: "alwaysShow" }, outputs: { filterChange: "filterChange", activeKeysChange: "activeKeysChange", dynamicSliceKeysChange: "dynamicSliceKeysChange", collapsedChange: "collapsedChange" }, host: { properties: { "class.collapsed": "this.hostCollapsed" } }, viewQueries: [{ propertyName: "slicePanelBodyRef", first: true, predicate: ["slicePanelBody"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slice-panel-wrapper\" [class.collapsed]=\"isCollapsed\">\n  <aside class=\"slice-panel\" [class.collapsed]=\"isCollapsed\">\n    <div class=\"slice-panel-header\">\n      <span *ngIf=\"!isCollapsed\" class=\"slice-panel-title\">\n        {{ i18n.filterPanelTitle(slices.length) }}\n      </span>\n      <button\n        *ngIf=\"showToggle\"\n        type=\"button\"\n        class=\"slice-toggle\"\n        [attr.aria-label]=\"isCollapsed ? i18n.expandFilterTitle : i18n.collapseFilterTitle\"\n        (click)=\"togglePanel()\"\n      >\n        <mat-icon class=\"slice-toggle-mat-icon\">{{ isCollapsed ? 'filter_list' : 'filter_list_off' }}</mat-icon>\n      </button>\n    </div>\n\n    <div class=\"slice-panel-body\" *ngIf=\"!isCollapsed\" #slicePanelBody>\n      <ng-container *ngFor=\"let slice of slices; let si = index; trackBy: trackBySliceIndex\">\n        <div class=\"slice-title-row\" [attr.data-slice-index]=\"si\" (click)=\"toggleSliceCollapse(si)\">\n          <span class=\"slice-title-chevron\" [class.expanded]=\"!isSliceCollapsed(si)\">\u203A</span>\n          <mat-icon *ngIf=\"getSliceIcon(slice)\" class=\"slice-title-icon\">{{ getSliceIcon(slice) }}</mat-icon>\n          <p class=\"slice-title\">{{ slice.title || i18n.filterBlockDefaultTitle }}</p>\n          <button\n            *ngIf=\"isSliceDynamic(si)\"\n            type=\"button\"\n            class=\"slice-remove-btn\"\n            (click)=\"$event.stopPropagation(); removeDynamicSlice(si)\"\n          >\u00D7</button>\n        </div>\n\n        <div class=\"slice-section-items\" *ngIf=\"!isSliceCollapsed(si)\">\n          <ng-container *ngIf=\"isSliceLoading(si); else sliceContent\">\n            <div class=\"slice-lazy-loading\">\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n            </div>\n          </ng-container>\n          <ng-template #sliceContent>\n            <ng-container *ngFor=\"let category of slice.categories; trackBy: trackByCategoryKey\">\n              <button\n                *ngIf=\"sliceCategoryCount(si, category.key) > 0\"\n                class=\"slice-item\"\n                type=\"button\"\n                [class.active]=\"isSliceCategoryActive(si, category.key)\"\n                [attr.data-category-key]=\"category.key\"\n                [title]=\"category.label\"\n                (click)=\"onSliceCategorySelected(si, category.key)\"\n              >\n                <span>{{ category.label }}</span>\n                <span *ngIf=\"showCounts\">{{ sliceCategoryCount(si, category.key) }}</span>\n              </button>\n            </ng-container>\n            <div *ngIf=\"isSliceEmpty(si)\" class=\"slice-empty-state\">{{ i18n.filterEmptyState }}</div>\n          </ng-template>\n        </div>\n\n        <hr *ngIf=\"si < slices.length - 1\" class=\"slice-divider\" />\n      </ng-container>\n    </div>\n  </aside>\n</div>\n", styles: ["@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}:host{display:block;height:100%;min-height:0;box-sizing:border-box;animation:slideInLeft .3s cubic-bezier(.34,1.56,.64,1) forwards}.slice-panel-wrapper{height:100%;max-height:100%;overflow-y:auto;box-sizing:border-box}.slice-panel{margin-top:0;border:1px solid var(--jqt-border-color);border-radius:10px;background:var(--jqt-surface-color);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;box-sizing:border-box}.slice-panel-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;height:34px;padding:0 8px;margin-bottom:8px}.slice-panel-header:has(.slice-panel-title){justify-content:space-between;padding-left:12px}.slice-panel-body{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-panel-body::-webkit-scrollbar{width:2px}.slice-panel-body::-webkit-scrollbar-thumb{background:var(--jqt-primary-color);border-radius:4px}.slice-panel-title{margin:0;padding-top:2px;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--jqt-text-color);-webkit-user-select:none;user-select:none;align-self:center;display:inline-flex;align-items:center;gap:5px}.slice-panel-title .slice-panel-title-icon{font-size:16px;width:16px;height:16px;line-height:1;flex-shrink:0}.slice-section-items{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-section-items::-webkit-scrollbar{width:2px}.slice-section-items .slice-empty-state{padding:8px 10px;font-size:12px;color:var(--jqt-text-muted, #9ca3af);font-style:italic;text-align:center}.slice-section-items::-webkit-scrollbar-thumb{background:var(--jqt-border-color);border-radius:4px}.slice-toggle{border:0;background:var(--jqt-surface-color);color:var(--jqt-text-color);border-radius:6px;width:22px;height:22px;padding:0;font-size:14px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.slice-toggle-mat-icon{font-size:16px;width:16px;height:16px;line-height:1}.slice-panel.collapsed{border-color:transparent;background:transparent;overflow:visible}.slice-panel.collapsed .slice-panel-header{height:34px;padding:0;justify-content:center;align-items:center}.slice-panel.collapsed .slice-toggle{width:34px;height:34px;border:1px solid var(--jqt-border-color);background:var(--jqt-surface-color);border-radius:8px}.slice-panel.collapsed .slice-toggle:hover{border-color:var(--jqt-text-muted)}.slice-panel.collapsed .slice-toggle .slice-toggle-mat-icon{font-size:18px;width:18px;height:18px}.slice-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.slice-title-row:hover .slice-title{color:var(--jqt-text-color)}.slice-title-row:hover .slice-title-chevron{color:var(--jqt-text-secondary)}.slice-title-row:first-of-type .slice-title{margin-top:0}.slice-title-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--jqt-text-muted);transition:transform .15s ease;transform:rotate(0);position:relative;top:-1px}.slice-title-chevron.expanded{transform:rotate(90deg)}.slice-title{flex:1 1 auto;margin:0;font-size:14px;font-weight:600;color:var(--jqt-title-color)}.slice-title-icon{flex-shrink:0;font-size:14px!important;width:14px!important;height:14px!important;color:var(--jqt-title-color)}.slice-remove-btn{background:none;border:none;cursor:pointer;color:var(--jqt-border-color);font-size:12px;padding:0 2px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .15s,color .15s}.slice-remove-btn:hover{color:var(--jqt-text-secondary);opacity:1}.slice-title-row:hover .slice-remove-btn{opacity:.8}.slice-item{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:5px 10px 5px 16px;background:transparent;border:0;cursor:pointer;border-radius:8px;color:var(--jqt-text-color);box-sizing:border-box;min-width:0;gap:8px}.slice-item.active{background:var(--jqt-row-hover-bg);font-weight:600}.slice-item.slice-multi{padding-left:6px}.slice-item span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slice-item span:last-child{flex:0 0 auto;min-width:1.2em;text-align:right}.slice-check-box{flex:0 0 16px;width:16px;height:16px;border:1.5px solid var(--jqt-text-muted);border-radius:4px;background:var(--jqt-surface-color);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background .15s,border-color .15s}.slice-check-box.checked{background:var(--jqt-text-secondary);border-color:var(--jqt-text-secondary)}.slice-check-box.checked:after{content:\"\";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.slice-divider{border:none;border-top:1px solid var(--jqt-border-color);margin:6px 0}.lazy-skeleton{display:block;height:12px;width:70%;border-radius:4px;background:linear-gradient(90deg,var(--jqt-border-color) 25%,var(--jqt-surface-alt-color) 50%,var(--jqt-border-color) 75%);background-size:200% 100%;animation:lazy-shimmer 1.4s ease-in-out infinite}.slice-lazy-loading{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.slice-lazy-loading .lazy-skeleton{width:80%}.slice-lazy-loading .lazy-skeleton:nth-child(2){width:60%}.slice-lazy-loading .lazy-skeleton:nth-child(3){width:45%}@keyframes lazy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlicePanelComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'slice-panel', imports: [CommonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slice-panel-wrapper\" [class.collapsed]=\"isCollapsed\">\n  <aside class=\"slice-panel\" [class.collapsed]=\"isCollapsed\">\n    <div class=\"slice-panel-header\">\n      <span *ngIf=\"!isCollapsed\" class=\"slice-panel-title\">\n        {{ i18n.filterPanelTitle(slices.length) }}\n      </span>\n      <button\n        *ngIf=\"showToggle\"\n        type=\"button\"\n        class=\"slice-toggle\"\n        [attr.aria-label]=\"isCollapsed ? i18n.expandFilterTitle : i18n.collapseFilterTitle\"\n        (click)=\"togglePanel()\"\n      >\n        <mat-icon class=\"slice-toggle-mat-icon\">{{ isCollapsed ? 'filter_list' : 'filter_list_off' }}</mat-icon>\n      </button>\n    </div>\n\n    <div class=\"slice-panel-body\" *ngIf=\"!isCollapsed\" #slicePanelBody>\n      <ng-container *ngFor=\"let slice of slices; let si = index; trackBy: trackBySliceIndex\">\n        <div class=\"slice-title-row\" [attr.data-slice-index]=\"si\" (click)=\"toggleSliceCollapse(si)\">\n          <span class=\"slice-title-chevron\" [class.expanded]=\"!isSliceCollapsed(si)\">\u203A</span>\n          <mat-icon *ngIf=\"getSliceIcon(slice)\" class=\"slice-title-icon\">{{ getSliceIcon(slice) }}</mat-icon>\n          <p class=\"slice-title\">{{ slice.title || i18n.filterBlockDefaultTitle }}</p>\n          <button\n            *ngIf=\"isSliceDynamic(si)\"\n            type=\"button\"\n            class=\"slice-remove-btn\"\n            (click)=\"$event.stopPropagation(); removeDynamicSlice(si)\"\n          >\u00D7</button>\n        </div>\n\n        <div class=\"slice-section-items\" *ngIf=\"!isSliceCollapsed(si)\">\n          <ng-container *ngIf=\"isSliceLoading(si); else sliceContent\">\n            <div class=\"slice-lazy-loading\">\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n            </div>\n          </ng-container>\n          <ng-template #sliceContent>\n            <ng-container *ngFor=\"let category of slice.categories; trackBy: trackByCategoryKey\">\n              <button\n                *ngIf=\"sliceCategoryCount(si, category.key) > 0\"\n                class=\"slice-item\"\n                type=\"button\"\n                [class.active]=\"isSliceCategoryActive(si, category.key)\"\n                [attr.data-category-key]=\"category.key\"\n                [title]=\"category.label\"\n                (click)=\"onSliceCategorySelected(si, category.key)\"\n              >\n                <span>{{ category.label }}</span>\n                <span *ngIf=\"showCounts\">{{ sliceCategoryCount(si, category.key) }}</span>\n              </button>\n            </ng-container>\n            <div *ngIf=\"isSliceEmpty(si)\" class=\"slice-empty-state\">{{ i18n.filterEmptyState }}</div>\n          </ng-template>\n        </div>\n\n        <hr *ngIf=\"si < slices.length - 1\" class=\"slice-divider\" />\n      </ng-container>\n    </div>\n  </aside>\n</div>\n", styles: [":host{display:block;height:100%;min-height:0;box-sizing:border-box}.slice-panel-wrapper{height:100%;max-height:100%;overflow-y:auto;box-sizing:border-box}.slice-panel{margin-top:0;border:1px solid var(--jqt-border-color);border-radius:10px;background:var(--jqt-surface-color);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;box-sizing:border-box}.slice-panel-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;height:34px;padding:0 8px;margin-bottom:8px}.slice-panel-header:has(.slice-panel-title){justify-content:space-between;padding-left:12px}.slice-panel-body{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-panel-body::-webkit-scrollbar{width:2px}.slice-panel-body::-webkit-scrollbar-thumb{background:var(--jqt-primary-color);border-radius:4px}.slice-panel-title{margin:0;padding-top:2px;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--jqt-text-color);-webkit-user-select:none;user-select:none;align-self:center;display:inline-flex;align-items:center;gap:5px}.slice-panel-title .slice-panel-title-icon{font-size:16px;width:16px;height:16px;line-height:1;flex-shrink:0}.slice-section-items{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-section-items::-webkit-scrollbar{width:2px}.slice-section-items .slice-empty-state{padding:8px 10px;font-size:12px;color:var(--jqt-text-muted, #9ca3af);font-style:italic;text-align:center}.slice-section-items::-webkit-scrollbar-thumb{background:var(--jqt-border-color);border-radius:4px}.slice-toggle{border:0;background:var(--jqt-surface-color);color:var(--jqt-text-color);border-radius:6px;width:22px;height:22px;padding:0;font-size:14px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.slice-toggle-mat-icon{font-size:16px;width:16px;height:16px;line-height:1}.slice-panel.collapsed{border-color:transparent;background:transparent;overflow:visible}.slice-panel.collapsed .slice-panel-header{height:34px;padding:0;justify-content:center;align-items:center}.slice-panel.collapsed .slice-toggle{width:34px;height:34px;border:1px solid var(--jqt-border-color);background:var(--jqt-surface-color);border-radius:8px}.slice-panel.collapsed .slice-toggle:hover{border-color:var(--jqt-text-muted)}.slice-panel.collapsed .slice-toggle .slice-toggle-mat-icon{font-size:18px;width:18px;height:18px}.slice-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.slice-title-row:hover .slice-title{color:var(--jqt-text-color)}.slice-title-row:hover .slice-title-chevron{color:var(--jqt-text-secondary)}.slice-title-row:first-of-type .slice-title{margin-top:0}.slice-title-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--jqt-text-muted);transition:transform .15s ease;transform:rotate(0);position:relative;top:-1px}.slice-title-chevron.expanded{transform:rotate(90deg)}.slice-title{flex:1 1 auto;margin:0;font-size:14px;font-weight:600;color:var(--jqt-title-color)}.slice-title-icon{flex-shrink:0;font-size:14px!important;width:14px!important;height:14px!important;color:var(--jqt-title-color)}.slice-remove-btn{background:none;border:none;cursor:pointer;color:var(--jqt-border-color);font-size:12px;padding:0 2px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .15s,color .15s}.slice-remove-btn:hover{color:var(--jqt-text-secondary);opacity:1}.slice-title-row:hover .slice-remove-btn{opacity:.8}.slice-item{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:5px 10px 5px 16px;background:transparent;border:0;cursor:pointer;border-radius:8px;color:var(--jqt-text-color);box-sizing:border-box;min-width:0;gap:8px}.slice-item.active{background:var(--jqt-row-hover-bg);font-weight:600}.slice-item.slice-multi{padding-left:6px}.slice-item span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slice-item span:last-child{flex:0 0 auto;min-width:1.2em;text-align:right}.slice-check-box{flex:0 0 16px;width:16px;height:16px;border:1.5px solid var(--jqt-text-muted);border-radius:4px;background:var(--jqt-surface-color);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background .15s,border-color .15s}.slice-check-box.checked{background:var(--jqt-text-secondary);border-color:var(--jqt-text-secondary)}.slice-check-box.checked:after{content:\"\";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.slice-divider{border:none;border-top:1px solid var(--jqt-border-color);margin:6px 0}.lazy-skeleton{display:block;height:12px;width:70%;border-radius:4px;background:linear-gradient(90deg,var(--jqt-border-color) 25%,var(--jqt-surface-alt-color) 50%,var(--jqt-border-color) 75%);background-size:200% 100%;animation:lazy-shimmer 1.4s ease-in-out infinite}.slice-lazy-loading{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.slice-lazy-loading .lazy-skeleton{width:80%}.slice-lazy-loading .lazy-skeleton:nth-child(2){width:60%}.slice-lazy-loading .lazy-skeleton:nth-child(3){width:45%}@keyframes lazy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
+            args: [{ standalone: true, selector: 'slice-panel', imports: [CommonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slice-panel-wrapper\" [class.collapsed]=\"isCollapsed\">\n  <aside class=\"slice-panel\" [class.collapsed]=\"isCollapsed\">\n    <div class=\"slice-panel-header\">\n      <span *ngIf=\"!isCollapsed\" class=\"slice-panel-title\">\n        {{ i18n.filterPanelTitle(slices.length) }}\n      </span>\n      <button\n        *ngIf=\"showToggle\"\n        type=\"button\"\n        class=\"slice-toggle\"\n        [attr.aria-label]=\"isCollapsed ? i18n.expandFilterTitle : i18n.collapseFilterTitle\"\n        (click)=\"togglePanel()\"\n      >\n        <mat-icon class=\"slice-toggle-mat-icon\">{{ isCollapsed ? 'filter_list' : 'filter_list_off' }}</mat-icon>\n      </button>\n    </div>\n\n    <div class=\"slice-panel-body\" *ngIf=\"!isCollapsed\" #slicePanelBody>\n      <ng-container *ngFor=\"let slice of slices; let si = index; trackBy: trackBySliceIndex\">\n        <div class=\"slice-title-row\" [attr.data-slice-index]=\"si\" (click)=\"toggleSliceCollapse(si)\">\n          <span class=\"slice-title-chevron\" [class.expanded]=\"!isSliceCollapsed(si)\">\u203A</span>\n          <mat-icon *ngIf=\"getSliceIcon(slice)\" class=\"slice-title-icon\">{{ getSliceIcon(slice) }}</mat-icon>\n          <p class=\"slice-title\">{{ slice.title || i18n.filterBlockDefaultTitle }}</p>\n          <button\n            *ngIf=\"isSliceDynamic(si)\"\n            type=\"button\"\n            class=\"slice-remove-btn\"\n            (click)=\"$event.stopPropagation(); removeDynamicSlice(si)\"\n          >\u00D7</button>\n        </div>\n\n        <div class=\"slice-section-items\" *ngIf=\"!isSliceCollapsed(si)\">\n          <ng-container *ngIf=\"isSliceLoading(si); else sliceContent\">\n            <div class=\"slice-lazy-loading\">\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n            </div>\n          </ng-container>\n          <ng-template #sliceContent>\n            <ng-container *ngFor=\"let category of slice.categories; trackBy: trackByCategoryKey\">\n              <button\n                *ngIf=\"sliceCategoryCount(si, category.key) > 0\"\n                class=\"slice-item\"\n                type=\"button\"\n                [class.active]=\"isSliceCategoryActive(si, category.key)\"\n                [attr.data-category-key]=\"category.key\"\n                [title]=\"category.label\"\n                (click)=\"onSliceCategorySelected(si, category.key)\"\n              >\n                <span>{{ category.label }}</span>\n                <span *ngIf=\"showCounts\">{{ sliceCategoryCount(si, category.key) }}</span>\n              </button>\n            </ng-container>\n            <div *ngIf=\"isSliceEmpty(si)\" class=\"slice-empty-state\">{{ i18n.filterEmptyState }}</div>\n          </ng-template>\n        </div>\n\n        <hr *ngIf=\"si < slices.length - 1\" class=\"slice-divider\" />\n      </ng-container>\n    </div>\n  </aside>\n</div>\n", styles: ["@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}:host{display:block;height:100%;min-height:0;box-sizing:border-box;animation:slideInLeft .3s cubic-bezier(.34,1.56,.64,1) forwards}.slice-panel-wrapper{height:100%;max-height:100%;overflow-y:auto;box-sizing:border-box}.slice-panel{margin-top:0;border:1px solid var(--jqt-border-color);border-radius:10px;background:var(--jqt-surface-color);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;box-sizing:border-box}.slice-panel-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;height:34px;padding:0 8px;margin-bottom:8px}.slice-panel-header:has(.slice-panel-title){justify-content:space-between;padding-left:12px}.slice-panel-body{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-panel-body::-webkit-scrollbar{width:2px}.slice-panel-body::-webkit-scrollbar-thumb{background:var(--jqt-primary-color);border-radius:4px}.slice-panel-title{margin:0;padding-top:2px;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--jqt-text-color);-webkit-user-select:none;user-select:none;align-self:center;display:inline-flex;align-items:center;gap:5px}.slice-panel-title .slice-panel-title-icon{font-size:16px;width:16px;height:16px;line-height:1;flex-shrink:0}.slice-section-items{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;scrollbar-width:thin;scrollbar-color:var(--jqt-border-color) transparent}.slice-section-items::-webkit-scrollbar{width:2px}.slice-section-items .slice-empty-state{padding:8px 10px;font-size:12px;color:var(--jqt-text-muted, #9ca3af);font-style:italic;text-align:center}.slice-section-items::-webkit-scrollbar-thumb{background:var(--jqt-border-color);border-radius:4px}.slice-toggle{border:0;background:var(--jqt-surface-color);color:var(--jqt-text-color);border-radius:6px;width:22px;height:22px;padding:0;font-size:14px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.slice-toggle-mat-icon{font-size:16px;width:16px;height:16px;line-height:1}.slice-panel.collapsed{border-color:transparent;background:transparent;overflow:visible}.slice-panel.collapsed .slice-panel-header{height:34px;padding:0;justify-content:center;align-items:center}.slice-panel.collapsed .slice-toggle{width:34px;height:34px;border:1px solid var(--jqt-border-color);background:var(--jqt-surface-color);border-radius:8px}.slice-panel.collapsed .slice-toggle:hover{border-color:var(--jqt-text-muted)}.slice-panel.collapsed .slice-toggle .slice-toggle-mat-icon{font-size:18px;width:18px;height:18px}.slice-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.slice-title-row:hover .slice-title{color:var(--jqt-text-color)}.slice-title-row:hover .slice-title-chevron{color:var(--jqt-text-secondary)}.slice-title-row:first-of-type .slice-title{margin-top:0}.slice-title-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--jqt-text-muted);transition:transform .15s ease;transform:rotate(0);position:relative;top:-1px}.slice-title-chevron.expanded{transform:rotate(90deg)}.slice-title{flex:1 1 auto;margin:0;font-size:14px;font-weight:600;color:var(--jqt-title-color)}.slice-title-icon{flex-shrink:0;font-size:14px!important;width:14px!important;height:14px!important;color:var(--jqt-title-color)}.slice-remove-btn{background:none;border:none;cursor:pointer;color:var(--jqt-border-color);font-size:12px;padding:0 2px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .15s,color .15s}.slice-remove-btn:hover{color:var(--jqt-text-secondary);opacity:1}.slice-title-row:hover .slice-remove-btn{opacity:.8}.slice-item{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:5px 10px 5px 16px;background:transparent;border:0;cursor:pointer;border-radius:8px;color:var(--jqt-text-color);box-sizing:border-box;min-width:0;gap:8px}.slice-item.active{background:var(--jqt-row-hover-bg);font-weight:600}.slice-item.slice-multi{padding-left:6px}.slice-item span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slice-item span:last-child{flex:0 0 auto;min-width:1.2em;text-align:right}.slice-check-box{flex:0 0 16px;width:16px;height:16px;border:1.5px solid var(--jqt-text-muted);border-radius:4px;background:var(--jqt-surface-color);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background .15s,border-color .15s}.slice-check-box.checked{background:var(--jqt-text-secondary);border-color:var(--jqt-text-secondary)}.slice-check-box.checked:after{content:\"\";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.slice-divider{border:none;border-top:1px solid var(--jqt-border-color);margin:6px 0}.lazy-skeleton{display:block;height:12px;width:70%;border-radius:4px;background:linear-gradient(90deg,var(--jqt-border-color) 25%,var(--jqt-surface-alt-color) 50%,var(--jqt-border-color) 75%);background-size:200% 100%;animation:lazy-shimmer 1.4s ease-in-out infinite}.slice-lazy-loading{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.slice-lazy-loading .lazy-skeleton{width:80%}.slice-lazy-loading .lazy-skeleton:nth-child(2){width:60%}.slice-lazy-loading .lazy-skeleton:nth-child(3){width:45%}@keyframes lazy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
         }], propDecorators: { sliceConfigs: [{
                 type: Input
             }], columns: [{
@@ -741,42 +936,61 @@ const DEFAULT_MENU_ICONS = {
     'custom': 'settings'
 };
 
-function buildYFields(indicators) {
-    const ordered = [];
-    const map = new Map();
-    for (const indicator of indicators) {
-        const groupKey = indicator.group;
-        if (groupKey) {
-            if (!map.has(groupKey)) {
-                ordered.push(groupKey);
-                map.set(groupKey, { id: groupKey, label: groupKey, aggregates: [] });
-            }
-            const parent = map.get(groupKey);
-            if (parent?.aggregates) {
-                parent.aggregates.push({ id: indicator.id, label: indicator.label });
-            }
-        }
-        else {
-            ordered.push(indicator.id);
-            map.set(indicator.id, { id: indicator.id, label: indicator.label });
-        }
-    }
-    return ordered.map(k => map.get(k)).filter((f) => !!f);
+var SyntheticItemKeys;
+(function (SyntheticItemKeys) {
+    SyntheticItemKeys["EMPTY"] = "__empty__";
+    SyntheticItemKeys["SYNTHETIC_MARKER"] = "__synthetic__";
+})(SyntheticItemKeys || (SyntheticItemKeys = {}));
+var SlicePanelI18nKeys;
+(function (SlicePanelI18nKeys) {
+    SlicePanelI18nKeys["EXPAND_FILTER"] = "expandFilterTitle";
+    SlicePanelI18nKeys["COLLAPSE_FILTER"] = "collapseFilterTitle";
+    SlicePanelI18nKeys["FILTER_PANEL_TITLE_SINGLE"] = "filterPanelTitleSingle";
+    SlicePanelI18nKeys["FILTER_PANEL_TITLE_PLURAL"] = "filterPanelTitlePlural";
+    SlicePanelI18nKeys["FILTER_BLOCK_DEFAULT_TITLE"] = "filterBlockDefaultTitle";
+    SlicePanelI18nKeys["FILTER_EMPTY_STATE"] = "filterEmptyState";
+})(SlicePanelI18nKeys || (SlicePanelI18nKeys = {}));
+var OrganizerButtonEventType;
+(function (OrganizerButtonEventType) {
+    OrganizerButtonEventType["FIELD_TOGGLED"] = "fieldToggled";
+    OrganizerButtonEventType["X_SELECTED"] = "xSelected";
+    OrganizerButtonEventType["Y_SELECTED"] = "ySelected";
+    OrganizerButtonEventType["GROUP_BY_SELECTED"] = "groupBySelected";
+    OrganizerButtonEventType["TEMPLATE_SELECTED"] = "templateSelected";
+    OrganizerButtonEventType["SLICE_SELECTED"] = "sliceSelected";
+    OrganizerButtonEventType["VIEW_SWITCHED"] = "viewSwitched";
+})(OrganizerButtonEventType || (OrganizerButtonEventType = {}));
+function getGroupItems(config) {
+    return config?.groups?.items ?? [];
 }
-function resolveYKey(selectedY, selectedYAggregate) {
-    return selectedYAggregate ?? selectedY;
+function getIndicatorItems(config) {
+    return config?.indicators?.items ?? [];
+}
+function getFilterItems(config) {
+    return config?.filters?.items ?? [];
+}
+function getStackItems(indicator) {
+    return indicator?.extra?.stacks?.items ?? [];
 }
 
 function chartConfigToOrganizer(chartConfig, options = {}) {
-    if (!chartConfig)
+    if (!chartConfig) {
+        console.debug('[OrganizerChartAdapter] Empty chart config, returning empty organizer config');
         return {};
+    }
+    console.debug('[OrganizerChartAdapter] Converting chart config to organizer', {
+        hasGroups: !!chartConfig.groups,
+        indicatorCount: chartConfig.indicators?.items?.length ?? 0,
+        filterCount: chartConfig.filters?.items?.length ?? 0
+    });
     const { onFetchSliceData, onExportVisual, onExportData, switchView } = options;
-    const activeIndicator = chartConfig.indicators?.items?.find(i => i.selected);
-    const baseXFields = (chartConfig.groups?.items || [])
+    const indicators = getIndicatorItems(chartConfig);
+    const activeIndicator = indicators.find(i => i.selected);
+    const baseXFields = getGroupItems(chartConfig)
         .filter(g => !_isSynthetic(g))
         .map(g => ({ id: g.key, label: g.menu.label || g.key }));
-    const yFields = buildYFields((chartConfig.indicators?.items || []).map(i => ({ id: i.key, label: i.menu.label || i.key, group: i.group })));
-    const stackFields = (activeIndicator?.extra?.stacks?.items || [])
+    const yFields = buildYFields(indicators.map(i => ({ id: i.key, label: i.menu.label || i.key, group: i.group })));
+    const stackFields = getStackItems(activeIndicator)
         .filter((s) => !_isSynthetic(s))
         .map((s) => ({ id: s.key, label: s.menu.label || s.key }));
     const seenKeys = new Set();
@@ -790,7 +1004,8 @@ function chartConfigToOrganizer(chartConfig, options = {}) {
         xFields: mergedGroupFields,
         yFields,
         groups: mergedGroupFields,
-        slices: (chartConfig.filters?.items || []).map(f => ({ id: f.key, label: f.menu.label || f.key })),
+        slices: getFilterItems(chartConfig).map(f => ({ id: f.key, label: f.menu.label || f.key })),
+        templates: chartConfig.templates,
         showReset: false,
         onFetchSliceData,
         showExport: !!(onExportVisual || onExportData),
@@ -800,20 +1015,37 @@ function chartConfigToOrganizer(chartConfig, options = {}) {
     };
 }
 function chartConfigToState(chartConfig) {
-    if (!chartConfig)
+    if (!chartConfig) {
+        console.debug('[OrganizerChartAdapter] Empty chart config for state conversion');
         return {};
-    const activeIndicator = chartConfig.indicators?.items?.find(i => i.selected);
-    const activeStack = (activeIndicator?.extra?.stacks?.items || []).find((s) => s.selected);
-    const activeGroup = chartConfig.groups?.items?.find(g => g.selected);
-    const activeSlices = (chartConfig.filters?.items || []).filter(f => f.selected);
+    }
+    const indicators = getIndicatorItems(chartConfig);
+    const activeIndicator = indicators.find(i => i.selected);
+    const activeStack = getStackItems(activeIndicator).find((s) => s.selected);
+    const activeGroup = getGroupItems(chartConfig).find(g => g.selected);
+    const activeSlices = getFilterItems(chartConfig).filter(f => f.selected);
     const indicatorGroup = activeIndicator?.group;
-    return {
+    console.debug('[OrganizerChartAdapter] Current chart state', {
+        activeGroup: activeGroup?.key,
+        activeIndicator: activeIndicator?.key,
+        activeStack: activeStack?.key,
+        sliceCount: activeSlices.length
+    });
+    const state = {
         selectedX: activeGroup?.key,
         selectedY: indicatorGroup ?? activeIndicator?.key,
         selectedYAggregate: indicatorGroup ? activeIndicator?.key : undefined,
         selectedGroupBy: activeStack?.key,
         selectedSlices: activeSlices.map(f => f.key),
     };
+    const organizerConfig = chartConfigToOrganizer(chartConfig);
+    return normalizeOrganizerState(state, organizerConfig);
+}
+function buildOrganizerChartBinding(chartConfig, options = {}) {
+    return {
+        config: chartConfigToOrganizer(chartConfig, options),
+        state: chartConfigToState(chartConfig)
+    };
 }
 function chartConfigToUnifiedState(chartConfig, viewMode = 'chart') {
     const state = chartConfigToState(chartConfig);
@@ -827,8 +1059,11 @@ function chartConfigToUnifiedState(chartConfig, viewMode = 'chart') {
     };
 }
 function applyOrganizerEventToChart(event, chartConfig) {
-    if (!chartConfig)
+    if (!chartConfig) {
+        console.debug('[OrganizerChartAdapter] Cannot apply event to empty chart config');
         return;
+    }
+    console.debug('[OrganizerChartAdapter] Applying organizer event', { eventType: event.type, state: event.state });
     const state = event.state;
     _cleanSynthetics(chartConfig);
     if (state.selectedX !== undefined)
@@ -841,11 +1076,37 @@ function applyOrganizerEventToChart(event, chartConfig) {
         _applySliceSelection(state.selectedSlices, chartConfig);
     event.resolvedYUnit = resolveYUnit(chartConfig, event.state.selectedY, event.state.selectedYAggregate);
 }
+function handleOrganizerChartEvent(event, chartConfig, currentBinding, options = {}) {
+    console.debug('[OrganizerChartAdapter] Handling organizer event', { eventType: event.type });
+    if (event.type === 'viewSwitched') {
+        return {
+            binding: {
+                config: chartConfigToOrganizer(chartConfig, options),
+                state: { ...event.state }
+            },
+            shouldRefetch: false
+        };
+    }
+    applyOrganizerEventToChart(event, chartConfig);
+    if (event.type === 'ySelected' || event.type === 'templateSelected') {
+        return {
+            binding: buildOrganizerChartBinding(chartConfig, options),
+            shouldRefetch: true
+        };
+    }
+    return {
+        binding: {
+            config: currentBinding?.config ?? chartConfigToOrganizer(chartConfig, options),
+            state: event.state
+        },
+        shouldRefetch: event.type !== 'sliceSelected'
+    };
+}
 function resolveYUnit(chartConfig, selectedY, selectedYAggregate) {
     if (!chartConfig || !selectedY)
         return undefined;
     const actualKey = resolveYKey(selectedY, selectedYAggregate);
-    return chartConfig.indicators?.items?.find(i => i.key === actualKey)?.unit;
+    return getIndicatorItems(chartConfig).find(i => i.key === actualKey)?.unit;
 }
 const _syntheticItems = new WeakSet();
 function _makeSynthetic(item) {
@@ -856,24 +1117,30 @@ function _isSynthetic(item) {
     return _syntheticItems.has(item);
 }
 function _cleanSynthetics(chartConfig) {
-    chartConfig.groups.items = chartConfig.groups.items.filter(g => !_isSynthetic(g));
-    chartConfig.indicators.items.forEach(ind => {
-        if (ind.extra?.stacks?.items) {
-            ind.extra.stacks.items = ind.extra.stacks.items.filter((s) => !_isSynthetic(s));
-        }
-    });
+    if (chartConfig.groups?.items) {
+        chartConfig.groups.items = chartConfig.groups.items.filter(g => !_isSynthetic(g));
+    }
+    if (chartConfig.indicators?.items) {
+        chartConfig.indicators.items.forEach(ind => {
+            if (ind.extra?.stacks?.items) {
+                ind.extra.stacks.items = ind.extra.stacks.items.filter((s) => !_isSynthetic(s));
+            }
+        });
+    }
 }
 function _applyXSelection(selectedX, chartConfig) {
-    const isGroupItem = chartConfig.groups.items.some(g => g.key === selectedX);
+    const groupItems = getGroupItems(chartConfig);
+    const isGroupItem = groupItems.some(g => g.key === selectedX);
     if (isGroupItem) {
-        chartConfig.groups.items.forEach(g => { g.selected = g.key === selectedX; });
+        groupItems.forEach(g => { g.selected = g.key === selectedX; });
         return;
     }
-    const allStacks = chartConfig.indicators.items.flatMap(i => i.extra?.stacks?.items ?? []);
+    const indicators = getIndicatorItems(chartConfig);
+    const allStacks = indicators.flatMap(i => getStackItems(i));
     const stackItem = allStacks.find(s => s.key === selectedX);
     if (stackItem) {
-        chartConfig.groups.items.forEach(g => { g.selected = false; });
-        chartConfig.groups.items.push(_makeSynthetic({
+        groupItems.forEach(g => { g.selected = false; });
+        groupItems.push(_makeSynthetic({
             key: stackItem.key,
             selected: true,
             menu: stackItem.menu,
@@ -885,14 +1152,15 @@ function _applyXSelection(selectedX, chartConfig) {
 }
 function _applyYSelection(selectedY, selectedYAggregate, chartConfig) {
     const actualKey = resolveYKey(selectedY, selectedYAggregate);
-    chartConfig.indicators.items.forEach(i => { i.selected = i.key === actualKey; });
-    chartConfig.indicators.items.forEach(i => {
-        i.extra?.stacks?.items?.forEach((s) => { s.selected = false; });
+    const indicators = getIndicatorItems(chartConfig);
+    indicators.forEach(i => { i.selected = i.key === actualKey; });
+    indicators.forEach(i => {
+        getStackItems(i).forEach((s) => { s.selected = false; });
     });
 }
 function _applyGroupBySelection(effectiveGroupBy, chartConfig) {
-    const activeIndicator = chartConfig.indicators.items.find(i => i.selected);
-    const stackItems = activeIndicator?.extra?.stacks?.items ?? [];
+    const activeIndicator = getIndicatorItems(chartConfig).find(i => i.selected);
+    const stackItems = getStackItems(activeIndicator);
     if (effectiveGroupBy === undefined) {
         stackItems.forEach(s => { s.selected = false; });
         return;
@@ -902,7 +1170,7 @@ function _applyGroupBySelection(effectiveGroupBy, chartConfig) {
         stackItems.forEach(s => { s.selected = s.key === effectiveGroupBy; });
         return;
     }
-    const groupItem = chartConfig.groups.items.find(g => g.key === effectiveGroupBy);
+    const groupItem = getGroupItems(chartConfig).find(g => g.key === effectiveGroupBy);
     if (groupItem && activeIndicator) {
         stackItems.forEach(s => { s.selected = false; });
         if (!activeIndicator.extra) {
@@ -927,7 +1195,7 @@ function _applyGroupBySelection(effectiveGroupBy, chartConfig) {
     }
 }
 function _applySliceSelection(selectedSlices, chartConfig) {
-    chartConfig.filters?.items?.forEach(f => { f.selected = selectedSlices.includes(f.key); });
+    getFilterItems(chartConfig).forEach(f => { f.selected = selectedSlices.includes(f.key); });
 }
 
 function humanizeKey(key) {
@@ -1365,5 +1633,5 @@ class LazyFieldManager {
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_MENU_ICONS, DEFAULT_MENU_LABELS, GroupByManager, LAZY_FIELD_ERROR_VALUE, LAZY_FIELD_LOADING_VALUE, LazyFieldManager, OrganizerButtonComponent, OrganizerButtonModule, OrganizerFacade, SlicePanelComponent, applyOrganizerEventToChart, buildYFields, chartConfigToOrganizer, chartConfigToState, chartConfigToUnifiedState, humanizeKey, resolveYKey, resolveYUnit };
+export { DEFAULT_MENU_ICONS, DEFAULT_MENU_LABELS, GroupByManager, LAZY_FIELD_ERROR_VALUE, LAZY_FIELD_LOADING_VALUE, LazyFieldManager, OrganizerButtonComponent, OrganizerButtonModule, OrganizerFacade, SlicePanelComponent, applyOrganizerEventToChart, buildOrganizerChartBinding, buildYFields, chartConfigToOrganizer, chartConfigToState, chartConfigToUnifiedState, handleOrganizerChartEvent, humanizeKey, resolveYKey, resolveYUnit };
 //# sourceMappingURL=oneteme-jquery-organizer.mjs.map