@oneteme/jquery-organizer 0.0.6 → 0.0.7

package/fesm2022/oneteme-jquery-organizer.mjs

@@ -9,7 +9,7 @@ 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 { Subject, isObservable } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 function buildYFields(indicators) {
@@ -172,13 +172,7 @@ class OrganizerButtonComponent {
         this.fieldDataCache = new Map();
         this.destroy$ = new Subject();
         this.destroyed = false;
-    }
-    ngOnInit() {
-        console.debug('[OrganizerButton] Initialized', {
-            configFields: this.config?.fields?.length ?? 0,
-            hasState: !!this.state,
-            hideMenuValues: this.hideMenuValues
-        });
+        this.sliceRequestId = 0;
     }
     ngOnDestroy() {
         this.destroyed = true;
@@ -198,27 +192,27 @@ class OrganizerButtonComponent {
         return `${visible}/${total}`;
     }
     onFieldToggle(fieldId, visible) {
-        console.debug('[OrganizerButton] Field toggled', { fieldId, visible });
-        const visibleFields = this.state?.visibleFields || [];
-        const updated = visible
-            ? [...visibleFields, fieldId]
-            : visibleFields.filter(f => f !== fieldId);
+        const current = this.state?.visibleFields
+            ?? (this.config.fields ?? []).filter(f => f.visible !== false).map(f => f.id);
+        let updated;
+        if (visible) {
+            updated = current.includes(fieldId) ? current : [...current, fieldId];
+        }
+        else {
+            updated = current.filter(f => f !== fieldId);
+        }
         this.emitChange('fieldToggled', { visibleFields: updated });
     }
     onXFieldSelect(fieldId) {
-        console.debug('[OrganizerButton] X field selected', { fieldId, current: this.state?.selectedX });
         // Évite une requête inutile si le X est déjà sélectionné
         if (this.state?.selectedX === fieldId) {
-            console.debug('[OrganizerButton] X field already selected, skipping emit');
             return;
         }
         this.emitChange('xSelected', { selectedX: fieldId });
     }
     onYFieldSelect(fieldId) {
-        console.debug('[OrganizerButton] Y field selected', { fieldId, current: this.state?.selectedY });
         // Évite une requête inutile si le Y est déjà sélectionné
         if (this.state?.selectedY === fieldId) {
-            console.debug('[OrganizerButton] Y field already selected, skipping emit');
             return;
         }
         this.emitChange('ySelected', {
@@ -227,10 +221,8 @@ class OrganizerButtonComponent {
         });
     }
     onYAggregateSelect(yFieldId, aggregateId) {
-        console.debug('[OrganizerButton] Y aggregate selected', { yFieldId, aggregateId, current: this.state?.selectedYAggregate });
         // Évite une requête inutile si l'aggregate est déjà sélectionné
         if (this.state?.selectedYAggregate === aggregateId && this.state?.selectedY === yFieldId) {
-            console.debug('[OrganizerButton] Y aggregate already selected, skipping emit');
             return;
         }
         this.emitChange('ySelected', {
@@ -239,7 +231,6 @@ class OrganizerButtonComponent {
         });
     }
     onGroupBySelect(groupId) {
-        console.debug('[OrganizerButton] Group by selected', { groupId });
         const current = this.state?.selectedGroupBy;
         this.emitChange('groupBySelected', { selectedGroupBy: current === groupId ? undefined : groupId });
     }
@@ -250,7 +241,6 @@ class OrganizerButtonComponent {
         this.emitChange('chartTypeSelected', { selectedChartType: chartType });
     }
     onTemplateSelect(templateId) {
-        console.debug('[OrganizerButton] Template selected', { templateId });
         if (!this.config.templates?.length)
             return;
         const template = this.config.templates?.find(t => t.id === templateId);
@@ -261,7 +251,6 @@ class OrganizerButtonComponent {
         this.syncSliceState(newState.selectedSlices);
     }
     onSliceClick(sliceId) {
-        console.debug('[OrganizerButton] Slice clicked', { sliceId });
         if (this.config.onSliceClick) {
             this.config.onSliceClick();
         }
@@ -285,6 +274,10 @@ class OrganizerButtonComponent {
         });
     }
     syncSliceState(selectedSlices, onLoaded) {
+        // Une nouvelle demande annule la précédente : seule la réponse la plus récente est prise en compte.
+        const requestId = ++this.sliceRequestId;
+        this.sliceSubscription?.unsubscribe();
+        this.sliceSubscription = undefined;
         const sliceId = selectedSlices?.[0];
         if (!sliceId || !this.config.onFetchSliceData) {
             this.sliceStateChange.emit(null);
@@ -299,7 +292,7 @@ class OrganizerButtonComponent {
         }
         const result = this.config.onFetchSliceData(sliceId);
         const handleData = (tasks) => {
-            if (this.destroyed)
+            if (this.destroyed || requestId !== this.sliceRequestId)
                 return;
             this.sliceStateChange.emit({
                 sliceConfigs: [{ title: slice.label ?? sliceId, columnKey: sliceId }],
@@ -309,14 +302,14 @@ class OrganizerButtonComponent {
             onLoaded?.();
         };
         const handleError = (error) => {
-            if (this.destroyed)
+            if (this.destroyed || requestId !== this.sliceRequestId)
                 return;
             console.error('[OrganizerButton] Slice data loading failed', error);
             this.sliceStateChange.emit(null);
             onLoaded?.();
         };
         if (isObservable(result)) {
-            result.pipe(takeUntil(this.destroy$)).subscribe({ next: handleData, error: handleError });
+            this.sliceSubscription = result.pipe(takeUntil(this.destroy$)).subscribe({ next: handleData, error: handleError });
         }
         else {
             void result.then(handleData, handleError);
@@ -551,7 +544,6 @@ class SlicePanelComponent {
         this.sliceConfigs = [];
         this.columns = [];
         this.data = [];
-        this.lazyData = new Map();
         this.lazyStatus = new Map();
         this.showToggle = true;
         this.showCounts = true;
@@ -571,23 +563,28 @@ class SlicePanelComponent {
         this._countCache = new Map();
         this.trackBySliceIndex = (index, _) => index;
         this.trackByCategoryKey = (_, cat) => cat.key;
+        this._columnIndex = new Map();
     }
     get hostCollapsed() { return this.isCollapsed; }
     ngOnInit() {
         this.isCollapsed = this.collapsedByDefault;
     }
     ngOnChanges(changes) {
-        if (changes['sliceConfigs'] || changes['data'] || changes['columns'] || changes['lazyData'] || changes['lazyStatus']) {
+        if (changes['sliceConfigs'] || changes['data'] || changes['columns'] || changes['lazyStatus']) {
+            const hadActiveFilters = this._hasActiveFilters();
             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) {
+            const shouldReemitFilter = !!(changes['sliceConfigs'] || changes['data'] || changes['columns'] || changes['lazyStatus']);
+            // Un slice retiré de la config emporte sa sélection : le parent doit en être informé.
+            if (shouldReemitFilter && (hadActiveFilters || this._hasActiveFilters())) {
                 this._emitFilter();
             }
             this._cdr.markForCheck();
         }
     }
+    _hasActiveFilters() {
+        return [...this.activeKeysBySlice.values()].some(s => s.size > 0);
+    }
     get showPanel() {
         const hasCfg = (this.sliceConfigs || []).length > 0 || this._dynamicSlices.length > 0;
         if (this.alwaysShow)
@@ -696,14 +693,16 @@ class SlicePanelComponent {
         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);
+        if (category?.count !== undefined)
+            return category.count;
+        const cacheKey = `${sliceIndex}:${categoryKey}`;
+        if (this._countCache.has(cacheKey)) {
+            return this._countCache.get(cacheKey);
+        }
         const count = category ? (this.data || []).filter((row) => category.filter ? category.filter(row) : true).length : 0;
         this._countCache.set(cacheKey, count);
         return count;
@@ -771,11 +770,11 @@ class SlicePanelComponent {
     addDynamicSlice(column) {
         if (this._dynamicSlices.some(slice => slice.key === column.key))
             return;
-        const distinctValues = this._computeDistinctValues(column.key);
+        const distinct = this._computeDistinctValues(column.key);
         const newSlice = {
             title: column.header,
             columnKey: column.key,
-            categories: distinctValues.map((v) => this._buildCategoryFromValue(column.key, v)),
+            categories: this._buildCategories(column.key, distinct),
         };
         this._dynamicSlices = [...this._dynamicSlices, { key: column.key, slice: newSlice }];
         this._rebuildCache();
@@ -787,14 +786,7 @@ class SlicePanelComponent {
         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;
+        // Les sélections sont rapprochées des slices restants par identité dans _rebuildCache.
         this._dynamicSlices = this._dynamicSlices.filter((_, i) => i !== dynamicIndex);
         this._rebuildCache();
         this.dynamicSliceKeysChange.emit(this._dynamicSlices.map(d => d.key));
@@ -851,32 +843,37 @@ class SlicePanelComponent {
         if (!slice.columnKey || (slice.categories && slice.categories.length > 0)) {
             return slice;
         }
-        const col = (this.columns || []).find(c => c.key === slice.columnKey);
+        const col = this._column(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();
+            const bucket = slice.bucket;
+            const counts = new Map();
+            (this.data || []).forEach(row => { const v = bucket(row); counts.set(v, (counts.get(v) ?? 0) + 1); });
             return {
                 ...slice,
-                categories: distinctValues.map((v) => ({
-                    key: v, label: v,
-                    filter: (row) => slice.bucket(row) === v,
+                categories: [...counts.keys()].sort().map((v) => ({
+                    key: v, label: v, count: counts.get(v),
+                    filter: (row) => bucket(row) === v,
                 })),
             };
         }
-        const distinctValues = this._computeDistinctValues(slice.columnKey);
         return {
             ...slice,
-            categories: distinctValues.map((v) => this._buildCategoryFromValue(slice.columnKey, v)),
+            categories: this._buildCategories(slice.columnKey, this._computeDistinctValues(slice.columnKey)),
         };
     }
-    _buildCategoryFromValue(columnKey, v) {
+    _buildCategories(columnKey, distinct) {
+        return distinct.values.map((v) => this._buildCategoryFromValue(columnKey, v, distinct.counts.get(v)));
+    }
+    _buildCategoryFromValue(columnKey, v, count) {
         if (v === EMPTY_CATEGORY_KEY) {
             return {
                 key: EMPTY_CATEGORY_KEY,
                 label: EMPTY_CATEGORY_LABEL,
+                count,
                 filter: (row) => {
                     const val = this._getLazyAwareValue(columnKey, row);
                     return val == null || val === '';
@@ -884,24 +881,44 @@ class SlicePanelComponent {
             };
         }
         return {
-            key: v, label: v,
+            key: v, label: v, count,
             filter: (row) => String(this._getLazyAwareValue(columnKey, row) ?? '') === v,
         };
     }
+    /** Valeurs distinctes (triées, « vide » en dernier) et effectifs, calculés en un seul passage. */
     _computeDistinctValues(columnKey) {
-        const rawValues = (this.data || []).map((row) => {
+        const counts = new Map();
+        let empty = 0;
+        (this.data || []).forEach((row) => {
             const val = this._getLazyAwareValue(columnKey, row);
-            return val != null && val !== '' ? String(val) : null;
+            if (val != null && val !== '') {
+                const text = String(val);
+                counts.set(text, (counts.get(text) ?? 0) + 1);
+            }
+            else {
+                empty++;
+            }
         });
-        const distinct = [...new Set(rawValues.filter((v) => v !== null))].sort();
-        if (rawValues.some(v => v === null))
-            distinct.push(EMPTY_CATEGORY_KEY);
-        return distinct;
+        const values = [...counts.keys()].sort();
+        if (empty > 0) {
+            values.push(EMPTY_CATEGORY_KEY);
+            counts.set(EMPTY_CATEGORY_KEY, empty);
+        }
+        return { values, counts };
+    }
+    _column(key) {
+        if (this._columnsRef !== this.columns) {
+            this._columnsRef = this.columns;
+            this._columnIndex = new Map();
+            (this.columns || []).forEach(c => { if (!this._columnIndex.has(c.key))
+                this._columnIndex.set(c.key, c); });
+        }
+        return key === undefined ? undefined : this._columnIndex.get(key);
     }
     _getLazyAwareValue(columnKey, row) {
-        const colDef = (this.columns || []).find(c => c.key === columnKey);
-        if (colDef?.lazy) {
-            return this.lazyData.get(columnKey)?.get(row) ?? null;
+        const colDef = this._column(columnKey);
+        if (colDef?.lazy && this.lazyStatus.get(columnKey) !== 'loaded') {
+            return null;
         }
         if (colDef?.value) {
             return colDef.value(row, 0);
@@ -934,16 +951,10 @@ class SlicePanelComponent {
         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)),
-                },
-            };
-        });
+        this._dynamicSlices = this._dynamicSlices.map(({ key, slice }) => ({
+            key,
+            slice: { ...slice, categories: this._buildCategories(key, this._computeDistinctValues(key)) },
+        }));
     }
     _scrollSliceTitleIntoView(sliceIndex) {
         setTimeout(() => {
@@ -955,7 +966,7 @@ class SlicePanelComponent {
         }, 50);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlicePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlicePanelComponent, isStandalone: true, selector: "slice-panel", inputs: { sliceConfigs: "sliceConfigs", columns: "columns", data: "data", lazyData: "lazyData", lazyStatus: "lazyStatus", showToggle: "showToggle", showCounts: "showCounts", collapsedByDefault: "collapsedByDefault", alwaysShow: "alwaysShow" }, outputs: { filterChange: "filterChange", activeKeysChange: "activeKeysChange", dynamicSliceKeysChange: "dynamicSliceKeysChange", collapsedChange: "collapsedChange" }, host: { properties: { "class.collapsed": "this.hostCollapsed" } }, viewQueries: [{ propertyName: "slicePanelBodyRef", first: true, predicate: ["slicePanelBody"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slice-panel-wrapper\" [class.collapsed]=\"isCollapsed\">\n  <aside class=\"slice-panel\" [class.collapsed]=\"isCollapsed\">\n    <div class=\"slice-panel-header\">\n      <span *ngIf=\"!isCollapsed\" class=\"slice-panel-title\">\n        {{ i18n.filterPanelTitle(slices.length) }}\n      </span>\n      <button\n        *ngIf=\"showToggle\"\n        type=\"button\"\n        class=\"slice-toggle\"\n        [attr.aria-label]=\"isCollapsed ? i18n.expandFilterTitle : i18n.collapseFilterTitle\"\n        (click)=\"togglePanel()\"\n      >\n        <mat-icon class=\"slice-toggle-mat-icon\">{{ isCollapsed ? 'filter_list' : 'filter_list_off' }}</mat-icon>\n      </button>\n    </div>\n\n    <div class=\"slice-panel-body\" *ngIf=\"!isCollapsed\" #slicePanelBody>\n      <ng-container *ngFor=\"let slice of slices; let si = index; trackBy: trackBySliceIndex\">\n        <div class=\"slice-title-row\" [attr.data-slice-index]=\"si\">\n          <button\n            type=\"button\"\n            class=\"slice-title-toggle\"\n            [attr.aria-controls]=\"'slice-section-' + si\"\n            [attr.aria-expanded]=\"!isSliceCollapsed(si)\"\n            (click)=\"toggleSliceCollapse(si)\"\n          >\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            <span class=\"slice-title\">{{ slice.title || i18n.filterBlockDefaultTitle }}</span>\n          </button>\n          <button\n            *ngIf=\"isSliceDynamic(si)\"\n            type=\"button\"\n            class=\"slice-remove-btn\"\n            [attr.aria-label]=\"'Supprimer le filtre ' + (slice.title || i18n.filterBlockDefaultTitle)\"\n            (click)=\"removeDynamicSlice(si)\"\n          >\u00D7</button>\n        </div>\n\n        <div [id]=\"'slice-section-' + si\" class=\"slice-section-items\" *ngIf=\"!isSliceCollapsed(si)\">\n          <ng-container *ngIf=\"isSliceLoading(si); else sliceContent\">\n            <div class=\"slice-lazy-loading\">\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n            </div>\n          </ng-container>\n          <ng-template #sliceContent>\n            <ng-container *ngFor=\"let category of slice.categories; trackBy: trackByCategoryKey\">\n              <button\n                *ngIf=\"sliceCategoryCount(si, category.key) > 0\"\n                class=\"slice-item\"\n                type=\"button\"\n                [class.active]=\"isSliceCategoryActive(si, category.key)\"\n                [attr.data-category-key]=\"category.key\"\n                [title]=\"category.label\"\n                (click)=\"onSliceCategorySelected(si, category.key)\"\n              >\n                <span>{{ category.label }}</span>\n                <span *ngIf=\"showCounts\">{{ sliceCategoryCount(si, category.key) }}</span>\n              </button>\n            </ng-container>\n            <div *ngIf=\"isSliceEmpty(si)\" class=\"slice-empty-state\">{{ i18n.filterEmptyState }}</div>\n          </ng-template>\n        </div>\n\n        <hr *ngIf=\"si < slices.length - 1\" class=\"slice-divider\" />\n      </ng-container>\n    </div>\n  </aside>\n</div>\n", styles: ["@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}:host{display:block;height:100%;min-height:0;box-sizing:border-box;animation:slideInLeft .3s cubic-bezier(.34,1.56,.64,1) forwards}.slice-panel-wrapper{height:100%;max-height:100%;overflow-y:auto;box-sizing:border-box}.slice-panel{margin-top:0;border:1px solid var(--jqt-border-color);border-radius:10px;background:var(--jqt-surface-color);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;box-sizing:border-box}.slice-panel-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;height:var(--jqt-slice-header-height, 34px);padding:0 8px;margin-bottom:var(--jqt-slice-header-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:var(--jqt-slice-body-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;-webkit-user-select:none;user-select:none}.slice-title-row:first-of-type .slice-title{margin-top:0}.slice-title-toggle{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.slice-title-toggle:hover .slice-title{color:var(--jqt-text-color)}.slice-title-toggle:hover .slice-title-chevron{color:var(--jqt-text-secondary)}.slice-title-toggle:focus-visible{outline:2px solid var(--jqt-primary-color);outline-offset:2px;border-radius:4px}.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:var(--jqt-slice-section-title-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%;min-height:var(--jqt-slice-item-min-height, 30px);padding:var(--jqt-slice-item-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;font-size:var(--jqt-slice-item-font-size, 13px)}.slice-item.active{background:var(--jqt-row-hover-bg);font-weight:600}.slice-item.slice-multi{padding-left:6px}.slice-item span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slice-item span:last-child{flex:0 0 auto;min-width:1.2em;text-align:right}.slice-check-box{flex:0 0 16px;width:16px;height:16px;border:1.5px solid var(--jqt-text-muted);border-radius:4px;background:var(--jqt-surface-color);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background .15s,border-color .15s}.slice-check-box.checked{background:var(--jqt-text-secondary);border-color:var(--jqt-text-secondary)}.slice-check-box.checked:after{content:\"\";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.slice-divider{border:none;border-top:1px solid var(--jqt-border-color);margin:6px 0}.lazy-skeleton{display:block;height:12px;width:70%;border-radius:4px;background:linear-gradient(90deg,var(--jqt-border-color) 25%,var(--jqt-surface-alt-color) 50%,var(--jqt-border-color) 75%);background-size:200% 100%;animation:lazy-shimmer 1.4s ease-in-out infinite}.slice-lazy-loading{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.slice-lazy-loading .lazy-skeleton{width:80%}.slice-lazy-loading .lazy-skeleton:nth-child(2){width:60%}.slice-lazy-loading .lazy-skeleton:nth-child(3){width:45%}@keyframes lazy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlicePanelComponent, isStandalone: true, selector: "slice-panel", inputs: { sliceConfigs: "sliceConfigs", columns: "columns", data: "data", 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\">\n          <button\n            type=\"button\"\n            class=\"slice-title-toggle\"\n            [attr.aria-controls]=\"'slice-section-' + si\"\n            [attr.aria-expanded]=\"!isSliceCollapsed(si)\"\n            (click)=\"toggleSliceCollapse(si)\"\n          >\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            <span class=\"slice-title\">{{ slice.title || i18n.filterBlockDefaultTitle }}</span>\n          </button>\n          <button\n            *ngIf=\"isSliceDynamic(si)\"\n            type=\"button\"\n            class=\"slice-remove-btn\"\n            [attr.aria-label]=\"'Supprimer le filtre ' + (slice.title || i18n.filterBlockDefaultTitle)\"\n            (click)=\"removeDynamicSlice(si)\"\n          >\u00D7</button>\n        </div>\n\n        <div [id]=\"'slice-section-' + si\" class=\"slice-section-items\" *ngIf=\"!isSliceCollapsed(si)\">\n          <ng-container *ngIf=\"isSliceLoading(si); else sliceContent\">\n            <div class=\"slice-lazy-loading\">\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n              <span class=\"lazy-skeleton\"></span>\n            </div>\n          </ng-container>\n          <ng-template #sliceContent>\n            <ng-container *ngFor=\"let category of slice.categories; trackBy: trackByCategoryKey\">\n              <button\n                *ngIf=\"sliceCategoryCount(si, category.key) > 0\"\n                class=\"slice-item\"\n                type=\"button\"\n                [class.active]=\"isSliceCategoryActive(si, category.key)\"\n                [attr.data-category-key]=\"category.key\"\n                [title]=\"category.label\"\n                (click)=\"onSliceCategorySelected(si, category.key)\"\n              >\n                <span>{{ category.label }}</span>\n                <span *ngIf=\"showCounts\">{{ sliceCategoryCount(si, category.key) }}</span>\n              </button>\n            </ng-container>\n            <div *ngIf=\"isSliceEmpty(si)\" class=\"slice-empty-state\">{{ i18n.filterEmptyState }}</div>\n          </ng-template>\n        </div>\n\n        <hr *ngIf=\"si < slices.length - 1\" class=\"slice-divider\" />\n      </ng-container>\n    </div>\n  </aside>\n</div>\n", styles: ["@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}:host{display:block;height:100%;min-height:0;box-sizing:border-box;animation:slideInLeft .3s cubic-bezier(.34,1.56,.64,1) forwards}.slice-panel-wrapper{height:100%;max-height:100%;overflow-y:auto;box-sizing:border-box}.slice-panel{margin-top:0;border:1px solid var(--jqt-border-color);border-radius:10px;background:var(--jqt-surface-color);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;box-sizing:border-box}.slice-panel-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;height:var(--jqt-slice-header-height, 34px);padding:0 8px;margin-bottom:var(--jqt-slice-header-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:var(--jqt-slice-body-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;-webkit-user-select:none;user-select:none}.slice-title-row:first-of-type .slice-title{margin-top:0}.slice-title-toggle{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.slice-title-toggle:hover .slice-title{color:var(--jqt-text-color)}.slice-title-toggle:hover .slice-title-chevron{color:var(--jqt-text-secondary)}.slice-title-toggle:focus-visible{outline:2px solid var(--jqt-primary-color);outline-offset:2px;border-radius:4px}.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:var(--jqt-slice-section-title-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%;min-height:var(--jqt-slice-item-min-height, 30px);padding:var(--jqt-slice-item-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;font-size:var(--jqt-slice-item-font-size, 13px)}.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,
@@ -966,8 +977,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], data: [{
                 type: Input
-            }], lazyData: [{
-                type: Input
             }], lazyStatus: [{
                 type: Input
             }], showToggle: [{
@@ -1064,14 +1073,8 @@ function getStackItems(indicator) {
 
 function chartConfigToOrganizer(chartConfig, options = {}) {
     if (!chartConfig) {
-        console.debug('[OrganizerChartAdapter] Empty chart config, returning empty organizer config');
         return {};
     }
-    console.debug('[OrganizerChartAdapter] Converting chart config to organizer', {
-        hasGroups: !!chartConfig.groups,
-        indicatorCount: chartConfig.indicators?.items?.length ?? 0,
-        filterCount: chartConfig.filters?.items?.length ?? 0
-    });
     const { onFetchSliceData, onExportVisual, onExportData, switchView } = options;
     const indicators = getIndicatorItems(chartConfig);
     const activeIndicator = indicators.find(i => i.selected);
@@ -1105,7 +1108,6 @@ function chartConfigToOrganizer(chartConfig, options = {}) {
 }
 function chartConfigToState(chartConfig) {
     if (!chartConfig) {
-        console.debug('[OrganizerChartAdapter] Empty chart config for state conversion');
         return {};
     }
     const indicators = getIndicatorItems(chartConfig);
@@ -1114,12 +1116,6 @@ function chartConfigToState(chartConfig) {
     const activeGroup = getGroupItems(chartConfig).find(g => g.selected);
     const activeSlices = getFilterItems(chartConfig).filter(f => f.selected);
     const indicatorGroup = activeIndicator?.group;
-    console.debug('[OrganizerChartAdapter] Current chart state', {
-        activeGroup: activeGroup?.key,
-        activeIndicator: activeIndicator?.key,
-        activeStack: activeStack?.key,
-        sliceCount: activeSlices.length
-    });
     const state = {
         selectedX: activeGroup?.key,
         selectedY: indicatorGroup ?? activeIndicator?.key,
@@ -1149,10 +1145,8 @@ function chartConfigToUnifiedState(chartConfig, viewMode = 'chart') {
 }
 function applyOrganizerEventToChart(event, chartConfig) {
     if (!chartConfig) {
-        console.debug('[OrganizerChartAdapter] Cannot apply event to empty chart config');
         return;
     }
-    console.debug('[OrganizerChartAdapter] Applying organizer event', { eventType: event.type, state: event.state });
     const state = event.state;
     _cleanSynthetics(chartConfig);
     if (state.selectedX !== undefined)
@@ -1166,7 +1160,6 @@ function applyOrganizerEventToChart(event, chartConfig) {
     event.resolvedYUnit = resolveYUnit(chartConfig, event.state.selectedY, event.state.selectedYAggregate);
 }
 function handleOrganizerChartEvent(event, chartConfig, currentBinding, options = {}) {
-    console.debug('[OrganizerChartAdapter] Handling organizer event', { eventType: event.type });
     if (event.type === 'viewSwitched') {
         return {
             binding: {
@@ -1461,19 +1454,10 @@ class OrganizerFacade {
     }
     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.sliceBy.availableForDynamic = this._availableForDynamic(new Set(keys));
         this._computeSliceLabel();
         this._events$.next({ type: 'dynamicSlicesChanged', keys });
     }
@@ -1498,23 +1482,42 @@ class OrganizerFacade {
             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));
+            const current = this._definitionsByKey();
+            this.fields.activeFields = this.fields.activeFields
+                .filter(c => current.has(c.key))
+                .map(c => current.get(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))
+    /** Première définition de chaque clé dans la config courante. */
+    _definitionsByKey() {
+        const byKey = new Map();
+        (this._panelConfig.fields || []).forEach(c => { if (!byKey.has(c.key))
+            byKey.set(c.key, c); });
+        return byKey;
+    }
+    _staticSliceKeys() {
+        return new Set((this._panelConfig.sliceConfigs ?? []).map(s => s.columnKey).filter((k) => !!k));
+    }
+    /** Champs proposables en slice dynamique, hors slices statiques et slices déjà actifs. */
+    _availableForDynamic(activeKeys) {
+        const staticKeys = this._staticSliceKeys();
+        const seen = new Set();
+        return (this._panelConfig.fields ?? []).filter(c => {
+            if (c.sliceable === false || staticKeys.has(c.key) || activeKeys.has(c.key) || seen.has(c.key))
                 return false;
             if (!c.header && c.sliceable !== true)
                 return false;
-            seen1.add(c.key);
+            seen.add(c.key);
             return true;
         });
+    }
+    _refreshDynamicSliceMeta() {
+        const allFields = this._panelConfig.fields ?? [];
+        const staticKeys = this._staticSliceKeys();
+        const current = this._definitionsByKey();
+        this.sliceBy.activeDynamicFields = this.sliceBy.activeDynamicFields.map(c => current.get(c.key) ?? c);
+        const activeDynKeys = new Set(this.sliceBy.activeDynamicFields.map(c => c.key));
+        this.sliceBy.availableForDynamic = this._availableForDynamic(activeDynKeys);
         const seen2 = new Set();
         this.sliceBy.allDynamicFields = allFields.filter(c => {
             if (c.sliceable === false || staticKeys.has(c.key) || seen2.has(c.key))
@@ -1604,6 +1607,8 @@ class GroupByManager {
         }
     }
     groupPageForward(groupKey, totalCount) {
+        if (this.groupPageSize <= 0)
+            return;
         const maxPage = Math.ceil(totalCount / this.groupPageSize) - 1;
         const current = this._groupPages.get(groupKey) ?? 0;
         if (current < maxPage) {
@@ -1628,99 +1633,9 @@ class GroupByManager {
     }
 }
 
-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, OrganizerButtonEventType, OrganizerButtonModule, OrganizerFacade, SlicePanelComponent, applyOrganizerEventToChart, buildOrganizerChartBinding, buildYFields, chartConfigToOrganizer, chartConfigToState, chartConfigToUnifiedState, handleOrganizerChartEvent, humanizeKey, resolveYKey, resolveYUnit };
+export { DEFAULT_MENU_ICONS, DEFAULT_MENU_LABELS, GroupByManager, OrganizerButtonComponent, OrganizerButtonEventType, OrganizerButtonModule, OrganizerFacade, SlicePanelComponent, applyOrganizerEventToChart, buildOrganizerChartBinding, buildYFields, chartConfigToOrganizer, chartConfigToState, chartConfigToUnifiedState, handleOrganizerChartEvent, humanizeKey, resolveYKey, resolveYUnit };
 //# sourceMappingURL=oneteme-jquery-organizer.mjs.map