@oneteme/jquery-organizer 0.0.1

package/fesm2022/oneteme-jquery-organizer.mjs

@@ -0,0 +1,1369 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ViewChild, inject, ChangeDetectorRef, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i4 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import { Subject, isObservable, take, takeUntil as takeUntil$1 } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+class OrganizerButtonComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.hideMenuValues = false;
+        this.viewChange = new EventEmitter();
+        this.sliceStateChange = new EventEmitter();
+        this.fieldDataCache = new Map();
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    isFieldVisible(fieldId) {
+        const visible = this.state?.visibleFields;
+        if (!visible) {
+            return this.config.fields?.find(f => f.id === fieldId)?.visible !== false;
+        }
+        return visible.includes(fieldId);
+    }
+    fieldsSummary() {
+        const total = this.config.fields?.length ?? 0;
+        const visible = this.state?.visibleFields?.length ?? total;
+        return `${visible}/${total}`;
+    }
+    onFieldToggle(fieldId, visible) {
+        const visibleFields = this.state?.visibleFields || [];
+        const updated = visible
+            ? [...visibleFields, fieldId]
+            : visibleFields.filter(f => f !== fieldId);
+        this.emitChange('fieldToggled', { visibleFields: updated });
+    }
+    onXFieldSelect(fieldId) {
+        this.emitChange('xSelected', { selectedX: fieldId });
+    }
+    onYFieldSelect(fieldId) {
+        this.emitChange('ySelected', {
+            selectedY: fieldId,
+            selectedYAggregate: undefined
+        });
+    }
+    onYAggregateSelect(yFieldId, aggregateId) {
+        this.emitChange('ySelected', {
+            selectedY: yFieldId,
+            selectedYAggregate: aggregateId
+        });
+    }
+    onGroupBySelect(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)
+            return;
+        this.emitChange('templateSelected', {
+            selectedTemplate: templateId,
+            selectedX: t.xField,
+            selectedY: t.yField,
+            selectedYAggregate: t.yAggregate,
+            selectedGroupBy: t.groupBy
+        });
+    }
+    onSliceClick(sliceId) {
+        if (this.config.onSliceClick) {
+            this.config.onSliceClick();
+        }
+        const selectedSlices = this.state?.selectedSlices || [];
+        let updated;
+        if (sliceId) {
+            updated = selectedSlices.includes(sliceId) ? [] : [sliceId];
+        }
+        else {
+            updated = selectedSlices;
+        }
+        if (updated.length === 0 || !sliceId || !this.config.onFetchSliceData) {
+            if (this.config.onFetchSliceData) {
+                this.sliceStateChange.emit(null);
+            }
+            this.emitChange('sliceSelected', { selectedSlices: updated });
+            return;
+        }
+        const slice = this.config.slices?.find(s => s.id === sliceId);
+        const result = this.config.onFetchSliceData(sliceId);
+        const handleData = (tasks) => {
+            this.sliceStateChange.emit({
+                sliceConfigs: [{ title: slice?.label ?? sliceId, columnKey: sliceId }],
+                tasks
+            });
+            this.emitChange('sliceSelected', { selectedSlices: updated });
+        };
+        if (isObservable(result)) {
+            result.pipe(takeUntil(this.destroy$)).subscribe({ next: handleData });
+        }
+        else {
+            result.then(handleData);
+        }
+    }
+    async loadFieldData(fieldId) {
+        if (this.fieldDataCache.has(fieldId))
+            return;
+        if (!this.config.onFetchFieldData)
+            return;
+        const field = this.config.fields?.find(f => f.id === fieldId);
+        if (!field)
+            return;
+        this.loadingFieldId = fieldId;
+        this.cdr.markForCheck();
+        try {
+            const data = await this.config.onFetchFieldData(fieldId);
+            this.fieldDataCache.set(fieldId, data);
+        }
+        finally {
+            this.loadingFieldId = undefined;
+            this.cdr.markForCheck();
+        }
+    }
+    onExport() {
+        if (this.config.onExport)
+            this.config.onExport();
+        this.mainMenuTrigger?.closeMenu();
+    }
+    onExportVisual() {
+        if (this.config.onExportVisual)
+            this.config.onExportVisual();
+        this.mainMenuTrigger?.closeMenu();
+    }
+    onExportData() {
+        if (this.config.onExportData)
+            this.config.onExportData();
+        this.mainMenuTrigger?.closeMenu();
+    }
+    hasExportSubMenu() {
+        return !!(this.config.onExportVisual || this.config.onExportData);
+    }
+    hasSwitchView() {
+        return !!this.config.switchView;
+    }
+    onSwitchView() {
+        const sv = this.config.switchView;
+        if (!sv)
+            return;
+        const newView = sv.currentView === 'chart' ? 'table' : 'chart';
+        sv.onSwitch(newView);
+        this.emitChange('viewSwitched', { viewMode: newView });
+        this.mainMenuTrigger?.closeMenu();
+    }
+    onPreferencesEdit() {
+        if (this.config.onPreferencesEdit)
+            this.config.onPreferencesEdit();
+        this.mainMenuTrigger?.closeMenu();
+    }
+    onPreferencesSave() {
+        if (this.config.onPreferencesSave)
+            this.config.onPreferencesSave();
+        this.mainMenuTrigger?.closeMenu();
+    }
+    onPreferencesClear() {
+        if (this.config.onPreferencesClear)
+            this.config.onPreferencesClear();
+        this.mainMenuTrigger?.closeMenu();
+    }
+    onReset() {
+        this.emitChange('reset', {
+            visibleFields: [],
+            selectedX: undefined,
+            selectedY: undefined,
+            selectedYAggregate: undefined,
+            selectedGroupBy: undefined,
+            selectedSlices: []
+        });
+    }
+    activeXLabel() {
+        const id = this.state?.selectedX;
+        if (!id)
+            return '';
+        return this.config.xFields?.find(f => f.id === id)?.label ?? id;
+    }
+    activeYLabel() {
+        const yId = this.state?.selectedY;
+        if (!yId)
+            return '';
+        const yField = this.config.yFields?.find(f => f.id === yId);
+        const base = yField?.label ?? yId;
+        if (this.state?.selectedYAggregate) {
+            const agg = yField?.aggregates?.find(a => a.id === this.state.selectedYAggregate);
+            return agg ? `${base} · ${agg.label}` : base;
+        }
+        return base;
+    }
+    activeGroupByLabel() {
+        const id = this.state?.selectedGroupBy;
+        if (!id)
+            return '';
+        return this.config.groups?.find(g => g.id === id)?.label ?? id;
+    }
+    activeSlicesLabel() {
+        const ids = this.state?.selectedSlices;
+        if (!ids?.length)
+            return '';
+        if (ids.length === 1) {
+            return this.config.slices?.find(s => s.id === ids[0])?.label ?? ids[0];
+        }
+        return `${ids.length} sélectionnés`;
+    }
+    activeTemplateLabel() {
+        const id = this.state?.selectedTemplate;
+        if (!id)
+            return '';
+        return this.config.templates?.find(t => t.id === id)?.label ?? id;
+    }
+    hasChartFields() {
+        return (this.config.xFields?.length ?? 0) > 0 || (this.config.yFields?.length ?? 0) > 0;
+    }
+    hasTableFields() {
+        return (this.config.fields?.length ?? 0) > 0;
+    }
+    isYActive(yFieldId) {
+        return this.state?.selectedY === yFieldId;
+    }
+    isYAggregateActive(yFieldId, aggregateId) {
+        return this.state?.selectedY === yFieldId && this.state?.selectedYAggregate === aggregateId;
+    }
+    emitChange(type, stateUpdate) {
+        const event = {
+            type,
+            state: { ...this.state, ...stateUpdate },
+            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 }); }
+}
+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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], hideMenuValues: [{
+                type: Input
+            }], viewChange: [{
+                type: Output
+            }], sliceStateChange: [{
+                type: Output
+            }], mainMenuTrigger: [{
+                type: ViewChild,
+                args: ['mainMenuTrigger']
+            }] } });
+
+const EMPTY_CATEGORY_KEY = '__empty__';
+const EMPTY_CATEGORY_LABEL = 'Vide';
+const I18N = {
+    expandFilterTitle: 'Déplier le filtre',
+    collapseFilterTitle: 'Replier le filtre',
+    filterPanelTitle: (count) => count > 1 ? 'Filtres' : 'Filtre',
+    filterBlockDefaultTitle: 'Filtrer',
+    filterEmptyState: 'Aucune donnée',
+};
+class SlicePanelComponent {
+    constructor() {
+        this.sliceConfigs = [];
+        this.columns = [];
+        this.data = [];
+        this.lazyData = new Map();
+        this.lazyStatus = new Map();
+        this.showToggle = true;
+        this.showCounts = true;
+        this.collapsedByDefault = false;
+        this.alwaysShow = false;
+        this.filterChange = new EventEmitter();
+        this.activeKeysChange = new EventEmitter();
+        this.dynamicSliceKeysChange = new EventEmitter();
+        this.collapsedChange = new EventEmitter();
+        this._cdr = inject(ChangeDetectorRef);
+        this.i18n = I18N;
+        this.isCollapsed = false;
+        this.activeKeysBySlice = new Map();
+        this._expandedSlices = new Set();
+        this._dynamicSlices = [];
+        this._cachedSlices = [];
+        this._countCache = new Map();
+        this.trackBySliceIndex = (index, _) => index;
+        this.trackByCategoryKey = (_, cat) => cat.key;
+    }
+    get hostCollapsed() { return this.isCollapsed; }
+    ngOnInit() {
+        this.isCollapsed = this.collapsedByDefault;
+    }
+    ngOnChanges(changes) {
+        if (changes['sliceConfigs'] || changes['data'] || changes['columns'] || changes['lazyData'] || changes['lazyStatus']) {
+            this._refreshDynamicSlices();
+            this._rebuildCache();
+            const shouldReemitFilter = !!(changes['data'] || changes['columns'] || changes['lazyData'] || changes['lazyStatus']);
+            const hasActiveFilters = [...this.activeKeysBySlice.values()].some(s => s.size > 0);
+            if (hasActiveFilters && shouldReemitFilter) {
+                this._emitFilter();
+            }
+            this._cdr.markForCheck();
+        }
+    }
+    get showPanel() {
+        const hasCfg = (this.sliceConfigs || []).length > 0 || this._dynamicSlices.length > 0;
+        if (this.alwaysShow)
+            return hasCfg;
+        return hasCfg && (this.data?.length ?? 0) > 0;
+    }
+    get slices() {
+        return this._cachedSlices;
+    }
+    get staticSliceCount() {
+        return (this.sliceConfigs || []).length;
+    }
+    get staticSlicesForMenu() {
+        return (this.sliceConfigs || [])
+            .filter((s) => !!s.columnKey)
+            .map((s) => ({ key: s.columnKey, title: s.title || s.columnKey }));
+    }
+    get activeDynamicSliceColumns() {
+        return this._dynamicSlices
+            .map((d) => (this.columns || []).find((c) => c.key === d.key))
+            .filter((c) => !!c);
+    }
+    get availableColumnsForDynamicSlice() {
+        const dynamicKeys = new Set(this._dynamicSlices.map((d) => d.key));
+        const staticKeys = new Set((this.sliceConfigs || []).map((s) => s.columnKey).filter((k) => !!k));
+        const existingKeys = new Set([...dynamicKeys, ...staticKeys]);
+        const seen = new Set();
+        return (this.columns || []).filter((c) => {
+            if (existingKeys.has(c.key) || seen.has(c.key))
+                return false;
+            seen.add(c.key);
+            return true;
+        });
+    }
+    isSliceCollapsed(sliceIndex) {
+        if (this._cachedSlices.length === 1) {
+            return this._expandedSlices.has(-1 - sliceIndex);
+        }
+        return !this._expandedSlices.has(sliceIndex);
+    }
+    toggleSliceCollapse(sliceIndex) {
+        if (this.slices.length === 1) {
+            const closedKey = -1 - sliceIndex;
+            if (this._expandedSlices.has(closedKey)) {
+                this._expandedSlices.delete(closedKey);
+            }
+            else {
+                this._expandedSlices.add(closedKey);
+                this._scrollSliceTitleIntoView(sliceIndex);
+            }
+        }
+        else {
+            if (this._expandedSlices.has(sliceIndex)) {
+                this._expandedSlices.delete(sliceIndex);
+            }
+            else {
+                this._expandedSlices.clear();
+                this._expandedSlices.add(sliceIndex);
+                this._scrollSliceTitleIntoView(sliceIndex);
+            }
+        }
+        this._cdr.markForCheck();
+    }
+    togglePanel() {
+        this.isCollapsed = !this.isCollapsed;
+        this.collapsedChange.emit(this.isCollapsed);
+        this._cdr.markForCheck();
+    }
+    isSliceDynamic(sliceIndex) {
+        return sliceIndex >= this.staticSliceCount;
+    }
+    isSliceLoading(sliceIndex) {
+        const staticSlice = (this.sliceConfigs || [])[sliceIndex];
+        if (staticSlice?.columnKey) {
+            const colDef = (this.columns || []).find(c => c.key === staticSlice.columnKey);
+            if (colDef?.lazy) {
+                const status = this.lazyStatus.get(staticSlice.columnKey) ?? 'idle';
+                return status === 'loading' || status === 'idle';
+            }
+            return false;
+        }
+        const key = this._getDynamicSliceColumnKey(sliceIndex);
+        if (!key)
+            return false;
+        const colDef = (this.columns || []).find(c => c.key === key);
+        if (!colDef?.lazy)
+            return false;
+        const status = this.lazyStatus.get(key) ?? 'idle';
+        return status === 'loading' || status === 'idle';
+    }
+    isStaticSliceVisible(_columnKey) {
+        return true;
+    }
+    getSliceIcon(slice) {
+        if (slice.icon)
+            return slice.icon;
+        if (slice.columnKey) {
+            return (this.columns || []).find(c => c.key === slice.columnKey)?.icon;
+        }
+        return undefined;
+    }
+    isSliceCategoryActive(sliceIndex, categoryKey) {
+        return this.activeKeysBySlice.get(sliceIndex)?.has(categoryKey) ?? false;
+    }
+    isSliceAllActive(sliceIndex) {
+        return !this.activeKeysBySlice.has(sliceIndex) || this.activeKeysBySlice.get(sliceIndex).size === 0;
+    }
+    sliceCategoryCount(sliceIndex, categoryKey) {
+        const cacheKey = `${sliceIndex}:${categoryKey}`;
+        if (this._countCache.has(cacheKey)) {
+            return this._countCache.get(cacheKey);
+        }
+        const slice = this._cachedSlices[sliceIndex];
+        if (!slice)
+            return 0;
+        const category = (slice.categories || []).find((c) => c.key === categoryKey);
+        const count = category ? (this.data || []).filter((row) => category.filter ? category.filter(row) : true).length : 0;
+        this._countCache.set(cacheKey, count);
+        return count;
+    }
+    isSliceEmpty(sliceIndex) {
+        const slice = this._cachedSlices[sliceIndex];
+        if (!slice)
+            return true;
+        return (slice.categories || []).every(c => this.sliceCategoryCount(sliceIndex, c.key) === 0);
+    }
+    onSliceCategorySelected(sliceIndex, categoryKey) {
+        const slice = this.slices[sliceIndex];
+        if (!slice)
+            return;
+        if (!this.activeKeysBySlice.has(sliceIndex)) {
+            this.activeKeysBySlice.set(sliceIndex, new Set());
+        }
+        const activeKeys = this.activeKeysBySlice.get(sliceIndex);
+        if (slice.multiSelect === false) {
+            if (activeKeys.has(categoryKey)) {
+                activeKeys.clear();
+            }
+            else {
+                activeKeys.clear();
+                activeKeys.add(categoryKey);
+            }
+        }
+        else {
+            if (activeKeys.has(categoryKey)) {
+                activeKeys.delete(categoryKey);
+            }
+            else {
+                activeKeys.add(categoryKey);
+            }
+        }
+        this._emitFilter();
+        this._cdr.markForCheck();
+    }
+    onSliceAllSelected(sliceIndex) {
+        if (this.activeKeysBySlice.has(sliceIndex)) {
+            this.activeKeysBySlice.get(sliceIndex).clear();
+        }
+        this._emitFilter();
+        this._cdr.markForCheck();
+    }
+    getActiveFilters() {
+        const result = {};
+        this._cachedSlices.forEach((_, idx) => {
+            const keys = this.activeKeysBySlice.get(idx);
+            result[idx] = keys ? [...keys] : [];
+        });
+        return result;
+    }
+    restoreFilters(filters) {
+        this.activeKeysBySlice = new Map(Object.entries(filters).map(([idx, keys]) => [Number(idx), new Set(keys)]));
+        this._emitFilter();
+        this._cdr.markForCheck();
+    }
+    addDynamicSlice(column) {
+        const distinctValues = this._computeDistinctValues(column.key);
+        const newSlice = {
+            title: column.header,
+            columnKey: column.key,
+            categories: distinctValues.map((v) => this._buildCategoryFromValue(column.key, v)),
+        };
+        this._dynamicSlices = [...this._dynamicSlices, { key: column.key, slice: newSlice }];
+        this._rebuildCache();
+        this.dynamicSliceKeysChange.emit(this._dynamicSlices.map(d => d.key));
+        this._emitFilter();
+        this._cdr.markForCheck();
+    }
+    removeDynamicSlice(sliceIndex) {
+        const dynamicIndex = sliceIndex - this.staticSliceCount;
+        if (dynamicIndex < 0)
+            return;
+        const newActiveKeys = new Map();
+        this.activeKeysBySlice.forEach((keys, idx) => {
+            if (idx < sliceIndex)
+                newActiveKeys.set(idx, keys);
+            else if (idx > sliceIndex)
+                newActiveKeys.set(idx - 1, keys);
+        });
+        this.activeKeysBySlice = newActiveKeys;
+        this._dynamicSlices = this._dynamicSlices.filter((_, i) => i !== dynamicIndex);
+        this._rebuildCache();
+        this.dynamicSliceKeysChange.emit(this._dynamicSlices.map(d => d.key));
+        this._emitFilter();
+        this._cdr.markForCheck();
+    }
+    removeDynamicSliceByKey(key) {
+        const dynamicIndex = this._dynamicSlices.findIndex((d) => d.key === key);
+        if (dynamicIndex < 0)
+            return;
+        const sliceIndex = this.staticSliceCount + dynamicIndex;
+        this.removeDynamicSlice(sliceIndex);
+    }
+    _emitFilter() {
+        const slices = this.slices;
+        const activeKeysBySlice = this.activeKeysBySlice;
+        this.activeKeysChange.emit(slices.map((_, i) => {
+            const keys = activeKeysBySlice.get(i);
+            return keys ? [...keys] : [];
+        }));
+        const pred = (row) => slices.every((slice, sliceIndex) => {
+            const activeKeys = activeKeysBySlice.get(sliceIndex);
+            if (!activeKeys || activeKeys.size === 0)
+                return true;
+            if (!slice.categories || slice.categories.length === 0)
+                return true;
+            return [...activeKeys].some((key) => {
+                const category = (slice.categories || []).find((c) => c.key === key);
+                if (!category)
+                    return false;
+                if (!category?.filter)
+                    return true;
+                return category.filter(row);
+            });
+        });
+        this.filterChange.emit(pred);
+    }
+    _getDynamicSliceColumnKey(sliceIndex) {
+        const dynamicIndex = sliceIndex - this.staticSliceCount;
+        return this._dynamicSlices[dynamicIndex]?.key ?? null;
+    }
+    _getSliceIdentity(slice, fallbackIndex) {
+        if (slice.columnKey)
+            return `column:${slice.columnKey}`;
+        if (slice.title)
+            return `title:${slice.title}`;
+        const categoryKeys = (slice.categories || []).map((c) => c.key).join('|');
+        return `index:${fallbackIndex}|categories:${categoryKeys}`;
+    }
+    _materializeSlice(slice) {
+        if (!slice.columnKey || (slice.categories && slice.categories.length > 0)) {
+            return slice;
+        }
+        const col = (this.columns || []).find(c => c.key === slice.columnKey);
+        const isLazy = !!col?.lazy;
+        if (isLazy && this.lazyStatus.get(slice.columnKey) !== 'loaded') {
+            return { ...slice, categories: [] };
+        }
+        if (slice.bucket) {
+            const distinctValues = [...new Set((this.data || []).map(slice.bucket))].sort();
+            return {
+                ...slice,
+                categories: distinctValues.map((v) => ({
+                    key: v, label: v,
+                    filter: (row) => slice.bucket(row) === v,
+                })),
+            };
+        }
+        const distinctValues = this._computeDistinctValues(slice.columnKey);
+        return {
+            ...slice,
+            categories: distinctValues.map((v) => this._buildCategoryFromValue(slice.columnKey, v)),
+        };
+    }
+    _buildCategoryFromValue(columnKey, v) {
+        if (v === EMPTY_CATEGORY_KEY) {
+            return {
+                key: EMPTY_CATEGORY_KEY,
+                label: EMPTY_CATEGORY_LABEL,
+                filter: (row) => {
+                    const val = this._getLazyAwareValue(columnKey, row);
+                    return val == null || val === '';
+                },
+            };
+        }
+        return {
+            key: v, label: v,
+            filter: (row) => String(this._getLazyAwareValue(columnKey, row) ?? '') === v,
+        };
+    }
+    _computeDistinctValues(columnKey) {
+        const rawValues = (this.data || []).map((row) => {
+            const val = this._getLazyAwareValue(columnKey, row);
+            return val != null && val !== '' ? String(val) : null;
+        });
+        const distinct = [...new Set(rawValues.filter((v) => v !== null))].sort();
+        if (rawValues.some(v => v === null))
+            distinct.push(EMPTY_CATEGORY_KEY);
+        return distinct;
+    }
+    _getLazyAwareValue(columnKey, row) {
+        const colDef = (this.columns || []).find(c => c.key === columnKey);
+        if (colDef?.lazy) {
+            return this.lazyData.get(columnKey)?.get(row) ?? null;
+        }
+        if (colDef?.value) {
+            return colDef.value(row, 0);
+        }
+        return row[columnKey];
+    }
+    _rebuildCache() {
+        const previousSlices = this._cachedSlices;
+        const previousActiveKeys = this.activeKeysBySlice;
+        const allSlices = [...(this.sliceConfigs || []), ...this._dynamicSlices.map((d) => d.slice)];
+        this._cachedSlices = allSlices.map((slice) => this._materializeSlice(slice));
+        const previousKeysByIdentity = new Map();
+        previousSlices.forEach((slice, index) => {
+            const activeKeys = previousActiveKeys.get(index);
+            if (!activeKeys || activeKeys.size === 0)
+                return;
+            previousKeysByIdentity.set(this._getSliceIdentity(slice, index), new Set(activeKeys));
+        });
+        const nextActiveKeys = new Map();
+        this._cachedSlices.forEach((slice, index) => {
+            const previousKeys = previousKeysByIdentity.get(this._getSliceIdentity(slice, index));
+            if (!previousKeys || previousKeys.size === 0)
+                return;
+            const availableKeys = new Set((slice.categories || []).map((c) => c.key));
+            const matchingKeys = [...previousKeys].filter((key) => availableKeys.has(key));
+            if (matchingKeys.length > 0)
+                nextActiveKeys.set(index, new Set(matchingKeys));
+        });
+        this.activeKeysBySlice = nextActiveKeys;
+        this._countCache.clear();
+    }
+    _refreshDynamicSlices() {
+        this._dynamicSlices = this._dynamicSlices.map(({ key, slice }) => {
+            const distinctValues = this._computeDistinctValues(key);
+            return {
+                key,
+                slice: {
+                    ...slice,
+                    categories: distinctValues.map((v) => this._buildCategoryFromValue(key, v)),
+                },
+            };
+        });
+    }
+    _scrollSliceTitleIntoView(sliceIndex) {
+        setTimeout(() => {
+            const body = this.slicePanelBodyRef?.nativeElement;
+            if (!body)
+                return;
+            const el = body.querySelector(`[data-slice-index="${sliceIndex}"]`);
+            el?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+        }, 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 }); }
+}
+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"] }]
+        }], propDecorators: { sliceConfigs: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], lazyData: [{
+                type: Input
+            }], lazyStatus: [{
+                type: Input
+            }], showToggle: [{
+                type: Input
+            }], showCounts: [{
+                type: Input
+            }], collapsedByDefault: [{
+                type: Input
+            }], alwaysShow: [{
+                type: Input
+            }], filterChange: [{
+                type: Output
+            }], activeKeysChange: [{
+                type: Output
+            }], dynamicSliceKeysChange: [{
+                type: Output
+            }], collapsedChange: [{
+                type: Output
+            }], slicePanelBodyRef: [{
+                type: ViewChild,
+                args: ['slicePanelBody']
+            }], hostCollapsed: [{
+                type: HostBinding,
+                args: ['class.collapsed']
+            }] } });
+
+class OrganizerButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrganizerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: OrganizerButtonModule, imports: [OrganizerButtonComponent, SlicePanelComponent], exports: [OrganizerButtonComponent, SlicePanelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrganizerButtonModule, imports: [OrganizerButtonComponent, SlicePanelComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrganizerButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [OrganizerButtonComponent, SlicePanelComponent],
+                    exports: [OrganizerButtonComponent, SlicePanelComponent]
+                }]
+        }] });
+
+const DEFAULT_MENU_LABELS = {
+    'fields': 'Champs',
+    'champs': 'Champs',
+    'groups': 'Grouper par',
+    'slices': 'Filtrer par',
+    'templates': 'Template',
+    'custom': 'Options'
+};
+const DEFAULT_MENU_ICONS = {
+    'fields': 'visibility',
+    'champs': 'bar_chart',
+    'groups': 'category',
+    'slices': 'filter_list',
+    'templates': 'dashboard_customize',
+    '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);
+}
+function resolveYKey(selectedY, selectedYAggregate) {
+    return selectedYAggregate ?? selectedY;
+}
+
+function chartConfigToOrganizer(chartConfig, options = {}) {
+    if (!chartConfig)
+        return {};
+    const { onFetchSliceData, onExportVisual, onExportData, switchView } = options;
+    const activeIndicator = chartConfig.indicators?.items?.find(i => i.selected);
+    const baseXFields = (chartConfig.groups?.items || [])
+        .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 || [])
+        .filter((s) => !_isSynthetic(s))
+        .map((s) => ({ id: s.key, label: s.menu.label || s.key }));
+    const seenKeys = new Set();
+    const mergedGroupFields = [...baseXFields, ...stackFields].filter(f => {
+        if (seenKeys.has(f.id))
+            return false;
+        seenKeys.add(f.id);
+        return true;
+    });
+    return {
+        xFields: mergedGroupFields,
+        yFields,
+        groups: mergedGroupFields,
+        slices: (chartConfig.filters?.items || []).map(f => ({ id: f.key, label: f.menu.label || f.key })),
+        showReset: false,
+        onFetchSliceData,
+        showExport: !!(onExportVisual || onExportData),
+        onExportVisual,
+        onExportData,
+        switchView,
+    };
+}
+function chartConfigToState(chartConfig) {
+    if (!chartConfig)
+        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 indicatorGroup = activeIndicator?.group;
+    return {
+        selectedX: activeGroup?.key,
+        selectedY: indicatorGroup ?? activeIndicator?.key,
+        selectedYAggregate: indicatorGroup ? activeIndicator?.key : undefined,
+        selectedGroupBy: activeStack?.key,
+        selectedSlices: activeSlices.map(f => f.key),
+    };
+}
+function chartConfigToUnifiedState(chartConfig, viewMode = 'chart') {
+    const state = chartConfigToState(chartConfig);
+    return {
+        viewMode,
+        dimension: state.selectedX,
+        metric: resolveYKey(state.selectedY, state.selectedYAggregate),
+        metricAggregate: state.selectedYAggregate,
+        breakdown: state.selectedGroupBy,
+        filters: state.selectedSlices,
+    };
+}
+function applyOrganizerEventToChart(event, chartConfig) {
+    if (!chartConfig)
+        return;
+    const state = event.state;
+    _cleanSynthetics(chartConfig);
+    if (state.selectedX !== undefined)
+        _applyXSelection(state.selectedX, chartConfig);
+    if (state.selectedY !== undefined)
+        _applyYSelection(state.selectedY, state.selectedYAggregate, chartConfig);
+    const effectiveGroupBy = state.selectedGroupBy !== state.selectedX ? state.selectedGroupBy : undefined;
+    _applyGroupBySelection(effectiveGroupBy, chartConfig);
+    if (state.selectedSlices !== undefined)
+        _applySliceSelection(state.selectedSlices, chartConfig);
+    event.resolvedYUnit = resolveYUnit(chartConfig, event.state.selectedY, event.state.selectedYAggregate);
+}
+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;
+}
+const _syntheticItems = new WeakSet();
+function _makeSynthetic(item) {
+    _syntheticItems.add(item);
+    return item;
+}
+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));
+        }
+    });
+}
+function _applyXSelection(selectedX, chartConfig) {
+    const isGroupItem = chartConfig.groups.items.some(g => g.key === selectedX);
+    if (isGroupItem) {
+        chartConfig.groups.items.forEach(g => { g.selected = g.key === selectedX; });
+        return;
+    }
+    const allStacks = chartConfig.indicators.items.flatMap(i => i.extra?.stacks?.items ?? []);
+    const stackItem = allStacks.find(s => s.key === selectedX);
+    if (stackItem) {
+        chartConfig.groups.items.forEach(g => { g.selected = false; });
+        chartConfig.groups.items.push(_makeSynthetic({
+            key: stackItem.key,
+            selected: true,
+            menu: stackItem.menu,
+            jquery: stackItem.jquery
+                ? { value: () => stackItem.jquery.value(), buildAlias: () => stackItem.jquery.buildAlias() }
+                : undefined,
+        }));
+    }
+}
+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; });
+    });
+}
+function _applyGroupBySelection(effectiveGroupBy, chartConfig) {
+    const activeIndicator = chartConfig.indicators.items.find(i => i.selected);
+    const stackItems = activeIndicator?.extra?.stacks?.items ?? [];
+    if (effectiveGroupBy === undefined) {
+        stackItems.forEach(s => { s.selected = false; });
+        return;
+    }
+    const isStackItem = stackItems.some(s => s.key === effectiveGroupBy);
+    if (isStackItem) {
+        stackItems.forEach(s => { s.selected = s.key === effectiveGroupBy; });
+        return;
+    }
+    const groupItem = chartConfig.groups.items.find(g => g.key === effectiveGroupBy);
+    if (groupItem && activeIndicator) {
+        stackItems.forEach(s => { s.selected = false; });
+        if (!activeIndicator.extra) {
+            activeIndicator.extra = { stacks: { optional: true, items: [] } };
+        }
+        else if (!activeIndicator.extra.stacks) {
+            activeIndicator.extra.stacks = { optional: true, items: [] };
+        }
+        activeIndicator.extra.stacks.items.push(_makeSynthetic({
+            key: groupItem.key,
+            selected: true,
+            menu: groupItem.menu,
+            jquery: groupItem.jquery ? {
+                value: () => groupItem.jquery.value(),
+                buildAlias: () => groupItem.jquery.buildAlias(),
+                buildName: (_item, value) => String(value),
+            } : undefined,
+        }));
+    }
+    else {
+        stackItems.forEach(s => { s.selected = false; });
+    }
+}
+function _applySliceSelection(selectedSlices, chartConfig) {
+    chartConfig.filters?.items?.forEach(f => { f.selected = selectedSlices.includes(f.key); });
+}
+
+function humanizeKey(key) {
+    return key
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .replace(/[_-]+/g, ' ')
+        .replace(/^./, (v) => v.toUpperCase());
+}
+class OrganizerFacade {
+    constructor() {
+        this.fields = {
+            activeFields: [],
+            userCustomized: false,
+        };
+        this.groupBy = {
+            activeKey: null,
+            userCustomized: false,
+        };
+        this.sliceBy = {
+            activeDynamicFields: [],
+            availableForDynamic: [],
+            allDynamicFields: [],
+            activeLabel: 'Aucun',
+        };
+        this._panelConfig = { fields: [], sliceConfigs: [] };
+        this._hiddenStaticKeys = new Set();
+        this._events$ = new Subject();
+        this.events$ = this._events$.asObservable();
+    }
+    get enabled() {
+        return this._panelConfig.config?.enabled === true;
+    }
+    get showFields() {
+        return this.enabled;
+    }
+    get showGroupBySection() {
+        return this.enabled && this.groupByFields.length > 0;
+    }
+    get showSliceBySection() {
+        return this.enabled && ((this._panelConfig.sliceConfigs?.length ?? 0) > 0 ||
+            this.sliceBy.allDynamicFields.length > 0);
+    }
+    get allowFieldRemoval() {
+        return this._panelConfig.config?.enableFieldRemoval !== false;
+    }
+    get isFieldDragDropEnabled() {
+        return this._panelConfig.config?.enableFieldDragDrop === true;
+    }
+    get menuBaseFields() {
+        return this._uniqueByKey((this._panelConfig.fields || []).filter(c => !c.optional));
+    }
+    get menuOptionalFields() {
+        return this._uniqueByKey((this._panelConfig.fields || []).filter(c => c.optional));
+    }
+    get totalFieldCount() {
+        return new Set((this._panelConfig.fields || []).map(c => c.key)).size;
+    }
+    get groupByFields() {
+        const seen = new Set();
+        return (this._panelConfig.fields || []).filter(c => {
+            if (c.groupable === false || seen.has(c.key))
+                return false;
+            if (!c.header && c.groupable !== true)
+                return false;
+            seen.add(c.key);
+            return true;
+        });
+    }
+    get activeGroupByLabel() {
+        if (!this.groupBy.activeKey)
+            return this._panelConfig.noneLabel ?? 'Aucun';
+        const field = this.groupByFields.find(c => c.key === this.groupBy.activeKey);
+        return field?.header || this.groupBy.activeKey;
+    }
+    get staticSlicesForMenu() {
+        return (this._panelConfig.sliceConfigs ?? [])
+            .filter(s => !!s.columnKey)
+            .map(s => {
+            const fieldIcon = (this._panelConfig.fields ?? []).find(c => c.key === s.columnKey)?.icon;
+            return { key: s.columnKey, title: s.title || humanizeKey(s.columnKey), icon: s.icon ?? fieldIcon };
+        });
+    }
+    fieldLabel(field) {
+        return field.header || humanizeKey(field.key);
+    }
+    update(panelConfig) {
+        this._panelConfig = panelConfig;
+        this._refreshDefaultFields();
+        this._refreshDynamicSliceMeta();
+        if (!this.groupBy.userCustomized) {
+            this.groupBy.activeKey = panelConfig.defaultGroupBy ?? null;
+        }
+    }
+    setActiveFields(fields) {
+        this.fields.activeFields = fields;
+        this.fields.userCustomized = true;
+    }
+    setUserCustomized(value) {
+        this.fields.userCustomized = value;
+    }
+    resetToDefaults() {
+        this.fields.userCustomized = false;
+        this.groupBy.userCustomized = false;
+        this._refreshDefaultFields();
+        this.groupBy.activeKey = this._panelConfig.defaultGroupBy ?? null;
+        this.sliceBy.activeDynamicFields = [];
+        this._refreshDynamicSliceMeta();
+    }
+    addField(field) {
+        const configFields = this._panelConfig.fields ?? [];
+        const configIndex = configFields.findIndex(c => c.key === field.key);
+        if (configIndex === -1) {
+            this.fields.activeFields = [...this.fields.activeFields, field];
+        }
+        else {
+            const insertBefore = this.fields.activeFields.findIndex(c => {
+                const ci = configFields.findIndex(cc => cc.key === c.key);
+                return ci !== -1 && ci > configIndex;
+            });
+            if (insertBefore === -1) {
+                this.fields.activeFields = [...this.fields.activeFields, field];
+            }
+            else {
+                const copy = [...this.fields.activeFields];
+                copy.splice(insertBefore, 0, field);
+                this.fields.activeFields = copy;
+            }
+        }
+        this.fields.userCustomized = true;
+        this._events$.next({ type: 'fieldsChanged', fieldIds: this.fields.activeFields.map(c => c.key) });
+    }
+    removeField(fieldKey) {
+        const field = this.fields.activeFields.find(c => c.key === fieldKey);
+        if (!field)
+            return false;
+        if (!field.optional && !this.allowFieldRemoval)
+            return false;
+        if (this.fields.activeFields.length <= 1)
+            return false;
+        this.fields.activeFields = this.fields.activeFields.filter(c => c.key !== fieldKey);
+        this.fields.userCustomized = true;
+        this._events$.next({ type: 'fieldsChanged', fieldIds: this.fields.activeFields.map(c => c.key) });
+        return true;
+    }
+    toggleFieldVisibility(field, visible) {
+        const isVisible = this.isFieldVisible(field.key);
+        if (visible && !isVisible) {
+            this.addField(field);
+        }
+        else if (!visible && isVisible) {
+            this.removeField(field.key);
+        }
+    }
+    reorderFields(fromKey, toKey) {
+        const prev = this.fields.activeFields.findIndex(c => c.key === fromKey);
+        const curr = this.fields.activeFields.findIndex(c => c.key === toKey);
+        if (prev === -1 || curr === -1 || prev === curr)
+            return false;
+        const reordered = [...this.fields.activeFields];
+        const [moved] = reordered.splice(prev, 1);
+        reordered.splice(curr, 0, moved);
+        this.fields.activeFields = reordered;
+        this.fields.userCustomized = true;
+        this._events$.next({ type: 'fieldsChanged', fieldIds: this.fields.activeFields.map(c => c.key) });
+        return true;
+    }
+    isFieldVisible(key) {
+        return this.fields.activeFields.some(c => c.key === key);
+    }
+    setGroupBy(key) {
+        this.groupBy.activeKey = key;
+        this.groupBy.userCustomized = true;
+        this._events$.next({ type: 'groupByChanged', key });
+    }
+    onDynamicSliceKeysChange(keys) {
+        const allFields = this._panelConfig.fields ?? [];
+        const staticKeys = new Set((this._panelConfig.sliceConfigs ?? []).map(s => s.columnKey).filter((k) => !!k));
+        const dynamicKeySet = new Set(keys);
+        const existingKeys = new Set([...staticKeys, ...dynamicKeySet]);
+        this.sliceBy.activeDynamicFields = keys
+            .map(k => allFields.find(c => c.key === k))
+            .filter((c) => !!c);
+        const seen = new Set();
+        this.sliceBy.availableForDynamic = allFields.filter(c => {
+            if (c.sliceable === false || existingKeys.has(c.key) || seen.has(c.key))
+                return false;
+            seen.add(c.key);
+            return true;
+        });
+        this._computeSliceLabel();
+        this._events$.next({ type: 'dynamicSlicesChanged', keys });
+    }
+    isDynamicSliceActive(key) {
+        return this.sliceBy.activeDynamicFields.some(c => c.key === key);
+    }
+    toOrganizerState() {
+        return {
+            selectedFieldIds: this.fields.activeFields.map(c => c.key),
+            groupByKey: this.groupBy.activeKey,
+            dynamicSliceKeys: this.sliceBy.activeDynamicFields.map(c => c.key),
+        };
+    }
+    destroy() { this._events$.complete(); }
+    updateHiddenStaticKeys(keys) {
+        this._hiddenStaticKeys = keys;
+        this._computeSliceLabel();
+    }
+    _refreshDefaultFields() {
+        const defaultFields = (this._panelConfig.fields || []).filter(c => !c.optional);
+        if (!this.fields.userCustomized || this.fields.activeFields.length === 0) {
+            this.fields.activeFields = [...defaultFields];
+        }
+        else {
+            const allowedKeys = new Set((this._panelConfig.fields || []).map(c => c.key));
+            this.fields.activeFields = this.fields.activeFields.filter(c => allowedKeys.has(c.key));
+        }
+    }
+    _refreshDynamicSliceMeta() {
+        const allFields = this._panelConfig.fields ?? [];
+        const staticKeys = new Set((this._panelConfig.sliceConfigs ?? []).map(s => s.columnKey).filter((k) => !!k));
+        const activeDynKeys = new Set(this.sliceBy.activeDynamicFields.map(c => c.key));
+        const seen1 = new Set();
+        this.sliceBy.availableForDynamic = allFields.filter(c => {
+            if (c.sliceable === false || staticKeys.has(c.key) || activeDynKeys.has(c.key) || seen1.has(c.key))
+                return false;
+            if (!c.header && c.sliceable !== true)
+                return false;
+            seen1.add(c.key);
+            return true;
+        });
+        const seen2 = new Set();
+        this.sliceBy.allDynamicFields = allFields.filter(c => {
+            if (c.sliceable === false || staticKeys.has(c.key) || seen2.has(c.key))
+                return false;
+            if (!c.header && c.sliceable !== true)
+                return false;
+            seen2.add(c.key);
+            return true;
+        });
+        this._computeSliceLabel();
+    }
+    _computeSliceLabel() {
+        const visibleStatics = (this._panelConfig.sliceConfigs ?? []).filter(s => !s.columnKey || !this._hiddenStaticKeys.has(s.columnKey));
+        const total = visibleStatics.length + this.sliceBy.activeDynamicFields.length;
+        if (total === 0) {
+            this.sliceBy.activeLabel = this._panelConfig.noneLabel ?? 'Aucun';
+            return;
+        }
+        if (total === 1) {
+            if (visibleStatics.length === 1) {
+                const first = visibleStatics[0];
+                this.sliceBy.activeLabel = first?.title || first?.columnKey || '1';
+                return;
+            }
+            this.sliceBy.activeLabel = this.sliceBy.activeDynamicFields[0]?.header || '1';
+            return;
+        }
+        this.sliceBy.activeLabel = `${total} actifs`;
+    }
+    _uniqueByKey(fields) {
+        const seen = new Set();
+        return fields.filter(c => {
+            if (seen.has(c.key))
+                return false;
+            seen.add(c.key);
+            return true;
+        });
+    }
+}
+
+class GroupByManager {
+    constructor(onNeedProjection, onNeedRender) {
+        this.onNeedProjection = onNeedProjection;
+        this.onNeedRender = onNeedRender;
+        this._collapsedGroups = new Set();
+        this._groupPages = new Map();
+        this.groupPageSize = 5;
+        this.groupSortOrder = 'asc';
+        this._defaultGroupCollapsed = false;
+    }
+    setDefaultCollapsed(collapsed) {
+        this._defaultGroupCollapsed = collapsed;
+    }
+    reset() {
+        this._collapsedGroups.clear();
+        this._groupPages.clear();
+    }
+    isGroupCollapsed(groupKey) {
+        return this._defaultGroupCollapsed
+            ? !this._collapsedGroups.has(groupKey)
+            : this._collapsedGroups.has(groupKey);
+    }
+    toggleGroupCollapse(groupKey, scrollTo) {
+        if (this._collapsedGroups.has(groupKey)) {
+            this._collapsedGroups.delete(groupKey);
+        }
+        else {
+            this._collapsedGroups.clear();
+            this._collapsedGroups.add(groupKey);
+            scrollTo(groupKey);
+        }
+        this.onNeedProjection();
+    }
+    getSingleOpenGroup() {
+        return this._defaultGroupCollapsed && this._collapsedGroups.size === 1
+            ? [...this._collapsedGroups][0]
+            : null;
+    }
+    getPage(groupKey) {
+        return this._groupPages.get(groupKey) ?? 0;
+    }
+    groupPageBack(groupKey) {
+        const current = this._groupPages.get(groupKey) ?? 0;
+        if (current > 0) {
+            this._groupPages.set(groupKey, current - 1);
+            this.onNeedProjection();
+        }
+    }
+    groupPageForward(groupKey, totalCount) {
+        const maxPage = Math.ceil(totalCount / this.groupPageSize) - 1;
+        const current = this._groupPages.get(groupKey) ?? 0;
+        if (current < maxPage) {
+            this._groupPages.set(groupKey, current + 1);
+            this.onNeedProjection();
+        }
+    }
+    onGroupPageSizeChange(size) {
+        this.groupPageSize = size;
+        this._groupPages.clear();
+        this.onNeedRender();
+    }
+    onGroupSortToggle(dir, scrollTo) {
+        if (this.groupSortOrder === dir)
+            return;
+        this.groupSortOrder = dir;
+        this._groupPages.clear();
+        this.onNeedRender();
+        const openGroup = this.getSingleOpenGroup();
+        if (openGroup)
+            scrollTo(openGroup);
+    }
+}
+
+const LAZY_FIELD_LOADING_VALUE = '__lazy_loading__';
+const LAZY_FIELD_ERROR_VALUE = '__lazy_error__';
+class LazyFieldManager {
+    constructor() {
+        this._status = new Map();
+        this._data = new Map();
+        this._cancels = new Map();
+    }
+    get status() {
+        return this._status;
+    }
+    get data() {
+        return this._data;
+    }
+    getStatus(key) {
+        return this._status.get(key) ?? 'idle';
+    }
+    getRenderType(rowValue) {
+        if (rowValue === LAZY_FIELD_LOADING_VALUE)
+            return 'loading';
+        if (rowValue === LAZY_FIELD_ERROR_VALUE)
+            return 'error';
+        return 'value';
+    }
+    cancelAll() {
+        this._cancels.forEach(s => { s.next(); s.complete(); });
+        this._cancels.clear();
+        this._status = new Map();
+        this._data = new Map();
+    }
+    retry(field, resolvedData, callbacks) {
+        const k = field.key;
+        const prev = this._cancels.get(k);
+        if (prev) {
+            prev.next();
+            prev.complete();
+        }
+        this._cancels.delete(k);
+        const newStatus = new Map(this._status);
+        newStatus.delete(k);
+        this._status = newStatus;
+        const newData = new Map(this._data);
+        newData.delete(k);
+        this._data = newData;
+        this.fetch(field, resolvedData, callbacks);
+    }
+    fetch(field, resolvedData, callbacks) {
+        if (!field.lazy)
+            return;
+        const k = field.key;
+        if (this._status.get(k) === 'loading')
+            return;
+        const prev = this._cancels.get(k);
+        if (prev) {
+            prev.next();
+            prev.complete();
+        }
+        const cancel$ = new Subject();
+        this._cancels.set(k, cancel$);
+        const newStatus = new Map(this._status);
+        newStatus.set(k, 'loading');
+        this._status = newStatus;
+        callbacks.onRefresh();
+        field.lazy.fetchFn().pipe(take(1), takeUntil$1(cancel$)).subscribe({
+            next: (values) => {
+                const rowMap = new Map();
+                values.forEach((value, i) => {
+                    if (i < resolvedData.length)
+                        rowMap.set(resolvedData[i], value);
+                });
+                const newData = new Map(this._data);
+                newData.set(k, rowMap);
+                this._data = newData;
+                const newStatus2 = new Map(this._status);
+                newStatus2.set(k, 'loaded');
+                this._status = newStatus2;
+                callbacks.onRefresh();
+                callbacks.onMarkForCheck();
+            },
+            error: () => {
+                const newStatusErr = new Map(this._status);
+                newStatusErr.set(k, 'error');
+                this._status = newStatusErr;
+                callbacks.onRefresh();
+                callbacks.onMarkForCheck();
+            },
+        });
+    }
+}
+
+/**
+ * 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 };
+//# sourceMappingURL=oneteme-jquery-organizer.mjs.map