@raintonic/formaui 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +104 -7
- package/LICENSE +21 -0
- package/README.md +199 -145
- package/fesm2022/raintonic-formaui-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-cdk-form-field.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-cdk-overlay.mjs +0 -26
- package/fesm2022/raintonic-formaui-cdk-overlay.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-cdk-virtual-scroll.mjs +2 -2
- package/fesm2022/raintonic-formaui-cdk-virtual-scroll.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-accordion.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-accordion.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-alert.mjs +24 -5
- package/fesm2022/raintonic-formaui-components-alert.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs +38 -9
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-avatar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-badge.mjs +45 -31
- package/fesm2022/raintonic-formaui-components-badge.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-big-menu.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-big-menu.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs +24 -7
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-button-group.mjs +6 -6
- package/fesm2022/raintonic-formaui-components-button-group.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-button.mjs +63 -17
- package/fesm2022/raintonic-formaui-components-button.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-card.mjs +8 -8
- package/fesm2022/raintonic-formaui-components-card.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-checkbox.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-checkbox.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-data-table.mjs +67 -9
- package/fesm2022/raintonic-formaui-components-data-table.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-date-picker.mjs +63 -16
- package/fesm2022/raintonic-formaui-components-date-picker.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-divider.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-divider.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-drawer.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-drawer.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-empty-state.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-empty-state.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-file-upload.mjs +25 -5
- package/fesm2022/raintonic-formaui-components-file-upload.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-form-field.mjs +21 -6
- package/fesm2022/raintonic-formaui-components-form-field.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-icon.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-icon.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-input.mjs +1 -1
- package/fesm2022/raintonic-formaui-components-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-list.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-list.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-menu.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-menu.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-number-input.mjs +20 -5
- package/fesm2022/raintonic-formaui-components-number-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-paginator.mjs +27 -7
- package/fesm2022/raintonic-formaui-components-paginator.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-password-input.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-password-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-popover.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-popover.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-progressbar.mjs +32 -7
- package/fesm2022/raintonic-formaui-components-progressbar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-radio.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-radio.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-select.mjs +41 -26
- package/fesm2022/raintonic-formaui-components-select.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-side-panel.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-side-panel.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-sidebar.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-sidebar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-skeleton.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-skeleton.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-slider.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-slider.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-spinner.mjs +24 -7
- package/fesm2022/raintonic-formaui-components-spinner.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-stepper.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-stepper.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tab.mjs +10 -10
- package/fesm2022/raintonic-formaui-components-tab.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tag.mjs +21 -4
- package/fesm2022/raintonic-formaui-components-tag.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-time-picker.mjs +26 -7
- package/fesm2022/raintonic-formaui-components-time-picker.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-toggle.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-toggle.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-toolbar.mjs +41 -7
- package/fesm2022/raintonic-formaui-components-toolbar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tooltip.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-tooltip.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree-select.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-tree-select.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree-table.mjs +35 -6
- package/fesm2022/raintonic-formaui-components-tree-table.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree.mjs +25 -7
- package/fesm2022/raintonic-formaui-components-tree.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-core.mjs +25 -1
- package/fesm2022/raintonic-formaui-core.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-dialog.mjs +37 -37
- package/fesm2022/raintonic-formaui-services-dialog.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-notification.mjs +2 -2
- package/fesm2022/raintonic-formaui-services-notification.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-theme.mjs +3 -3
- package/fesm2022/raintonic-formaui-services-theme.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-test-utils.mjs +21 -16
- package/fesm2022/raintonic-formaui-test-utils.mjs.map +1 -1
- package/fesm2022/raintonic-formaui.mjs +1 -1
- package/fesm2022/raintonic-formaui.mjs.map +1 -1
- package/llms-full.txt +36 -122
- package/llms.txt +4 -5
- package/package.json +1 -5
- package/styles/index.scss +5 -5
- package/styles/partials/_motion.scss +25 -0
- package/styles/partials/_theme.scss +6 -5
- package/styles/partials/components/_button.scss +361 -0
- package/styles/partials/components/_dialog.scss +180 -0
- package/styles/partials/components/_overlay.scss +87 -0
- package/styles/partials/themes/_dark.scss +14 -0
- package/styles/partials/themes/_light.scss +14 -0
- package/types/raintonic-formaui-cdk-overlay.d.ts +0 -1
- package/types/raintonic-formaui-cdk-overlay.d.ts.map +1 -1
- package/types/raintonic-formaui-components-alert.d.ts +11 -1
- package/types/raintonic-formaui-components-alert.d.ts.map +1 -1
- package/types/raintonic-formaui-components-autocomplete.d.ts +25 -7
- package/types/raintonic-formaui-components-autocomplete.d.ts.map +1 -1
- package/types/raintonic-formaui-components-badge.d.ts +20 -9
- package/types/raintonic-formaui-components-badge.d.ts.map +1 -1
- package/types/raintonic-formaui-components-big-menu.d.ts +12 -1
- package/types/raintonic-formaui-components-big-menu.d.ts.map +1 -1
- package/types/raintonic-formaui-components-breadcrumb.d.ts +11 -2
- package/types/raintonic-formaui-components-breadcrumb.d.ts.map +1 -1
- package/types/raintonic-formaui-components-button-group.d.ts +6 -6
- package/types/raintonic-formaui-components-button.d.ts +9 -7
- package/types/raintonic-formaui-components-button.d.ts.map +1 -1
- package/types/raintonic-formaui-components-card.d.ts +4 -4
- package/types/raintonic-formaui-components-checkbox.d.ts +1 -1
- package/types/raintonic-formaui-components-data-table.d.ts +56 -16
- package/types/raintonic-formaui-components-data-table.d.ts.map +1 -1
- package/types/raintonic-formaui-components-date-picker.d.ts +32 -4
- package/types/raintonic-formaui-components-date-picker.d.ts.map +1 -1
- package/types/raintonic-formaui-components-drawer.d.ts +10 -1
- package/types/raintonic-formaui-components-drawer.d.ts.map +1 -1
- package/types/raintonic-formaui-components-file-upload.d.ts +12 -1
- package/types/raintonic-formaui-components-file-upload.d.ts.map +1 -1
- package/types/raintonic-formaui-components-form-field.d.ts +12 -2
- package/types/raintonic-formaui-components-form-field.d.ts.map +1 -1
- package/types/raintonic-formaui-components-input.d.ts +1 -1
- package/types/raintonic-formaui-components-number-input.d.ts +11 -2
- package/types/raintonic-formaui-components-number-input.d.ts.map +1 -1
- package/types/raintonic-formaui-components-paginator.d.ts +13 -1
- package/types/raintonic-formaui-components-paginator.d.ts.map +1 -1
- package/types/raintonic-formaui-components-password-input.d.ts +12 -2
- package/types/raintonic-formaui-components-password-input.d.ts.map +1 -1
- package/types/raintonic-formaui-components-progressbar.d.ts +14 -1
- package/types/raintonic-formaui-components-progressbar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-select.d.ts.map +1 -1
- package/types/raintonic-formaui-components-side-panel.d.ts +10 -1
- package/types/raintonic-formaui-components-side-panel.d.ts.map +1 -1
- package/types/raintonic-formaui-components-sidebar.d.ts +12 -1
- package/types/raintonic-formaui-components-sidebar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-slider.d.ts +12 -1
- package/types/raintonic-formaui-components-slider.d.ts.map +1 -1
- package/types/raintonic-formaui-components-spinner.d.ts +12 -2
- package/types/raintonic-formaui-components-spinner.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tag.d.ts +10 -1
- package/types/raintonic-formaui-components-tag.d.ts.map +1 -1
- package/types/raintonic-formaui-components-time-picker.d.ts +14 -2
- package/types/raintonic-formaui-components-time-picker.d.ts.map +1 -1
- package/types/raintonic-formaui-components-toggle.d.ts +1 -1
- package/types/raintonic-formaui-components-toolbar.d.ts +22 -4
- package/types/raintonic-formaui-components-toolbar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tree-table.d.ts +29 -4
- package/types/raintonic-formaui-components-tree-table.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tree.d.ts +12 -1
- package/types/raintonic-formaui-components-tree.d.ts.map +1 -1
- package/types/raintonic-formaui-core.d.ts +19 -2
- package/types/raintonic-formaui-core.d.ts.map +1 -1
- package/types/raintonic-formaui-services-dialog.d.ts +1 -1
- package/types/raintonic-formaui-services-theme.d.ts +3 -3
- package/types/raintonic-formaui-test-utils.d.ts +15 -2
- package/types/raintonic-formaui-test-utils.d.ts.map +1 -1
- package/types/raintonic-formaui.d.ts +1 -1
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs +0 -266
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs.map +0 -1
- package/types/raintonic-formaui-components-dynamic-form.d.ts +0 -412
- package/types/raintonic-formaui-components-dynamic-form.d.ts.map +0 -1
|
@@ -1,14 +1,43 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, signal,
|
|
2
|
+
import { Injectable, inject, ChangeDetectorRef, input, computed, output, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
3
4
|
import { FuiIconComponent } from '@raintonic/formaui/components/icon';
|
|
5
|
+
import { FuiIntlBase } from '@raintonic/formaui/core';
|
|
6
|
+
|
|
7
|
+
class FuiTreeTableIntl extends FuiIntlBase {
|
|
8
|
+
emptyMessage = 'No data available';
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeTableIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
10
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeTableIntl, providedIn: 'root' });
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeTableIntl, decorators: [{
|
|
13
|
+
type: Injectable,
|
|
14
|
+
args: [{ providedIn: 'root' }]
|
|
15
|
+
}] });
|
|
4
16
|
|
|
5
17
|
class FuiTreeTableComponent {
|
|
18
|
+
intl = inject(FuiTreeTableIntl);
|
|
19
|
+
_cdr = inject(ChangeDetectorRef);
|
|
20
|
+
constructor() {
|
|
21
|
+
this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {
|
|
22
|
+
this._refreshCounter.update((v) => v + 1);
|
|
23
|
+
this._cdr.markForCheck();
|
|
24
|
+
});
|
|
25
|
+
}
|
|
6
26
|
// Config & headers
|
|
7
27
|
config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
|
|
8
28
|
sort = input(null, ...(ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []));
|
|
9
29
|
filters = input([], ...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
|
|
10
30
|
enableRowHighlight = input(false, ...(ngDevMode ? [{ debugName: "enableRowHighlight" }] : /* istanbul ignore next */ []));
|
|
11
|
-
|
|
31
|
+
/**
|
|
32
|
+
* Message shown when the tree is empty.
|
|
33
|
+
* Default comes from FuiTreeTableIntl.emptyMessage ('No data available').
|
|
34
|
+
*/
|
|
35
|
+
emptyMessage = input(undefined, ...(ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []));
|
|
36
|
+
/** Resolved empty-state message: input override → intl default. */
|
|
37
|
+
resolvedEmptyMessage = computed(() => {
|
|
38
|
+
this._refreshCounter();
|
|
39
|
+
return this.emptyMessage() ?? this.intl.emptyMessage;
|
|
40
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedEmptyMessage" }] : /* istanbul ignore next */ []));
|
|
12
41
|
// Tree-specific inputs
|
|
13
42
|
nodes = input.required(...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
|
|
14
43
|
loadChildren = input(null, ...(ngDevMode ? [{ debugName: "loadChildren" }] : /* istanbul ignore next */ []));
|
|
@@ -86,18 +115,18 @@ class FuiTreeTableComponent {
|
|
|
86
115
|
return field.split('.').reduce((obj, key) => obj?.[key], row);
|
|
87
116
|
}
|
|
88
117
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
89
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeTableComponent, isStandalone: true, selector: "fui-tree-table", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, enableRowHighlight: { classPropertyName: "enableRowHighlight", publicName: "enableRowHighlight", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", filtersChange: "filtersChange", rowDblClick: "rowDblClick", rowExpand: "rowExpand", rowCollapse: "rowCollapse" }, host: { classAttribute: "fui-tree-table" }, ngImport: i0, template: "<div class=\"fui-tree-table__wrapper\">\n <table class=\"fui-tree-table__table\">\n <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\n <tr class=\"fui-tree-table__header-row\">\n @for (header of config().headers; track header.field) {\n <th\n class=\"fui-tree-table__header-cell\"\n [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\n (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\n >\n <div class=\"fui-tree-table__header-content\">\n <span>{{ header.label }}</span>\n @if (header.hasSort) {\n @if (sort()?.field === header.field) {\n <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\n }\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"fui-tree-table__body\">\n @if (flatRows().length === 0) {\n <tr class=\"fui-tree-table__empty-row\">\n <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\n {{
|
|
118
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeTableComponent, isStandalone: true, selector: "fui-tree-table", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, enableRowHighlight: { classPropertyName: "enableRowHighlight", publicName: "enableRowHighlight", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", filtersChange: "filtersChange", rowDblClick: "rowDblClick", rowExpand: "rowExpand", rowCollapse: "rowCollapse" }, host: { classAttribute: "fui-tree-table" }, ngImport: i0, template: "<div class=\"fui-tree-table__wrapper\">\r\n <table class=\"fui-tree-table__table\">\r\n <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\r\n <tr class=\"fui-tree-table__header-row\">\r\n @for (header of config().headers; track header.field) {\r\n <th\r\n class=\"fui-tree-table__header-cell\"\r\n [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\r\n (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\r\n >\r\n <div class=\"fui-tree-table__header-content\">\r\n <span>{{ header.label }}</span>\r\n @if (header.hasSort) {\r\n @if (sort()?.field === header.field) {\r\n <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\r\n }\r\n }\r\n </div>\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody class=\"fui-tree-table__body\">\r\n @if (flatRows().length === 0) {\r\n <tr class=\"fui-tree-table__empty-row\">\r\n <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\r\n {{ resolvedEmptyMessage() }}\r\n </td>\r\n </tr>\r\n }\r\n @for (flatRow of flatRows(); track flatRow._flatIndex) {\r\n <tr\r\n class=\"fui-tree-table__row\"\r\n [class.fui-tree-table__row--selected]=\"flatRow.selected\"\r\n [class.fui-tree-table__row--disabled]=\"flatRow.disabled\"\r\n [class.fui-tree-table__row--highlight]=\"enableRowHighlight()\"\r\n [attr.aria-level]=\"flatRow.level + 1\"\r\n [attr.aria-expanded]=\"flatRow.expandable ? flatRow.expanded : null\"\r\n (dblclick)=\"rowDblClick.emit(flatRow.data)\"\r\n >\r\n @for (header of config().headers; track header.field) {\r\n <td class=\"fui-tree-table__cell\">\r\n @if (header.field === treeColumnField()) {\r\n <div class=\"fui-tree-table__tree-cell\" [style.padding-left.px]=\"flatRow.level * indentPx()\">\r\n <button\r\n class=\"fui-tree-table__expand-toggle\"\r\n [class.fui-tree-table__expand-toggle--hidden]=\"!flatRow.expandable\"\r\n (click)=\"onToggleRow(flatRow); $event.stopPropagation()\"\r\n type=\"button\"\r\n tabindex=\"-1\"\r\n >\r\n @if (flatRow.loading) {\r\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\r\n } @else {\r\n <fui-icon [name]=\"flatRow.expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\r\n }\r\n </button>\r\n <span class=\"fui-tree-table__cell-text\">{{ getCellValue(flatRow.data, header.field) }}</span>\r\n </div>\r\n } @else {\r\n {{ getCellValue(flatRow.data, header.field) }}\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</div>\r\n", styles: [".fui-tree-table{display:block;width:100%;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}.fui-tree-table__wrapper{overflow:auto;border:1px solid var(--fui-border-color);border-radius:var(--fui-border-radius-sm)}.fui-tree-table__table{width:100%;border-collapse:collapse}.fui-tree-table__head--sticky{position:sticky;top:0;z-index:1}.fui-tree-table__header-row{background-color:var(--fui-surface-card)}.fui-tree-table__header-cell{padding:12px 16px;text-align:left;font-weight:600;font-size:var(--fui-font-size-02);color:var(--fui-text-secondary);border-bottom:1px solid var(--fui-border-color);white-space:nowrap}.fui-tree-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.fui-tree-table__header-cell--sortable:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-table__header-content{display:flex;align-items:center;gap:4px}.fui-tree-table__row{border-bottom:1px solid var(--fui-border-color);transition:background-color var(--fui-duration-moderate-01) var(--fui-ease-standard)}.fui-tree-table__row--highlight:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-table__row--selected{background-color:var(--fui-primary-10)}.fui-tree-table__row--disabled{opacity:.5;pointer-events:none}.fui-tree-table__cell{padding:8px 16px;vertical-align:middle}.fui-tree-table__tree-cell{display:flex;align-items:center;gap:4px}.fui-tree-table__expand-toggle{all:unset;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--fui-border-radius-sm);cursor:pointer}.fui-tree-table__expand-toggle--hidden{visibility:hidden}.fui-tree-table__expand-toggle:hover{background-color:var(--fui-surface-hover, var(--fui-black-10))}.fui-tree-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-tree-table__empty-cell{padding:32px 16px;text-align:center;color:var(--fui-text-disabled)}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
90
119
|
}
|
|
91
120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeTableComponent, decorators: [{
|
|
92
121
|
type: Component,
|
|
93
122
|
args: [{ selector: 'fui-tree-table', standalone: true, imports: [FuiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
94
123
|
class: 'fui-tree-table',
|
|
95
|
-
}, template: "<div class=\"fui-tree-table__wrapper\">\n <table class=\"fui-tree-table__table\">\n <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\n <tr class=\"fui-tree-table__header-row\">\n @for (header of config().headers; track header.field) {\n <th\n class=\"fui-tree-table__header-cell\"\n [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\n (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\n >\n <div class=\"fui-tree-table__header-content\">\n <span>{{ header.label }}</span>\n @if (header.hasSort) {\n @if (sort()?.field === header.field) {\n <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\n }\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"fui-tree-table__body\">\n @if (flatRows().length === 0) {\n <tr class=\"fui-tree-table__empty-row\">\n <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\n {{
|
|
96
|
-
}], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], enableRowHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableRowHighlight", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: true }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], rowDblClick: [{ type: i0.Output, args: ["rowDblClick"] }], rowExpand: [{ type: i0.Output, args: ["rowExpand"] }], rowCollapse: [{ type: i0.Output, args: ["rowCollapse"] }] } });
|
|
124
|
+
}, template: "<div class=\"fui-tree-table__wrapper\">\r\n <table class=\"fui-tree-table__table\">\r\n <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\r\n <tr class=\"fui-tree-table__header-row\">\r\n @for (header of config().headers; track header.field) {\r\n <th\r\n class=\"fui-tree-table__header-cell\"\r\n [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\r\n (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\r\n >\r\n <div class=\"fui-tree-table__header-content\">\r\n <span>{{ header.label }}</span>\r\n @if (header.hasSort) {\r\n @if (sort()?.field === header.field) {\r\n <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\r\n }\r\n }\r\n </div>\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody class=\"fui-tree-table__body\">\r\n @if (flatRows().length === 0) {\r\n <tr class=\"fui-tree-table__empty-row\">\r\n <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\r\n {{ resolvedEmptyMessage() }}\r\n </td>\r\n </tr>\r\n }\r\n @for (flatRow of flatRows(); track flatRow._flatIndex) {\r\n <tr\r\n class=\"fui-tree-table__row\"\r\n [class.fui-tree-table__row--selected]=\"flatRow.selected\"\r\n [class.fui-tree-table__row--disabled]=\"flatRow.disabled\"\r\n [class.fui-tree-table__row--highlight]=\"enableRowHighlight()\"\r\n [attr.aria-level]=\"flatRow.level + 1\"\r\n [attr.aria-expanded]=\"flatRow.expandable ? flatRow.expanded : null\"\r\n (dblclick)=\"rowDblClick.emit(flatRow.data)\"\r\n >\r\n @for (header of config().headers; track header.field) {\r\n <td class=\"fui-tree-table__cell\">\r\n @if (header.field === treeColumnField()) {\r\n <div class=\"fui-tree-table__tree-cell\" [style.padding-left.px]=\"flatRow.level * indentPx()\">\r\n <button\r\n class=\"fui-tree-table__expand-toggle\"\r\n [class.fui-tree-table__expand-toggle--hidden]=\"!flatRow.expandable\"\r\n (click)=\"onToggleRow(flatRow); $event.stopPropagation()\"\r\n type=\"button\"\r\n tabindex=\"-1\"\r\n >\r\n @if (flatRow.loading) {\r\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\r\n } @else {\r\n <fui-icon [name]=\"flatRow.expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\r\n }\r\n </button>\r\n <span class=\"fui-tree-table__cell-text\">{{ getCellValue(flatRow.data, header.field) }}</span>\r\n </div>\r\n } @else {\r\n {{ getCellValue(flatRow.data, header.field) }}\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</div>\r\n", styles: [".fui-tree-table{display:block;width:100%;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}.fui-tree-table__wrapper{overflow:auto;border:1px solid var(--fui-border-color);border-radius:var(--fui-border-radius-sm)}.fui-tree-table__table{width:100%;border-collapse:collapse}.fui-tree-table__head--sticky{position:sticky;top:0;z-index:1}.fui-tree-table__header-row{background-color:var(--fui-surface-card)}.fui-tree-table__header-cell{padding:12px 16px;text-align:left;font-weight:600;font-size:var(--fui-font-size-02);color:var(--fui-text-secondary);border-bottom:1px solid var(--fui-border-color);white-space:nowrap}.fui-tree-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.fui-tree-table__header-cell--sortable:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-table__header-content{display:flex;align-items:center;gap:4px}.fui-tree-table__row{border-bottom:1px solid var(--fui-border-color);transition:background-color var(--fui-duration-moderate-01) var(--fui-ease-standard)}.fui-tree-table__row--highlight:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-table__row--selected{background-color:var(--fui-primary-10)}.fui-tree-table__row--disabled{opacity:.5;pointer-events:none}.fui-tree-table__cell{padding:8px 16px;vertical-align:middle}.fui-tree-table__tree-cell{display:flex;align-items:center;gap:4px}.fui-tree-table__expand-toggle{all:unset;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--fui-border-radius-sm);cursor:pointer}.fui-tree-table__expand-toggle--hidden{visibility:hidden}.fui-tree-table__expand-toggle:hover{background-color:var(--fui-surface-hover, var(--fui-black-10))}.fui-tree-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-tree-table__empty-cell{padding:32px 16px;text-align:center;color:var(--fui-text-disabled)}\n"] }]
|
|
125
|
+
}], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], enableRowHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableRowHighlight", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: true }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], rowDblClick: [{ type: i0.Output, args: ["rowDblClick"] }], rowExpand: [{ type: i0.Output, args: ["rowExpand"] }], rowCollapse: [{ type: i0.Output, args: ["rowCollapse"] }] } });
|
|
97
126
|
|
|
98
127
|
/**
|
|
99
128
|
* Generated bundle index. Do not edit.
|
|
100
129
|
*/
|
|
101
130
|
|
|
102
|
-
export { FuiTreeTableComponent };
|
|
131
|
+
export { FuiTreeTableComponent, FuiTreeTableIntl };
|
|
103
132
|
//# sourceMappingURL=raintonic-formaui-components-tree-table.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-tree-table.mjs","sources":["../../../lib/components/tree-table/fui-tree-table.component.ts","../../../lib/components/tree-table/fui-tree-table.component.html","../../../lib/components/tree-table/raintonic-formaui-components-tree-table.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, output, signal, computed } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\nimport {\n FuiTreeTableConfig,\n FuiTreeTableNode,\n FuiFlatTreeTableRow,\n FuiTreeTableColumnFilter,\n FuiTreeTableRowEvent,\n} from './tree-table.types';\n\n@Component({\n selector: 'fui-tree-table',\n standalone: true,\n imports: [FuiIconComponent],\n templateUrl: './fui-tree-table.component.html',\n styleUrl: './fui-tree-table.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'fui-tree-table',\n },\n})\nexport class FuiTreeTableComponent<T = any> {\n // Config & headers\n readonly config = input.required<FuiTreeTableConfig>();\n readonly sort = input<{ field: string; direction: 'ASC' | 'DESC' } | null>(null);\n readonly filters = input<FuiTreeTableColumnFilter[]>([]);\n readonly enableRowHighlight = input(false);\n readonly emptyMessage = input('Nessun dato disponibile');\n\n // Tree-specific inputs\n readonly nodes = input.required<FuiTreeTableNode<T>[]>();\n readonly loadChildren = input<((node: FuiTreeTableNode<T>) => Observable<FuiTreeTableNode<T>[]>) | null>(null);\n\n // Outputs\n readonly sortChange = output<{ field: string; direction: 'ASC' | 'DESC' } | null>();\n readonly filtersChange = output<FuiTreeTableColumnFilter[]>();\n readonly rowDblClick = output<T>();\n readonly rowExpand = output<FuiTreeTableRowEvent<T>>();\n readonly rowCollapse = output<FuiTreeTableRowEvent<T>>();\n\n // Internal\n private readonly _refreshCounter = signal(0);\n\n readonly flatRows = computed(() => {\n this._refreshCounter();\n return this._flattenNodes(this.nodes());\n });\n\n readonly treeColumnField = computed(() => {\n const cfg = this.config();\n return cfg.treeColumn ?? cfg.headers[0]?.field ?? '';\n });\n\n readonly indentPx = computed(() => this.config().indentPx ?? 24);\n\n // Methods\n private _flattenNodes(nodes: FuiTreeTableNode<T>[]): FuiFlatTreeTableRow<T>[] {\n const result: FuiFlatTreeTableRow<T>[] = [];\n let flatIndex = 0;\n const recurse = (nodeList: FuiTreeTableNode<T>[], level: number): void => {\n for (const node of nodeList) {\n const expandable =\n !node.leaf && (Array.isArray(node.children) ? node.children.length > 0 : node.children != null);\n result.push({\n data: node.data,\n origin: node,\n level,\n expandable,\n expanded: node.expanded ?? false,\n selected: node.selected ?? false,\n disabled: node.disabled ?? false,\n loading: false,\n _flatIndex: flatIndex++,\n });\n if (node.expanded && Array.isArray(node.children)) {\n recurse(node.children, level + 1);\n }\n }\n };\n recurse(nodes, 0);\n return result;\n }\n\n onToggleRow(flatRow: FuiFlatTreeTableRow<T>): void {\n const node = flatRow.origin;\n if (flatRow.expanded) {\n node.expanded = false;\n this.rowCollapse.emit({ row: node, flatRow });\n } else {\n node.expanded = true;\n this.rowExpand.emit({ row: node, flatRow });\n }\n this._refreshCounter.update((c) => c + 1);\n }\n\n onSortColumn(field: string): void {\n const current = this.sort();\n if (current?.field === field) {\n if (current.direction === 'ASC') {\n this.sortChange.emit({ field, direction: 'DESC' });\n } else {\n this.sortChange.emit(null);\n }\n } else {\n this.sortChange.emit({ field, direction: 'ASC' });\n }\n }\n\n getCellValue(row: T, field: string): any {\n // Support dot-notation fields like 'address.city'\n return field.split('.').reduce((obj: any, key) => obj?.[key], row);\n }\n}\n","<div class=\"fui-tree-table__wrapper\">\n <table class=\"fui-tree-table__table\">\n <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\n <tr class=\"fui-tree-table__header-row\">\n @for (header of config().headers; track header.field) {\n <th\n class=\"fui-tree-table__header-cell\"\n [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\n (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\n >\n <div class=\"fui-tree-table__header-content\">\n <span>{{ header.label }}</span>\n @if (header.hasSort) {\n @if (sort()?.field === header.field) {\n <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\n }\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"fui-tree-table__body\">\n @if (flatRows().length === 0) {\n <tr class=\"fui-tree-table__empty-row\">\n <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\n {{ emptyMessage() }}\n </td>\n </tr>\n }\n @for (flatRow of flatRows(); track flatRow._flatIndex) {\n <tr\n class=\"fui-tree-table__row\"\n [class.fui-tree-table__row--selected]=\"flatRow.selected\"\n [class.fui-tree-table__row--disabled]=\"flatRow.disabled\"\n [class.fui-tree-table__row--highlight]=\"enableRowHighlight()\"\n [attr.aria-level]=\"flatRow.level + 1\"\n [attr.aria-expanded]=\"flatRow.expandable ? flatRow.expanded : null\"\n (dblclick)=\"rowDblClick.emit(flatRow.data)\"\n >\n @for (header of config().headers; track header.field) {\n <td class=\"fui-tree-table__cell\">\n @if (header.field === treeColumnField()) {\n <div class=\"fui-tree-table__tree-cell\" [style.padding-left.px]=\"flatRow.level * indentPx()\">\n <button\n class=\"fui-tree-table__expand-toggle\"\n [class.fui-tree-table__expand-toggle--hidden]=\"!flatRow.expandable\"\n (click)=\"onToggleRow(flatRow); $event.stopPropagation()\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @if (flatRow.loading) {\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\n } @else {\n <fui-icon [name]=\"flatRow.expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\n }\n </button>\n <span class=\"fui-tree-table__cell-text\">{{ getCellValue(flatRow.data, header.field) }}</span>\n </div>\n } @else {\n {{ getCellValue(flatRow.data, header.field) }}\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAuBa,qBAAqB,CAAA;;AAEvB,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAsB;AAC7C,IAAA,IAAI,GAAG,KAAK,CAAsD,IAAI,2EAAC;AACvE,IAAA,OAAO,GAAG,KAAK,CAA6B,EAAE,8EAAC;AAC/C,IAAA,kBAAkB,GAAG,KAAK,CAAC,KAAK,yFAAC;AACjC,IAAA,YAAY,GAAG,KAAK,CAAC,yBAAyB,mFAAC;;AAG/C,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAyB;AAC/C,IAAA,YAAY,GAAG,KAAK,CAA4E,IAAI,mFAAC;;IAGrG,UAAU,GAAG,MAAM,EAAuD;IAC1E,aAAa,GAAG,MAAM,EAA8B;IACpD,WAAW,GAAG,MAAM,EAAK;IACzB,SAAS,GAAG,MAAM,EAA2B;IAC7C,WAAW,GAAG,MAAM,EAA2B;;AAGvC,IAAA,eAAe,GAAG,MAAM,CAAC,CAAC,sFAAC;AAEnC,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,CAAC,eAAe,EAAE;QACtB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AACzC,IAAA,CAAC,+EAAC;AAEO,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,OAAO,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE;AACtD,IAAA,CAAC,sFAAC;AAEO,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,IAAI,EAAE,+EAAC;;AAGxD,IAAA,aAAa,CAAC,KAA4B,EAAA;QAChD,MAAM,MAAM,GAA6B,EAAE;QAC3C,IAAI,SAAS,GAAG,CAAC;AACjB,QAAA,MAAM,OAAO,GAAG,CAAC,QAA+B,EAAE,KAAa,KAAU;AACvE,YAAA,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;AAC3B,gBAAA,MAAM,UAAU,GACd,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC;gBACjG,MAAM,CAAC,IAAI,CAAC;oBACV,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,oBAAA,MAAM,EAAE,IAAI;oBACZ,KAAK;oBACL,UAAU;AACV,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,OAAO,EAAE,KAAK;oBACd,UAAU,EAAE,SAAS,EAAE;AACxB,iBAAA,CAAC;AACF,gBAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;oBACjD,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC;gBACnC;YACF;AACF,QAAA,CAAC;AACD,QAAA,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;AACjB,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,WAAW,CAAC,OAA+B,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM;AAC3B,QAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;AACpB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QAC/C;aAAO;AACL,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QAC7C;AACA,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;AAEA,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE;AAC3B,QAAA,IAAI,OAAO,EAAE,KAAK,KAAK,KAAK,EAAE;AAC5B,YAAA,IAAI,OAAO,CAAC,SAAS,KAAK,KAAK,EAAE;AAC/B,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YACpD;iBAAO;AACL,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;YAC5B;QACF;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACnD;IACF;IAEA,YAAY,CAAC,GAAM,EAAE,KAAa,EAAA;;QAEhC,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC;IACpE;uGA1FW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBlC,gjGAqEA,EAAA,MAAA,EAAA,CAAA,u8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDvDY,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FASf,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACxB,qBAAA,EAAA,QAAA,EAAA,gjGAAA,EAAA,MAAA,EAAA,CAAA,u8DAAA,CAAA,EAAA;;;AErBH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-tree-table.mjs","sources":["../../../lib/components/tree-table/tree-table.intl.ts","../../../lib/components/tree-table/fui-tree-table.component.ts","../../../lib/components/tree-table/fui-tree-table.component.html","../../../lib/components/tree-table/raintonic-formaui-components-tree-table.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiTreeTableIntl extends FuiIntlBase {\r\n emptyMessage = 'No data available';\r\n}\r\n","import {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n ViewEncapsulation,\r\n inject,\r\n input,\r\n output,\r\n signal,\r\n computed,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { Observable } from 'rxjs';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\nimport {\r\n FuiTreeTableConfig,\r\n FuiTreeTableNode,\r\n FuiFlatTreeTableRow,\r\n FuiTreeTableColumnFilter,\r\n FuiTreeTableRowEvent,\r\n} from './tree-table.types';\r\nimport { FuiTreeTableIntl } from './tree-table.intl';\r\n\r\n@Component({\r\n selector: 'fui-tree-table',\r\n standalone: true,\r\n imports: [FuiIconComponent],\r\n templateUrl: './fui-tree-table.component.html',\r\n styleUrl: './fui-tree-table.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n host: {\r\n class: 'fui-tree-table',\r\n },\r\n})\r\nexport class FuiTreeTableComponent<T = any> {\r\n readonly intl = inject(FuiTreeTableIntl);\r\n private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n constructor() {\r\n this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {\r\n this._refreshCounter.update((v) => v + 1);\r\n this._cdr.markForCheck();\r\n });\r\n }\r\n\r\n // Config & headers\r\n readonly config = input.required<FuiTreeTableConfig>();\r\n readonly sort = input<{ field: string; direction: 'ASC' | 'DESC' } | null>(null);\r\n readonly filters = input<FuiTreeTableColumnFilter[]>([]);\r\n readonly enableRowHighlight = input(false);\r\n /**\r\n * Message shown when the tree is empty.\r\n * Default comes from FuiTreeTableIntl.emptyMessage ('No data available').\r\n */\r\n readonly emptyMessage = input<string | undefined>(undefined);\r\n\r\n /** Resolved empty-state message: input override → intl default. */\r\n readonly resolvedEmptyMessage = computed(() => {\r\n this._refreshCounter();\r\n return this.emptyMessage() ?? this.intl.emptyMessage;\r\n });\r\n\r\n // Tree-specific inputs\r\n readonly nodes = input.required<FuiTreeTableNode<T>[]>();\r\n readonly loadChildren = input<((node: FuiTreeTableNode<T>) => Observable<FuiTreeTableNode<T>[]>) | null>(null);\r\n\r\n // Outputs\r\n readonly sortChange = output<{ field: string; direction: 'ASC' | 'DESC' } | null>();\r\n readonly filtersChange = output<FuiTreeTableColumnFilter[]>();\r\n readonly rowDblClick = output<T>();\r\n readonly rowExpand = output<FuiTreeTableRowEvent<T>>();\r\n readonly rowCollapse = output<FuiTreeTableRowEvent<T>>();\r\n\r\n // Internal\r\n private readonly _refreshCounter = signal(0);\r\n\r\n readonly flatRows = computed(() => {\r\n this._refreshCounter();\r\n return this._flattenNodes(this.nodes());\r\n });\r\n\r\n readonly treeColumnField = computed(() => {\r\n const cfg = this.config();\r\n return cfg.treeColumn ?? cfg.headers[0]?.field ?? '';\r\n });\r\n\r\n readonly indentPx = computed(() => this.config().indentPx ?? 24);\r\n\r\n // Methods\r\n private _flattenNodes(nodes: FuiTreeTableNode<T>[]): FuiFlatTreeTableRow<T>[] {\r\n const result: FuiFlatTreeTableRow<T>[] = [];\r\n let flatIndex = 0;\r\n const recurse = (nodeList: FuiTreeTableNode<T>[], level: number): void => {\r\n for (const node of nodeList) {\r\n const expandable =\r\n !node.leaf && (Array.isArray(node.children) ? node.children.length > 0 : node.children != null);\r\n result.push({\r\n data: node.data,\r\n origin: node,\r\n level,\r\n expandable,\r\n expanded: node.expanded ?? false,\r\n selected: node.selected ?? false,\r\n disabled: node.disabled ?? false,\r\n loading: false,\r\n _flatIndex: flatIndex++,\r\n });\r\n if (node.expanded && Array.isArray(node.children)) {\r\n recurse(node.children, level + 1);\r\n }\r\n }\r\n };\r\n recurse(nodes, 0);\r\n return result;\r\n }\r\n\r\n onToggleRow(flatRow: FuiFlatTreeTableRow<T>): void {\r\n const node = flatRow.origin;\r\n if (flatRow.expanded) {\r\n node.expanded = false;\r\n this.rowCollapse.emit({ row: node, flatRow });\r\n } else {\r\n node.expanded = true;\r\n this.rowExpand.emit({ row: node, flatRow });\r\n }\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n onSortColumn(field: string): void {\r\n const current = this.sort();\r\n if (current?.field === field) {\r\n if (current.direction === 'ASC') {\r\n this.sortChange.emit({ field, direction: 'DESC' });\r\n } else {\r\n this.sortChange.emit(null);\r\n }\r\n } else {\r\n this.sortChange.emit({ field, direction: 'ASC' });\r\n }\r\n }\r\n\r\n getCellValue(row: T, field: string): any {\r\n // Support dot-notation fields like 'address.city'\r\n return field.split('.').reduce((obj: any, key) => obj?.[key], row);\r\n }\r\n}\r\n","<div class=\"fui-tree-table__wrapper\">\r\n <table class=\"fui-tree-table__table\">\r\n <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\r\n <tr class=\"fui-tree-table__header-row\">\r\n @for (header of config().headers; track header.field) {\r\n <th\r\n class=\"fui-tree-table__header-cell\"\r\n [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\r\n (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\r\n >\r\n <div class=\"fui-tree-table__header-content\">\r\n <span>{{ header.label }}</span>\r\n @if (header.hasSort) {\r\n @if (sort()?.field === header.field) {\r\n <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\r\n }\r\n }\r\n </div>\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody class=\"fui-tree-table__body\">\r\n @if (flatRows().length === 0) {\r\n <tr class=\"fui-tree-table__empty-row\">\r\n <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\r\n {{ resolvedEmptyMessage() }}\r\n </td>\r\n </tr>\r\n }\r\n @for (flatRow of flatRows(); track flatRow._flatIndex) {\r\n <tr\r\n class=\"fui-tree-table__row\"\r\n [class.fui-tree-table__row--selected]=\"flatRow.selected\"\r\n [class.fui-tree-table__row--disabled]=\"flatRow.disabled\"\r\n [class.fui-tree-table__row--highlight]=\"enableRowHighlight()\"\r\n [attr.aria-level]=\"flatRow.level + 1\"\r\n [attr.aria-expanded]=\"flatRow.expandable ? flatRow.expanded : null\"\r\n (dblclick)=\"rowDblClick.emit(flatRow.data)\"\r\n >\r\n @for (header of config().headers; track header.field) {\r\n <td class=\"fui-tree-table__cell\">\r\n @if (header.field === treeColumnField()) {\r\n <div class=\"fui-tree-table__tree-cell\" [style.padding-left.px]=\"flatRow.level * indentPx()\">\r\n <button\r\n class=\"fui-tree-table__expand-toggle\"\r\n [class.fui-tree-table__expand-toggle--hidden]=\"!flatRow.expandable\"\r\n (click)=\"onToggleRow(flatRow); $event.stopPropagation()\"\r\n type=\"button\"\r\n tabindex=\"-1\"\r\n >\r\n @if (flatRow.loading) {\r\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\r\n } @else {\r\n <fui-icon [name]=\"flatRow.expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\r\n }\r\n </button>\r\n <span class=\"fui-tree-table__cell-text\">{{ getCellValue(flatRow.data, header.field) }}</span>\r\n </div>\r\n } @else {\r\n {{ getCellValue(flatRow.data, header.field) }}\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIM,MAAO,gBAAiB,SAAQ,WAAW,CAAA;IAC/C,YAAY,GAAG,mBAAmB;uGADvB,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCgCrB,qBAAqB,CAAA;AACvB,IAAA,IAAI,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACvB,IAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEjD,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,MAAK;AAC1D,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACzC,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AAC1B,QAAA,CAAC,CAAC;IACJ;;AAGS,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAsB;AAC7C,IAAA,IAAI,GAAG,KAAK,CAAsD,IAAI,2EAAC;AACvE,IAAA,OAAO,GAAG,KAAK,CAA6B,EAAE,8EAAC;AAC/C,IAAA,kBAAkB,GAAG,KAAK,CAAC,KAAK,yFAAC;AAC1C;;;AAGG;AACM,IAAA,YAAY,GAAG,KAAK,CAAqB,SAAS,mFAAC;;AAGnD,IAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAK;QAC5C,IAAI,CAAC,eAAe,EAAE;QACtB,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY;AACtD,IAAA,CAAC,2FAAC;;AAGO,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAyB;AAC/C,IAAA,YAAY,GAAG,KAAK,CAA4E,IAAI,mFAAC;;IAGrG,UAAU,GAAG,MAAM,EAAuD;IAC1E,aAAa,GAAG,MAAM,EAA8B;IACpD,WAAW,GAAG,MAAM,EAAK;IACzB,SAAS,GAAG,MAAM,EAA2B;IAC7C,WAAW,GAAG,MAAM,EAA2B;;AAGvC,IAAA,eAAe,GAAG,MAAM,CAAC,CAAC,sFAAC;AAEnC,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,CAAC,eAAe,EAAE;QACtB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AACzC,IAAA,CAAC,+EAAC;AAEO,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,OAAO,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE;AACtD,IAAA,CAAC,sFAAC;AAEO,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,IAAI,EAAE,+EAAC;;AAGxD,IAAA,aAAa,CAAC,KAA4B,EAAA;QAChD,MAAM,MAAM,GAA6B,EAAE;QAC3C,IAAI,SAAS,GAAG,CAAC;AACjB,QAAA,MAAM,OAAO,GAAG,CAAC,QAA+B,EAAE,KAAa,KAAU;AACvE,YAAA,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;AAC3B,gBAAA,MAAM,UAAU,GACd,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC;gBACjG,MAAM,CAAC,IAAI,CAAC;oBACV,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,oBAAA,MAAM,EAAE,IAAI;oBACZ,KAAK;oBACL,UAAU;AACV,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,OAAO,EAAE,KAAK;oBACd,UAAU,EAAE,SAAS,EAAE;AACxB,iBAAA,CAAC;AACF,gBAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;oBACjD,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC;gBACnC;YACF;AACF,QAAA,CAAC;AACD,QAAA,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;AACjB,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,WAAW,CAAC,OAA+B,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM;AAC3B,QAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;AACpB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QAC/C;aAAO;AACL,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QAC7C;AACA,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;AAEA,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE;AAC3B,QAAA,IAAI,OAAO,EAAE,KAAK,KAAK,KAAK,EAAE;AAC5B,YAAA,IAAI,OAAO,CAAC,SAAS,KAAK,KAAK,EAAE;AAC/B,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YACpD;iBAAO;AACL,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;YAC5B;QACF;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACnD;IACF;IAEA,YAAY,CAAC,GAAM,EAAE,KAAa,EAAA;;QAEhC,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC;IACpE;uGA9GW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnClC,ksGAqEA,EAAA,MAAA,EAAA,CAAA,u8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED3CY,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FASf,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACxB,qBAAA,EAAA,QAAA,EAAA,ksGAAA,EAAA,MAAA,EAAA,CAAA,u8DAAA,CAAA,EAAA;;;AEjCH;;AAEG;;;;"}
|
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, computed } from '@angular/core';
|
|
2
|
+
import { Injectable, inject, ChangeDetectorRef, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, computed } from '@angular/core';
|
|
3
3
|
import { take } from 'rxjs';
|
|
4
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
5
|
import { NgTemplateOutlet } from '@angular/common';
|
|
5
6
|
import { FuiIconComponent } from '@raintonic/formaui/components/icon';
|
|
6
7
|
import { FuiCheckboxComponent } from '@raintonic/formaui/components/checkbox';
|
|
8
|
+
import { FuiIntlBase } from '@raintonic/formaui/core';
|
|
7
9
|
import { FuiVirtualScrollViewportComponent, FuiVirtualForDirective } from '@raintonic/formaui/cdk/virtual-scroll';
|
|
8
10
|
|
|
11
|
+
class FuiTreeIntl extends FuiIntlBase {
|
|
12
|
+
collapseAriaLabel = 'Collapse';
|
|
13
|
+
expandAriaLabel = 'Expand';
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
15
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeIntl, providedIn: 'root' });
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeIntl, decorators: [{
|
|
18
|
+
type: Injectable,
|
|
19
|
+
args: [{ providedIn: 'root' }]
|
|
20
|
+
}] });
|
|
21
|
+
|
|
9
22
|
class FuiTreeNodeComponent {
|
|
23
|
+
intl = inject(FuiTreeIntl);
|
|
24
|
+
_cdr = inject(ChangeDetectorRef);
|
|
25
|
+
constructor() {
|
|
26
|
+
this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });
|
|
27
|
+
}
|
|
10
28
|
flatNode = input.required(...(ngDevMode ? [{ debugName: "flatNode" }] : /* istanbul ignore next */ []));
|
|
11
29
|
selectionMode = input('none', ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
|
|
12
30
|
nodeTemplate = input(null, ...(ngDevMode ? [{ debugName: "nodeTemplate" }] : /* istanbul ignore next */ []));
|
|
@@ -17,7 +35,7 @@ class FuiTreeNodeComponent {
|
|
|
17
35
|
checkboxChange = output();
|
|
18
36
|
indentPx = 24;
|
|
19
37
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeNodeComponent, isStandalone: true, selector: "fui-tree-node", inputs: { flatNode: { classPropertyName: "flatNode", publicName: "flatNode", isSignal: true, isRequired: true, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, checkboxState: { classPropertyName: "checkboxState", publicName: "checkboxState", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", select: "select", checkboxChange: "checkboxChange" }, host: { attributes: { "role": "treeitem" }, properties: { "attr.aria-level": "flatNode().level + 1", "attr.aria-expanded": "flatNode().expandable ? flatNode().expanded : null", "attr.aria-selected": "flatNode().selected", "class.fui-tree-node--focused": "focused()", "class.fui-tree-node--selected": "flatNode().selected", "class.fui-tree-node--disabled": "flatNode().disabled", "style.padding-left.px": "flatNode().level * indentPx" }, classAttribute: "fui-tree-node" }, ngImport: i0, template: "<div class=\"fui-tree-node__content\">\n <!-- Expand/collapse toggle -->\n <button\n class=\"fui-tree-node__toggle\"\n [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\n (click)=\"toggle.emit(); $event.stopPropagation()\"\n [attr.aria-label]=\"flatNode().expanded ?
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeNodeComponent, isStandalone: true, selector: "fui-tree-node", inputs: { flatNode: { classPropertyName: "flatNode", publicName: "flatNode", isSignal: true, isRequired: true, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, checkboxState: { classPropertyName: "checkboxState", publicName: "checkboxState", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", select: "select", checkboxChange: "checkboxChange" }, host: { attributes: { "role": "treeitem" }, properties: { "attr.aria-level": "flatNode().level + 1", "attr.aria-expanded": "flatNode().expandable ? flatNode().expanded : null", "attr.aria-selected": "flatNode().selected", "class.fui-tree-node--focused": "focused()", "class.fui-tree-node--selected": "flatNode().selected", "class.fui-tree-node--disabled": "flatNode().disabled", "style.padding-left.px": "flatNode().level * indentPx" }, classAttribute: "fui-tree-node" }, ngImport: i0, template: "<div class=\"fui-tree-node__content\">\r\n <!-- Expand/collapse toggle -->\r\n <button\r\n class=\"fui-tree-node__toggle\"\r\n [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\r\n (click)=\"toggle.emit(); $event.stopPropagation()\"\r\n [attr.aria-label]=\"flatNode().expanded ? intl.collapseAriaLabel : intl.expandAriaLabel\"\r\n tabindex=\"-1\"\r\n type=\"button\"\r\n >\r\n @if (flatNode().loading) {\r\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\r\n } @else {\r\n <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\r\n }\r\n </button>\r\n\r\n <!-- Checkbox (only in checkbox mode) -->\r\n @if (selectionMode() === 'checkbox') {\r\n <fui-checkbox\r\n [checked]=\"checkboxState() === 'checked'\"\r\n [indeterminate]=\"checkboxState() === 'indeterminate'\"\r\n [disabled]=\"flatNode().disabled\"\r\n (change)=\"checkboxChange.emit()\"\r\n >\r\n </fui-checkbox>\r\n }\r\n\r\n <!-- Node content -->\r\n <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\r\n @if (nodeTemplate()) {\r\n <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\r\n </ng-container>\r\n } @else {\r\n {{ flatNode().origin.data }}\r\n }\r\n </div>\r\n</div>\r\n", styles: [".fui-tree-node{display:flex;align-items:center;cursor:pointer;transition:background-color var(--fui-duration-moderate-01) var(--fui-ease-standard)}.fui-tree-node:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-node--focused{outline:2px solid var(--fui-primary-60);outline-offset:-2px}.fui-tree-node--selected{background-color:var(--fui-primary-10)}.fui-tree-node--disabled{opacity:.5;pointer-events:none}.fui-tree-node__content{display:flex;align-items:center;width:100%;min-height:32px;padding:4px 8px;gap:4px}.fui-tree-node__toggle{all:unset;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--fui-border-radius-sm);cursor:pointer}.fui-tree-node__toggle--hidden{visibility:hidden}.fui-tree-node__toggle:hover{background-color:var(--fui-surface-hover, var(--fui-black-10))}.fui-tree-node__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }, { kind: "component", type: FuiCheckboxComponent, selector: "fui-checkbox", inputs: ["readonly", "checked", "disabled", "indeterminate", "required", "labelPosition", "name", "value", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "errorStateMatcher"], outputs: ["change", "indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21
39
|
}
|
|
22
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeNodeComponent, decorators: [{
|
|
23
41
|
type: Component,
|
|
@@ -31,8 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
31
49
|
'[class.fui-tree-node--selected]': 'flatNode().selected',
|
|
32
50
|
'[class.fui-tree-node--disabled]': 'flatNode().disabled',
|
|
33
51
|
'[style.padding-left.px]': 'flatNode().level * indentPx',
|
|
34
|
-
}, template: "<div class=\"fui-tree-node__content\">\n <!-- Expand/collapse toggle -->\n <button\n class=\"fui-tree-node__toggle\"\n [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\n (click)=\"toggle.emit(); $event.stopPropagation()\"\n [attr.aria-label]=\"flatNode().expanded ?
|
|
35
|
-
}], propDecorators: { flatNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "flatNode", required: true }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], nodeTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTemplate", required: false }] }], checkboxState: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkboxState", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], select: [{ type: i0.Output, args: ["select"] }], checkboxChange: [{ type: i0.Output, args: ["checkboxChange"] }] } });
|
|
52
|
+
}, template: "<div class=\"fui-tree-node__content\">\r\n <!-- Expand/collapse toggle -->\r\n <button\r\n class=\"fui-tree-node__toggle\"\r\n [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\r\n (click)=\"toggle.emit(); $event.stopPropagation()\"\r\n [attr.aria-label]=\"flatNode().expanded ? intl.collapseAriaLabel : intl.expandAriaLabel\"\r\n tabindex=\"-1\"\r\n type=\"button\"\r\n >\r\n @if (flatNode().loading) {\r\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\r\n } @else {\r\n <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\r\n }\r\n </button>\r\n\r\n <!-- Checkbox (only in checkbox mode) -->\r\n @if (selectionMode() === 'checkbox') {\r\n <fui-checkbox\r\n [checked]=\"checkboxState() === 'checked'\"\r\n [indeterminate]=\"checkboxState() === 'indeterminate'\"\r\n [disabled]=\"flatNode().disabled\"\r\n (change)=\"checkboxChange.emit()\"\r\n >\r\n </fui-checkbox>\r\n }\r\n\r\n <!-- Node content -->\r\n <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\r\n @if (nodeTemplate()) {\r\n <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\r\n </ng-container>\r\n } @else {\r\n {{ flatNode().origin.data }}\r\n }\r\n </div>\r\n</div>\r\n", styles: [".fui-tree-node{display:flex;align-items:center;cursor:pointer;transition:background-color var(--fui-duration-moderate-01) var(--fui-ease-standard)}.fui-tree-node:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-node--focused{outline:2px solid var(--fui-primary-60);outline-offset:-2px}.fui-tree-node--selected{background-color:var(--fui-primary-10)}.fui-tree-node--disabled{opacity:.5;pointer-events:none}.fui-tree-node__content{display:flex;align-items:center;width:100%;min-height:32px;padding:4px 8px;gap:4px}.fui-tree-node__toggle{all:unset;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--fui-border-radius-sm);cursor:pointer}.fui-tree-node__toggle--hidden{visibility:hidden}.fui-tree-node__toggle:hover{background-color:var(--fui-surface-hover, var(--fui-black-10))}.fui-tree-node__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
|
53
|
+
}], ctorParameters: () => [], propDecorators: { flatNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "flatNode", required: true }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], nodeTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTemplate", required: false }] }], checkboxState: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkboxState", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], select: [{ type: i0.Output, args: ["select"] }], checkboxChange: [{ type: i0.Output, args: ["checkboxChange"] }] } });
|
|
36
54
|
|
|
37
55
|
class FuiTreeFlattener {
|
|
38
56
|
flatten(nodes, hasLoadChildren = false) {
|
|
@@ -410,7 +428,7 @@ class FuiTreeComponent {
|
|
|
410
428
|
}
|
|
411
429
|
}
|
|
412
430
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
413
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeComponent, isStandalone: true, selector: "fui-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualItemSize: { classPropertyName: "virtualItemSize", publicName: "virtualItemSize", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeSelect: "nodeSelect", nodeUnselect: "nodeUnselect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", nodeDrop: "nodeDrop", filterChange: "filterChange" }, host: { attributes: { "role": "tree" }, listeners: { "keydown": "_onKeydown($event)" }, properties: { "attr.tabindex": "0" }, classAttribute: "fui-tree" }, ngImport: i0, template: "@if (!virtualScroll()) {\n @for (flatNode of flatNodes(); track flatNode._flatIndex) {\n <fui-tree-node\n [flatNode]=\"flatNode\"\n [selectionMode]=\"selectionMode()\"\n [nodeTemplate]=\"nodeTemplate()\"\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\n (toggle)=\"onNodeToggle(flatNode)\"\n (select)=\"onNodeSelect(flatNode)\"\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\n >\n </fui-tree-node>\n }\n}\n\n@if (virtualScroll()) {\n <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\n <fui-tree-node\n *fuiVirtualFor=\"let flatNode of flatNodes()\"\n [flatNode]=\"flatNode\"\n [selectionMode]=\"selectionMode()\"\n [nodeTemplate]=\"nodeTemplate()\"\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\n (toggle)=\"onNodeToggle(flatNode)\"\n (select)=\"onNodeSelect(flatNode)\"\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\n >\n </fui-tree-node>\n </fui-virtual-scroll-viewport>\n}\n", styles: [".fui-tree{display:block;outline:none;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}\n"], dependencies: [{ kind: "component", type: FuiTreeNodeComponent, selector: "fui-tree-node", inputs: ["flatNode", "selectionMode", "nodeTemplate", "checkboxState", "focused"], outputs: ["toggle", "select", "checkboxChange"] }, { kind: "component", type: FuiVirtualScrollViewportComponent, selector: "fui-virtual-scroll-viewport", inputs: ["itemSize", "minBufferPx", "maxBufferPx", "orientation"], outputs: ["scrolledIndexChange", "renderedRangeChange"] }, { kind: "directive", type: FuiVirtualForDirective, selector: "[fuiVirtualFor][fuiVirtualForOf]", inputs: ["fuiVirtualForOf", "fuiVirtualForTrackBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
431
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeComponent, isStandalone: true, selector: "fui-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualItemSize: { classPropertyName: "virtualItemSize", publicName: "virtualItemSize", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeSelect: "nodeSelect", nodeUnselect: "nodeUnselect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", nodeDrop: "nodeDrop", filterChange: "filterChange" }, host: { attributes: { "role": "tree" }, listeners: { "keydown": "_onKeydown($event)" }, properties: { "attr.tabindex": "0" }, classAttribute: "fui-tree" }, ngImport: i0, template: "@if (!virtualScroll()) {\r\n @for (flatNode of flatNodes(); track flatNode._flatIndex) {\r\n <fui-tree-node\r\n [flatNode]=\"flatNode\"\r\n [selectionMode]=\"selectionMode()\"\r\n [nodeTemplate]=\"nodeTemplate()\"\r\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\r\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\r\n (toggle)=\"onNodeToggle(flatNode)\"\r\n (select)=\"onNodeSelect(flatNode)\"\r\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\r\n >\r\n </fui-tree-node>\r\n }\r\n}\r\n\r\n@if (virtualScroll()) {\r\n <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\r\n <fui-tree-node\r\n *fuiVirtualFor=\"let flatNode of flatNodes()\"\r\n [flatNode]=\"flatNode\"\r\n [selectionMode]=\"selectionMode()\"\r\n [nodeTemplate]=\"nodeTemplate()\"\r\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\r\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\r\n (toggle)=\"onNodeToggle(flatNode)\"\r\n (select)=\"onNodeSelect(flatNode)\"\r\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\r\n >\r\n </fui-tree-node>\r\n </fui-virtual-scroll-viewport>\r\n}\r\n", styles: [".fui-tree{display:block;outline:none;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}\n"], dependencies: [{ kind: "component", type: FuiTreeNodeComponent, selector: "fui-tree-node", inputs: ["flatNode", "selectionMode", "nodeTemplate", "checkboxState", "focused"], outputs: ["toggle", "select", "checkboxChange"] }, { kind: "component", type: FuiVirtualScrollViewportComponent, selector: "fui-virtual-scroll-viewport", inputs: ["itemSize", "minBufferPx", "maxBufferPx", "orientation"], outputs: ["scrolledIndexChange", "renderedRangeChange"] }, { kind: "directive", type: FuiVirtualForDirective, selector: "[fuiVirtualFor][fuiVirtualForOf]", inputs: ["fuiVirtualForOf", "fuiVirtualForTrackBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
414
432
|
}
|
|
415
433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeComponent, decorators: [{
|
|
416
434
|
type: Component,
|
|
@@ -419,12 +437,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
419
437
|
role: 'tree',
|
|
420
438
|
'[attr.tabindex]': '0',
|
|
421
439
|
'(keydown)': '_onKeydown($event)',
|
|
422
|
-
}, template: "@if (!virtualScroll()) {\n @for (flatNode of flatNodes(); track flatNode._flatIndex) {\n <fui-tree-node\n [flatNode]=\"flatNode\"\n [selectionMode]=\"selectionMode()\"\n [nodeTemplate]=\"nodeTemplate()\"\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\n (toggle)=\"onNodeToggle(flatNode)\"\n (select)=\"onNodeSelect(flatNode)\"\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\n >\n </fui-tree-node>\n }\n}\n\n@if (virtualScroll()) {\n <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\n <fui-tree-node\n *fuiVirtualFor=\"let flatNode of flatNodes()\"\n [flatNode]=\"flatNode\"\n [selectionMode]=\"selectionMode()\"\n [nodeTemplate]=\"nodeTemplate()\"\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\n (toggle)=\"onNodeToggle(flatNode)\"\n (select)=\"onNodeSelect(flatNode)\"\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\n >\n </fui-tree-node>\n </fui-virtual-scroll-viewport>\n}\n", styles: [".fui-tree{display:block;outline:none;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}\n"] }]
|
|
440
|
+
}, template: "@if (!virtualScroll()) {\r\n @for (flatNode of flatNodes(); track flatNode._flatIndex) {\r\n <fui-tree-node\r\n [flatNode]=\"flatNode\"\r\n [selectionMode]=\"selectionMode()\"\r\n [nodeTemplate]=\"nodeTemplate()\"\r\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\r\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\r\n (toggle)=\"onNodeToggle(flatNode)\"\r\n (select)=\"onNodeSelect(flatNode)\"\r\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\r\n >\r\n </fui-tree-node>\r\n }\r\n}\r\n\r\n@if (virtualScroll()) {\r\n <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\r\n <fui-tree-node\r\n *fuiVirtualFor=\"let flatNode of flatNodes()\"\r\n [flatNode]=\"flatNode\"\r\n [selectionMode]=\"selectionMode()\"\r\n [nodeTemplate]=\"nodeTemplate()\"\r\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\r\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\r\n (toggle)=\"onNodeToggle(flatNode)\"\r\n (select)=\"onNodeSelect(flatNode)\"\r\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\r\n >\r\n </fui-tree-node>\r\n </fui-virtual-scroll-viewport>\r\n}\r\n", styles: [".fui-tree{display:block;outline:none;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}\n"] }]
|
|
423
441
|
}], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: true }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], nodeTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTemplate", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualItemSize", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], nodeSelect: [{ type: i0.Output, args: ["nodeSelect"] }], nodeUnselect: [{ type: i0.Output, args: ["nodeUnselect"] }], nodeExpand: [{ type: i0.Output, args: ["nodeExpand"] }], nodeCollapse: [{ type: i0.Output, args: ["nodeCollapse"] }], nodeDrop: [{ type: i0.Output, args: ["nodeDrop"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }] } });
|
|
424
442
|
|
|
425
443
|
/**
|
|
426
444
|
* Generated bundle index. Do not edit.
|
|
427
445
|
*/
|
|
428
446
|
|
|
429
|
-
export { FuiTreeComponent, FuiTreeFlattener, FuiTreeNodeComponent };
|
|
447
|
+
export { FuiTreeComponent, FuiTreeFlattener, FuiTreeIntl, FuiTreeNodeComponent };
|
|
430
448
|
//# sourceMappingURL=raintonic-formaui-components-tree.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-tree.mjs","sources":["../../../lib/components/tree/fui-tree-node.component.ts","../../../lib/components/tree/fui-tree-node.component.html","../../../lib/components/tree/tree-flattener.ts","../../../lib/components/tree/fui-tree.component.ts","../../../lib/components/tree/fui-tree.component.html","../../../lib/components/tree/raintonic-formaui-components-tree.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, output, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\nimport { FuiCheckboxComponent } from '@raintonic/formaui/components/checkbox';\nimport { FuiFlatTreeNode, FuiTreeSelectionMode } from './tree.types';\n\n@Component({\n selector: 'fui-tree-node',\n standalone: true,\n imports: [NgTemplateOutlet, FuiIconComponent, FuiCheckboxComponent],\n templateUrl: './fui-tree-node.component.html',\n styleUrl: './fui-tree-node.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'fui-tree-node',\n role: 'treeitem',\n '[attr.aria-level]': 'flatNode().level + 1',\n '[attr.aria-expanded]': 'flatNode().expandable ? flatNode().expanded : null',\n '[attr.aria-selected]': 'flatNode().selected',\n '[class.fui-tree-node--focused]': 'focused()',\n '[class.fui-tree-node--selected]': 'flatNode().selected',\n '[class.fui-tree-node--disabled]': 'flatNode().disabled',\n '[style.padding-left.px]': 'flatNode().level * indentPx',\n },\n})\nexport class FuiTreeNodeComponent {\n readonly flatNode = input.required<FuiFlatTreeNode>();\n readonly selectionMode = input<FuiTreeSelectionMode>('none');\n readonly nodeTemplate = input<TemplateRef<any> | null>(null);\n readonly checkboxState = input<'checked' | 'unchecked' | 'indeterminate'>('unchecked');\n readonly focused = input(false);\n\n readonly toggle = output();\n readonly select = output();\n readonly checkboxChange = output();\n\n readonly indentPx = 24;\n}\n","<div class=\"fui-tree-node__content\">\n <!-- Expand/collapse toggle -->\n <button\n class=\"fui-tree-node__toggle\"\n [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\n (click)=\"toggle.emit(); $event.stopPropagation()\"\n [attr.aria-label]=\"flatNode().expanded ? 'Collapse' : 'Expand'\"\n tabindex=\"-1\"\n type=\"button\"\n >\n @if (flatNode().loading) {\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\n } @else {\n <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\n }\n </button>\n\n <!-- Checkbox (only in checkbox mode) -->\n @if (selectionMode() === 'checkbox') {\n <fui-checkbox\n [checked]=\"checkboxState() === 'checked'\"\n [indeterminate]=\"checkboxState() === 'indeterminate'\"\n [disabled]=\"flatNode().disabled\"\n (change)=\"checkboxChange.emit()\"\n >\n </fui-checkbox>\n }\n\n <!-- Node content -->\n <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\n @if (nodeTemplate()) {\n <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\n </ng-container>\n } @else {\n {{ flatNode().origin.data }}\n }\n </div>\n</div>\n","import { FuiFlatTreeNode, FuiTreeNode } from './tree.types';\n\nexport class FuiTreeFlattener<T = any> {\n flatten(nodes: FuiTreeNode<T>[], hasLoadChildren = false): FuiFlatTreeNode<T>[] {\n const result: FuiFlatTreeNode<T>[] = [];\n let flatIndex = 0;\n\n const recurse = (nodeList: FuiTreeNode<T>[], level: number, parentVisible: boolean): void => {\n for (const node of nodeList) {\n const visible = parentVisible;\n const hasChildren = node.children != null && node.children.length > 0;\n const expandable = !node.leaf && (hasChildren || (hasLoadChildren && node.children == null));\n\n result.push({\n origin: node,\n level,\n expandable,\n expanded: node.expanded ?? false,\n selected: node.selected ?? false,\n disabled: node.disabled ?? false,\n visible,\n loading: false,\n _flatIndex: flatIndex++,\n });\n\n if (node.expanded && node.children != null) {\n recurse(node.children, level + 1, visible);\n }\n }\n };\n\n recurse(nodes, 0, true);\n return result;\n }\n\n calculateCheckboxStates(nodes: FuiTreeNode<T>[]): Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'> {\n const states = new Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'>();\n\n const recurse = (nodeList: FuiTreeNode<T>[]): { total: number; checked: number } => {\n let total = 0;\n let checked = 0;\n\n for (const node of nodeList) {\n if (node.children != null && node.children.length > 0) {\n const childResult = recurse(node.children);\n total += childResult.total;\n checked += childResult.checked;\n\n if (childResult.checked === 0) {\n states.set(node, node.selected ? 'checked' : 'unchecked');\n } else if (childResult.checked === childResult.total) {\n states.set(node, 'checked');\n } else {\n states.set(node, 'indeterminate');\n }\n } else {\n total++;\n if (node.selected) checked++;\n states.set(node, node.selected ? 'checked' : 'unchecked');\n }\n }\n\n return { total, checked };\n };\n\n recurse(nodes);\n return states;\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n input,\n output,\n signal,\n computed,\n OnDestroy,\n TemplateRef,\n} from '@angular/core';\nimport { Observable, Subscription, take } from 'rxjs';\nimport { FuiTreeNodeComponent } from './fui-tree-node.component';\nimport { FuiVirtualScrollViewportComponent, FuiVirtualForDirective } from '@raintonic/formaui/cdk/virtual-scroll';\nimport { FuiTreeFlattener } from './tree-flattener';\nimport {\n FuiTreeNode,\n FuiFlatTreeNode,\n FuiTreeSelectionMode,\n FuiTreeNodeEvent,\n FuiTreeDragDropEvent,\n} from './tree.types';\n\n@Component({\n selector: 'fui-tree',\n standalone: true,\n imports: [FuiTreeNodeComponent, FuiVirtualScrollViewportComponent, FuiVirtualForDirective],\n templateUrl: './fui-tree.component.html',\n styleUrl: './fui-tree.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'fui-tree',\n role: 'tree',\n '[attr.tabindex]': '0',\n '(keydown)': '_onKeydown($event)',\n },\n})\nexport class FuiTreeComponent<T = any> implements OnDestroy {\n readonly nodes = input.required<FuiTreeNode<T>[]>();\n readonly selectionMode = input<FuiTreeSelectionMode>('none');\n readonly loadChildren = input<((node: FuiTreeNode<T>) => Observable<FuiTreeNode<T>[]>) | null>(null);\n readonly nodeTemplate = input<TemplateRef<any> | null>(null);\n readonly draggable = input(false);\n readonly virtualScroll = input(false);\n readonly virtualItemSize = input(32);\n readonly filter = input('');\n\n readonly nodeSelect = output<FuiTreeNodeEvent<T>>();\n readonly nodeUnselect = output<FuiTreeNodeEvent<T>>();\n readonly nodeExpand = output<FuiTreeNodeEvent<T>>();\n readonly nodeCollapse = output<FuiTreeNodeEvent<T>>();\n readonly nodeDrop = output<FuiTreeDragDropEvent<T>>();\n readonly filterChange = output<string>();\n\n private readonly _flattener = new FuiTreeFlattener<T>();\n private readonly _subscriptions: Subscription[] = [];\n\n /** Refresh counter to trigger re-flatten after mutations */\n private readonly _refreshCounter = signal(0);\n\n readonly flatNodes = computed(() => {\n this._refreshCounter();\n const nodes = this.nodes();\n const filterStr = this.filter();\n let processedNodes = nodes;\n if (filterStr) {\n processedNodes = this._filterNodes(nodes, filterStr);\n }\n return this._flattener.flatten(processedNodes, this.loadChildren() != null);\n });\n\n readonly checkboxStates = computed(() => {\n this._refreshCounter();\n if (this.selectionMode() !== 'checkbox') {\n return new Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'>();\n }\n return this._flattener.calculateCheckboxStates(this.nodes());\n });\n\n readonly focusedIndex = signal(0);\n\n ngOnDestroy(): void {\n for (const sub of this._subscriptions) {\n sub.unsubscribe();\n }\n }\n\n // --- Public API ---\n\n expandAll(): void {\n this._setExpandedRecursive(this.nodes(), true);\n this._refreshCounter.update((c) => c + 1);\n }\n\n collapseAll(): void {\n this._setExpandedRecursive(this.nodes(), false);\n this._refreshCounter.update((c) => c + 1);\n }\n\n selectNode(node: FuiTreeNode<T>): void {\n const mode = this.selectionMode();\n if (mode === 'none') return;\n\n if (mode === 'single') {\n this._clearSelectionRecursive(this.nodes());\n node.selected = true;\n } else if (mode === 'multi' || mode === 'checkbox') {\n node.selected = true;\n }\n this._refreshCounter.update((c) => c + 1);\n }\n\n getSelectedNodes(): FuiTreeNode<T>[] {\n const selected: FuiTreeNode<T>[] = [];\n this._collectSelectedRecursive(this.nodes(), selected);\n return selected;\n }\n\n // --- Event handlers ---\n\n onNodeToggle(flatNode: FuiFlatTreeNode<T>): void {\n const node = flatNode.origin;\n\n if (flatNode.expanded) {\n node.expanded = false;\n this.nodeCollapse.emit({ node, flatNode });\n } else {\n const loadChildrenFn = this.loadChildren();\n if (loadChildrenFn && node.children == null) {\n // Lazy load children\n this._refreshCounter.update((c) => c + 1);\n\n const sub = loadChildrenFn(node)\n .pipe(take(1))\n .subscribe({\n next: (children) => {\n node.children = children;\n node.expanded = true;\n this._refreshCounter.update((c) => c + 1);\n this.nodeExpand.emit({ node, flatNode });\n },\n error: () => {\n this._refreshCounter.update((c) => c + 1);\n },\n });\n this._subscriptions.push(sub);\n return;\n } else {\n node.expanded = true;\n this.nodeExpand.emit({ node, flatNode });\n }\n }\n this._refreshCounter.update((c) => c + 1);\n }\n\n onNodeSelect(flatNode: FuiFlatTreeNode<T>): void {\n const node = flatNode.origin;\n const mode = this.selectionMode();\n\n if (mode === 'none' || flatNode.disabled) return;\n\n if (mode === 'single') {\n const wasSelected = node.selected;\n this._clearSelectionRecursive(this.nodes());\n if (!wasSelected) {\n node.selected = true;\n this.nodeSelect.emit({ node, flatNode });\n } else {\n this.nodeUnselect.emit({ node, flatNode });\n }\n } else if (mode === 'multi') {\n node.selected = !node.selected;\n if (node.selected) {\n this.nodeSelect.emit({ node, flatNode });\n } else {\n this.nodeUnselect.emit({ node, flatNode });\n }\n }\n\n this._refreshCounter.update((c) => c + 1);\n }\n\n onCheckboxChange(flatNode: FuiFlatTreeNode<T>): void {\n const node = flatNode.origin;\n if (flatNode.disabled) return;\n\n node.selected = !node.selected;\n\n // Propagate to children\n if (node.children != null) {\n this._setSelectedRecursive(node.children, node.selected);\n }\n\n if (node.selected) {\n this.nodeSelect.emit({ node, flatNode });\n } else {\n this.nodeUnselect.emit({ node, flatNode });\n }\n\n this._refreshCounter.update((c) => c + 1);\n }\n\n // --- Keyboard navigation ---\n\n _onKeydown(event: KeyboardEvent): void {\n const visibleNodes = this.flatNodes().filter((n) => n.visible);\n if (visibleNodes.length === 0) return;\n\n const currentIndex = this.focusedIndex();\n const currentNode = visibleNodes.find((n) => n._flatIndex === currentIndex);\n\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault();\n const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\n if (currentVisIdx < visibleNodes.length - 1) {\n this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);\n }\n break;\n }\n\n case 'ArrowUp': {\n event.preventDefault();\n const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\n if (currentVisIdx > 0) {\n this.focusedIndex.set(visibleNodes[currentVisIdx - 1]._flatIndex);\n }\n break;\n }\n\n case 'ArrowRight': {\n event.preventDefault();\n if (currentNode?.expandable) {\n if (!currentNode.expanded) {\n this.onNodeToggle(currentNode);\n } else {\n // Move to first child\n const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\n if (currentVisIdx < visibleNodes.length - 1) {\n this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);\n }\n }\n }\n break;\n }\n\n case 'ArrowLeft': {\n event.preventDefault();\n if (currentNode && currentNode.expanded && currentNode.expandable) {\n this.onNodeToggle(currentNode);\n } else if (currentNode && currentNode.level > 0) {\n // Move to parent - search backwards for closest node at parent level\n for (let i = visibleNodes.length - 1; i >= 0; i--) {\n if (visibleNodes[i]._flatIndex < currentIndex && visibleNodes[i].level === currentNode.level - 1) {\n this.focusedIndex.set(visibleNodes[i]._flatIndex);\n break;\n }\n }\n }\n break;\n }\n\n case 'Home': {\n event.preventDefault();\n if (visibleNodes.length > 0) {\n this.focusedIndex.set(visibleNodes[0]._flatIndex);\n }\n break;\n }\n\n case 'End': {\n event.preventDefault();\n if (visibleNodes.length > 0) {\n this.focusedIndex.set(visibleNodes[visibleNodes.length - 1]._flatIndex);\n }\n break;\n }\n\n case 'Enter':\n case ' ': {\n event.preventDefault();\n if (currentNode) {\n if (this.selectionMode() === 'checkbox') {\n this.onCheckboxChange(currentNode);\n } else {\n this.onNodeSelect(currentNode);\n }\n }\n break;\n }\n\n case '*': {\n event.preventDefault();\n // Expand all siblings at the same level\n if (currentNode) {\n for (const node of visibleNodes) {\n if (node.level === currentNode.level && node.expandable && !node.expanded) {\n node.origin.expanded = true;\n }\n }\n this._refreshCounter.update((c) => c + 1);\n }\n break;\n }\n }\n }\n\n // --- Private helpers ---\n\n private _filterNodes(nodes: FuiTreeNode<T>[], filterStr: string): FuiTreeNode<T>[] {\n const lowerFilter = filterStr.toLowerCase();\n const result: FuiTreeNode<T>[] = [];\n\n for (const node of nodes) {\n const matches = this._nodeMatchesFilter(node, lowerFilter);\n const filteredChildren = node.children != null ? this._filterNodes(node.children, filterStr) : [];\n\n if (matches || filteredChildren.length > 0) {\n const cloned: FuiTreeNode<T> = {\n ...node,\n children: filteredChildren.length > 0 ? filteredChildren : node.children,\n expanded: filteredChildren.length > 0 ? true : node.expanded,\n };\n result.push(cloned);\n }\n }\n\n return result;\n }\n\n private _nodeMatchesFilter(node: FuiTreeNode<T>, lowerFilter: string): boolean {\n const data = node.data as any;\n if (typeof data === 'string') {\n return data.toLowerCase().includes(lowerFilter);\n }\n if (data != null && typeof data === 'object') {\n if ('name' in data && typeof data.name === 'string') {\n return data.name.toLowerCase().includes(lowerFilter);\n }\n if ('label' in data && typeof data.label === 'string') {\n return data.label.toLowerCase().includes(lowerFilter);\n }\n }\n return String(data).toLowerCase().includes(lowerFilter);\n }\n\n private _setExpandedRecursive(nodes: FuiTreeNode<T>[], expanded: boolean): void {\n for (const node of nodes) {\n node.expanded = expanded;\n if (node.children != null) {\n this._setExpandedRecursive(node.children, expanded);\n }\n }\n }\n\n private _clearSelectionRecursive(nodes: FuiTreeNode<T>[]): void {\n for (const node of nodes) {\n node.selected = false;\n if (node.children != null) {\n this._clearSelectionRecursive(node.children);\n }\n }\n }\n\n private _setSelectedRecursive(nodes: FuiTreeNode<T>[], selected: boolean): void {\n for (const node of nodes) {\n node.selected = selected;\n if (node.children != null) {\n this._setSelectedRecursive(node.children, selected);\n }\n }\n }\n\n private _collectSelectedRecursive(nodes: FuiTreeNode<T>[], result: FuiTreeNode<T>[]): void {\n for (const node of nodes) {\n if (node.selected) {\n result.push(node);\n }\n if (node.children != null) {\n this._collectSelectedRecursive(node.children, result);\n }\n }\n }\n}\n","@if (!virtualScroll()) {\n @for (flatNode of flatNodes(); track flatNode._flatIndex) {\n <fui-tree-node\n [flatNode]=\"flatNode\"\n [selectionMode]=\"selectionMode()\"\n [nodeTemplate]=\"nodeTemplate()\"\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\n (toggle)=\"onNodeToggle(flatNode)\"\n (select)=\"onNodeSelect(flatNode)\"\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\n >\n </fui-tree-node>\n }\n}\n\n@if (virtualScroll()) {\n <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\n <fui-tree-node\n *fuiVirtualFor=\"let flatNode of flatNodes()\"\n [flatNode]=\"flatNode\"\n [selectionMode]=\"selectionMode()\"\n [nodeTemplate]=\"nodeTemplate()\"\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\n (toggle)=\"onNodeToggle(flatNode)\"\n (select)=\"onNodeSelect(flatNode)\"\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\n >\n </fui-tree-node>\n </fui-virtual-scroll-viewport>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-tree.mjs","sources":["../../../lib/components/tree/tree.intl.ts","../../../lib/components/tree/fui-tree-node.component.ts","../../../lib/components/tree/fui-tree-node.component.html","../../../lib/components/tree/tree-flattener.ts","../../../lib/components/tree/fui-tree.component.ts","../../../lib/components/tree/fui-tree.component.html","../../../lib/components/tree/raintonic-formaui-components-tree.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiTreeIntl extends FuiIntlBase {\r\n collapseAriaLabel = 'Collapse';\r\n expandAriaLabel = 'Expand';\r\n}\r\n","import {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n ViewEncapsulation,\r\n inject,\r\n input,\r\n output,\r\n TemplateRef,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\nimport { FuiCheckboxComponent } from '@raintonic/formaui/components/checkbox';\r\nimport { FuiFlatTreeNode, FuiTreeSelectionMode } from './tree.types';\r\nimport { FuiTreeIntl } from './tree.intl';\r\n\r\n@Component({\r\n selector: 'fui-tree-node',\r\n standalone: true,\r\n imports: [NgTemplateOutlet, FuiIconComponent, FuiCheckboxComponent],\r\n templateUrl: './fui-tree-node.component.html',\r\n styleUrl: './fui-tree-node.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n host: {\r\n class: 'fui-tree-node',\r\n role: 'treeitem',\r\n '[attr.aria-level]': 'flatNode().level + 1',\r\n '[attr.aria-expanded]': 'flatNode().expandable ? flatNode().expanded : null',\r\n '[attr.aria-selected]': 'flatNode().selected',\r\n '[class.fui-tree-node--focused]': 'focused()',\r\n '[class.fui-tree-node--selected]': 'flatNode().selected',\r\n '[class.fui-tree-node--disabled]': 'flatNode().disabled',\r\n '[style.padding-left.px]': 'flatNode().level * indentPx',\r\n },\r\n})\r\nexport class FuiTreeNodeComponent {\r\n readonly intl = inject(FuiTreeIntl);\r\n private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n constructor() {\r\n this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });\r\n }\r\n\r\n readonly flatNode = input.required<FuiFlatTreeNode>();\r\n readonly selectionMode = input<FuiTreeSelectionMode>('none');\r\n readonly nodeTemplate = input<TemplateRef<any> | null>(null);\r\n readonly checkboxState = input<'checked' | 'unchecked' | 'indeterminate'>('unchecked');\r\n readonly focused = input(false);\r\n\r\n readonly toggle = output();\r\n readonly select = output();\r\n readonly checkboxChange = output();\r\n\r\n readonly indentPx = 24;\r\n}\r\n","<div class=\"fui-tree-node__content\">\r\n <!-- Expand/collapse toggle -->\r\n <button\r\n class=\"fui-tree-node__toggle\"\r\n [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\r\n (click)=\"toggle.emit(); $event.stopPropagation()\"\r\n [attr.aria-label]=\"flatNode().expanded ? intl.collapseAriaLabel : intl.expandAriaLabel\"\r\n tabindex=\"-1\"\r\n type=\"button\"\r\n >\r\n @if (flatNode().loading) {\r\n <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\r\n } @else {\r\n <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\r\n }\r\n </button>\r\n\r\n <!-- Checkbox (only in checkbox mode) -->\r\n @if (selectionMode() === 'checkbox') {\r\n <fui-checkbox\r\n [checked]=\"checkboxState() === 'checked'\"\r\n [indeterminate]=\"checkboxState() === 'indeterminate'\"\r\n [disabled]=\"flatNode().disabled\"\r\n (change)=\"checkboxChange.emit()\"\r\n >\r\n </fui-checkbox>\r\n }\r\n\r\n <!-- Node content -->\r\n <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\r\n @if (nodeTemplate()) {\r\n <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\r\n </ng-container>\r\n } @else {\r\n {{ flatNode().origin.data }}\r\n }\r\n </div>\r\n</div>\r\n","import { FuiFlatTreeNode, FuiTreeNode } from './tree.types';\r\n\r\nexport class FuiTreeFlattener<T = any> {\r\n flatten(nodes: FuiTreeNode<T>[], hasLoadChildren = false): FuiFlatTreeNode<T>[] {\r\n const result: FuiFlatTreeNode<T>[] = [];\r\n let flatIndex = 0;\r\n\r\n const recurse = (nodeList: FuiTreeNode<T>[], level: number, parentVisible: boolean): void => {\r\n for (const node of nodeList) {\r\n const visible = parentVisible;\r\n const hasChildren = node.children != null && node.children.length > 0;\r\n const expandable = !node.leaf && (hasChildren || (hasLoadChildren && node.children == null));\r\n\r\n result.push({\r\n origin: node,\r\n level,\r\n expandable,\r\n expanded: node.expanded ?? false,\r\n selected: node.selected ?? false,\r\n disabled: node.disabled ?? false,\r\n visible,\r\n loading: false,\r\n _flatIndex: flatIndex++,\r\n });\r\n\r\n if (node.expanded && node.children != null) {\r\n recurse(node.children, level + 1, visible);\r\n }\r\n }\r\n };\r\n\r\n recurse(nodes, 0, true);\r\n return result;\r\n }\r\n\r\n calculateCheckboxStates(nodes: FuiTreeNode<T>[]): Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'> {\r\n const states = new Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'>();\r\n\r\n const recurse = (nodeList: FuiTreeNode<T>[]): { total: number; checked: number } => {\r\n let total = 0;\r\n let checked = 0;\r\n\r\n for (const node of nodeList) {\r\n if (node.children != null && node.children.length > 0) {\r\n const childResult = recurse(node.children);\r\n total += childResult.total;\r\n checked += childResult.checked;\r\n\r\n if (childResult.checked === 0) {\r\n states.set(node, node.selected ? 'checked' : 'unchecked');\r\n } else if (childResult.checked === childResult.total) {\r\n states.set(node, 'checked');\r\n } else {\r\n states.set(node, 'indeterminate');\r\n }\r\n } else {\r\n total++;\r\n if (node.selected) checked++;\r\n states.set(node, node.selected ? 'checked' : 'unchecked');\r\n }\r\n }\r\n\r\n return { total, checked };\r\n };\r\n\r\n recurse(nodes);\r\n return states;\r\n }\r\n}\r\n","import {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n input,\r\n output,\r\n signal,\r\n computed,\r\n OnDestroy,\r\n TemplateRef,\r\n} from '@angular/core';\r\nimport { Observable, Subscription, take } from 'rxjs';\r\nimport { FuiTreeNodeComponent } from './fui-tree-node.component';\r\nimport { FuiVirtualScrollViewportComponent, FuiVirtualForDirective } from '@raintonic/formaui/cdk/virtual-scroll';\r\nimport { FuiTreeFlattener } from './tree-flattener';\r\nimport {\r\n FuiTreeNode,\r\n FuiFlatTreeNode,\r\n FuiTreeSelectionMode,\r\n FuiTreeNodeEvent,\r\n FuiTreeDragDropEvent,\r\n} from './tree.types';\r\n\r\n@Component({\r\n selector: 'fui-tree',\r\n standalone: true,\r\n imports: [FuiTreeNodeComponent, FuiVirtualScrollViewportComponent, FuiVirtualForDirective],\r\n templateUrl: './fui-tree.component.html',\r\n styleUrl: './fui-tree.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n host: {\r\n class: 'fui-tree',\r\n role: 'tree',\r\n '[attr.tabindex]': '0',\r\n '(keydown)': '_onKeydown($event)',\r\n },\r\n})\r\nexport class FuiTreeComponent<T = any> implements OnDestroy {\r\n readonly nodes = input.required<FuiTreeNode<T>[]>();\r\n readonly selectionMode = input<FuiTreeSelectionMode>('none');\r\n readonly loadChildren = input<((node: FuiTreeNode<T>) => Observable<FuiTreeNode<T>[]>) | null>(null);\r\n readonly nodeTemplate = input<TemplateRef<any> | null>(null);\r\n readonly draggable = input(false);\r\n readonly virtualScroll = input(false);\r\n readonly virtualItemSize = input(32);\r\n readonly filter = input('');\r\n\r\n readonly nodeSelect = output<FuiTreeNodeEvent<T>>();\r\n readonly nodeUnselect = output<FuiTreeNodeEvent<T>>();\r\n readonly nodeExpand = output<FuiTreeNodeEvent<T>>();\r\n readonly nodeCollapse = output<FuiTreeNodeEvent<T>>();\r\n readonly nodeDrop = output<FuiTreeDragDropEvent<T>>();\r\n readonly filterChange = output<string>();\r\n\r\n private readonly _flattener = new FuiTreeFlattener<T>();\r\n private readonly _subscriptions: Subscription[] = [];\r\n\r\n /** Refresh counter to trigger re-flatten after mutations */\r\n private readonly _refreshCounter = signal(0);\r\n\r\n readonly flatNodes = computed(() => {\r\n this._refreshCounter();\r\n const nodes = this.nodes();\r\n const filterStr = this.filter();\r\n let processedNodes = nodes;\r\n if (filterStr) {\r\n processedNodes = this._filterNodes(nodes, filterStr);\r\n }\r\n return this._flattener.flatten(processedNodes, this.loadChildren() != null);\r\n });\r\n\r\n readonly checkboxStates = computed(() => {\r\n this._refreshCounter();\r\n if (this.selectionMode() !== 'checkbox') {\r\n return new Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'>();\r\n }\r\n return this._flattener.calculateCheckboxStates(this.nodes());\r\n });\r\n\r\n readonly focusedIndex = signal(0);\r\n\r\n ngOnDestroy(): void {\r\n for (const sub of this._subscriptions) {\r\n sub.unsubscribe();\r\n }\r\n }\r\n\r\n // --- Public API ---\r\n\r\n expandAll(): void {\r\n this._setExpandedRecursive(this.nodes(), true);\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n collapseAll(): void {\r\n this._setExpandedRecursive(this.nodes(), false);\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n selectNode(node: FuiTreeNode<T>): void {\r\n const mode = this.selectionMode();\r\n if (mode === 'none') return;\r\n\r\n if (mode === 'single') {\r\n this._clearSelectionRecursive(this.nodes());\r\n node.selected = true;\r\n } else if (mode === 'multi' || mode === 'checkbox') {\r\n node.selected = true;\r\n }\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n getSelectedNodes(): FuiTreeNode<T>[] {\r\n const selected: FuiTreeNode<T>[] = [];\r\n this._collectSelectedRecursive(this.nodes(), selected);\r\n return selected;\r\n }\r\n\r\n // --- Event handlers ---\r\n\r\n onNodeToggle(flatNode: FuiFlatTreeNode<T>): void {\r\n const node = flatNode.origin;\r\n\r\n if (flatNode.expanded) {\r\n node.expanded = false;\r\n this.nodeCollapse.emit({ node, flatNode });\r\n } else {\r\n const loadChildrenFn = this.loadChildren();\r\n if (loadChildrenFn && node.children == null) {\r\n // Lazy load children\r\n this._refreshCounter.update((c) => c + 1);\r\n\r\n const sub = loadChildrenFn(node)\r\n .pipe(take(1))\r\n .subscribe({\r\n next: (children) => {\r\n node.children = children;\r\n node.expanded = true;\r\n this._refreshCounter.update((c) => c + 1);\r\n this.nodeExpand.emit({ node, flatNode });\r\n },\r\n error: () => {\r\n this._refreshCounter.update((c) => c + 1);\r\n },\r\n });\r\n this._subscriptions.push(sub);\r\n return;\r\n } else {\r\n node.expanded = true;\r\n this.nodeExpand.emit({ node, flatNode });\r\n }\r\n }\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n onNodeSelect(flatNode: FuiFlatTreeNode<T>): void {\r\n const node = flatNode.origin;\r\n const mode = this.selectionMode();\r\n\r\n if (mode === 'none' || flatNode.disabled) return;\r\n\r\n if (mode === 'single') {\r\n const wasSelected = node.selected;\r\n this._clearSelectionRecursive(this.nodes());\r\n if (!wasSelected) {\r\n node.selected = true;\r\n this.nodeSelect.emit({ node, flatNode });\r\n } else {\r\n this.nodeUnselect.emit({ node, flatNode });\r\n }\r\n } else if (mode === 'multi') {\r\n node.selected = !node.selected;\r\n if (node.selected) {\r\n this.nodeSelect.emit({ node, flatNode });\r\n } else {\r\n this.nodeUnselect.emit({ node, flatNode });\r\n }\r\n }\r\n\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n onCheckboxChange(flatNode: FuiFlatTreeNode<T>): void {\r\n const node = flatNode.origin;\r\n if (flatNode.disabled) return;\r\n\r\n node.selected = !node.selected;\r\n\r\n // Propagate to children\r\n if (node.children != null) {\r\n this._setSelectedRecursive(node.children, node.selected);\r\n }\r\n\r\n if (node.selected) {\r\n this.nodeSelect.emit({ node, flatNode });\r\n } else {\r\n this.nodeUnselect.emit({ node, flatNode });\r\n }\r\n\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n\r\n // --- Keyboard navigation ---\r\n\r\n _onKeydown(event: KeyboardEvent): void {\r\n const visibleNodes = this.flatNodes().filter((n) => n.visible);\r\n if (visibleNodes.length === 0) return;\r\n\r\n const currentIndex = this.focusedIndex();\r\n const currentNode = visibleNodes.find((n) => n._flatIndex === currentIndex);\r\n\r\n switch (event.key) {\r\n case 'ArrowDown': {\r\n event.preventDefault();\r\n const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\r\n if (currentVisIdx < visibleNodes.length - 1) {\r\n this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);\r\n }\r\n break;\r\n }\r\n\r\n case 'ArrowUp': {\r\n event.preventDefault();\r\n const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\r\n if (currentVisIdx > 0) {\r\n this.focusedIndex.set(visibleNodes[currentVisIdx - 1]._flatIndex);\r\n }\r\n break;\r\n }\r\n\r\n case 'ArrowRight': {\r\n event.preventDefault();\r\n if (currentNode?.expandable) {\r\n if (!currentNode.expanded) {\r\n this.onNodeToggle(currentNode);\r\n } else {\r\n // Move to first child\r\n const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\r\n if (currentVisIdx < visibleNodes.length - 1) {\r\n this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);\r\n }\r\n }\r\n }\r\n break;\r\n }\r\n\r\n case 'ArrowLeft': {\r\n event.preventDefault();\r\n if (currentNode && currentNode.expanded && currentNode.expandable) {\r\n this.onNodeToggle(currentNode);\r\n } else if (currentNode && currentNode.level > 0) {\r\n // Move to parent - search backwards for closest node at parent level\r\n for (let i = visibleNodes.length - 1; i >= 0; i--) {\r\n if (visibleNodes[i]._flatIndex < currentIndex && visibleNodes[i].level === currentNode.level - 1) {\r\n this.focusedIndex.set(visibleNodes[i]._flatIndex);\r\n break;\r\n }\r\n }\r\n }\r\n break;\r\n }\r\n\r\n case 'Home': {\r\n event.preventDefault();\r\n if (visibleNodes.length > 0) {\r\n this.focusedIndex.set(visibleNodes[0]._flatIndex);\r\n }\r\n break;\r\n }\r\n\r\n case 'End': {\r\n event.preventDefault();\r\n if (visibleNodes.length > 0) {\r\n this.focusedIndex.set(visibleNodes[visibleNodes.length - 1]._flatIndex);\r\n }\r\n break;\r\n }\r\n\r\n case 'Enter':\r\n case ' ': {\r\n event.preventDefault();\r\n if (currentNode) {\r\n if (this.selectionMode() === 'checkbox') {\r\n this.onCheckboxChange(currentNode);\r\n } else {\r\n this.onNodeSelect(currentNode);\r\n }\r\n }\r\n break;\r\n }\r\n\r\n case '*': {\r\n event.preventDefault();\r\n // Expand all siblings at the same level\r\n if (currentNode) {\r\n for (const node of visibleNodes) {\r\n if (node.level === currentNode.level && node.expandable && !node.expanded) {\r\n node.origin.expanded = true;\r\n }\r\n }\r\n this._refreshCounter.update((c) => c + 1);\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n // --- Private helpers ---\r\n\r\n private _filterNodes(nodes: FuiTreeNode<T>[], filterStr: string): FuiTreeNode<T>[] {\r\n const lowerFilter = filterStr.toLowerCase();\r\n const result: FuiTreeNode<T>[] = [];\r\n\r\n for (const node of nodes) {\r\n const matches = this._nodeMatchesFilter(node, lowerFilter);\r\n const filteredChildren = node.children != null ? this._filterNodes(node.children, filterStr) : [];\r\n\r\n if (matches || filteredChildren.length > 0) {\r\n const cloned: FuiTreeNode<T> = {\r\n ...node,\r\n children: filteredChildren.length > 0 ? filteredChildren : node.children,\r\n expanded: filteredChildren.length > 0 ? true : node.expanded,\r\n };\r\n result.push(cloned);\r\n }\r\n }\r\n\r\n return result;\r\n }\r\n\r\n private _nodeMatchesFilter(node: FuiTreeNode<T>, lowerFilter: string): boolean {\r\n const data = node.data as any;\r\n if (typeof data === 'string') {\r\n return data.toLowerCase().includes(lowerFilter);\r\n }\r\n if (data != null && typeof data === 'object') {\r\n if ('name' in data && typeof data.name === 'string') {\r\n return data.name.toLowerCase().includes(lowerFilter);\r\n }\r\n if ('label' in data && typeof data.label === 'string') {\r\n return data.label.toLowerCase().includes(lowerFilter);\r\n }\r\n }\r\n return String(data).toLowerCase().includes(lowerFilter);\r\n }\r\n\r\n private _setExpandedRecursive(nodes: FuiTreeNode<T>[], expanded: boolean): void {\r\n for (const node of nodes) {\r\n node.expanded = expanded;\r\n if (node.children != null) {\r\n this._setExpandedRecursive(node.children, expanded);\r\n }\r\n }\r\n }\r\n\r\n private _clearSelectionRecursive(nodes: FuiTreeNode<T>[]): void {\r\n for (const node of nodes) {\r\n node.selected = false;\r\n if (node.children != null) {\r\n this._clearSelectionRecursive(node.children);\r\n }\r\n }\r\n }\r\n\r\n private _setSelectedRecursive(nodes: FuiTreeNode<T>[], selected: boolean): void {\r\n for (const node of nodes) {\r\n node.selected = selected;\r\n if (node.children != null) {\r\n this._setSelectedRecursive(node.children, selected);\r\n }\r\n }\r\n }\r\n\r\n private _collectSelectedRecursive(nodes: FuiTreeNode<T>[], result: FuiTreeNode<T>[]): void {\r\n for (const node of nodes) {\r\n if (node.selected) {\r\n result.push(node);\r\n }\r\n if (node.children != null) {\r\n this._collectSelectedRecursive(node.children, result);\r\n }\r\n }\r\n }\r\n}\r\n","@if (!virtualScroll()) {\r\n @for (flatNode of flatNodes(); track flatNode._flatIndex) {\r\n <fui-tree-node\r\n [flatNode]=\"flatNode\"\r\n [selectionMode]=\"selectionMode()\"\r\n [nodeTemplate]=\"nodeTemplate()\"\r\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\r\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\r\n (toggle)=\"onNodeToggle(flatNode)\"\r\n (select)=\"onNodeSelect(flatNode)\"\r\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\r\n >\r\n </fui-tree-node>\r\n }\r\n}\r\n\r\n@if (virtualScroll()) {\r\n <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\r\n <fui-tree-node\r\n *fuiVirtualFor=\"let flatNode of flatNodes()\"\r\n [flatNode]=\"flatNode\"\r\n [selectionMode]=\"selectionMode()\"\r\n [nodeTemplate]=\"nodeTemplate()\"\r\n [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\r\n [focused]=\"focusedIndex() === flatNode._flatIndex\"\r\n (toggle)=\"onNodeToggle(flatNode)\"\r\n (select)=\"onNodeSelect(flatNode)\"\r\n (checkboxChange)=\"onCheckboxChange(flatNode)\"\r\n >\r\n </fui-tree-node>\r\n </fui-virtual-scroll-viewport>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAIM,MAAO,WAAY,SAAQ,WAAW,CAAA;IAC1C,iBAAiB,GAAG,UAAU;IAC9B,eAAe,GAAG,QAAQ;uGAFf,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAX,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,cADE,MAAM,EAAA,CAAA;;2FACnB,WAAW,EAAA,UAAA,EAAA,CAAA;kBADvB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCkCrB,oBAAoB,CAAA;AACtB,IAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC;AAClB,IAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEjD,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,MAAK,EAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7F;AAES,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,8EAAmB;AAC5C,IAAA,aAAa,GAAG,KAAK,CAAuB,MAAM,oFAAC;AACnD,IAAA,YAAY,GAAG,KAAK,CAA0B,IAAI,mFAAC;AACnD,IAAA,aAAa,GAAG,KAAK,CAA4C,WAAW,oFAAC;AAC7E,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;IAEtB,MAAM,GAAG,MAAM,EAAE;IACjB,MAAM,GAAG,MAAM,EAAE;IACjB,cAAc,GAAG,MAAM,EAAE;IAEzB,QAAQ,GAAG,EAAE;uGAlBX,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2yCCrCjC,+4CAsCA,EAAA,MAAA,EAAA,CAAA,27BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDlBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,gIAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAiBvD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBApBhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,cACb,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,EAAA,eAAA,EAGlD,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,mBAAmB,EAAE,sBAAsB;AAC3C,wBAAA,sBAAsB,EAAE,oDAAoD;AAC5E,wBAAA,sBAAsB,EAAE,qBAAqB;AAC7C,wBAAA,gCAAgC,EAAE,WAAW;AAC7C,wBAAA,iCAAiC,EAAE,qBAAqB;AACxD,wBAAA,iCAAiC,EAAE,qBAAqB;AACxD,wBAAA,yBAAyB,EAAE,6BAA6B;AACzD,qBAAA,EAAA,QAAA,EAAA,+4CAAA,EAAA,MAAA,EAAA,CAAA,27BAAA,CAAA,EAAA;;;MEjCU,gBAAgB,CAAA;AAC3B,IAAA,OAAO,CAAC,KAAuB,EAAE,eAAe,GAAG,KAAK,EAAA;QACtD,MAAM,MAAM,GAAyB,EAAE;QACvC,IAAI,SAAS,GAAG,CAAC;QAEjB,MAAM,OAAO,GAAG,CAAC,QAA0B,EAAE,KAAa,EAAE,aAAsB,KAAU;AAC1F,YAAA,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;gBAC3B,MAAM,OAAO,GAAG,aAAa;AAC7B,gBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;gBACrE,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,KAAK,eAAe,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;gBAE5F,MAAM,CAAC,IAAI,CAAC;AACV,oBAAA,MAAM,EAAE,IAAI;oBACZ,KAAK;oBACL,UAAU;AACV,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAChC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;oBAChC,OAAO;AACP,oBAAA,OAAO,EAAE,KAAK;oBACd,UAAU,EAAE,SAAS,EAAE;AACxB,iBAAA,CAAC;gBAEF,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;oBAC1C,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,CAAC;gBAC5C;YACF;AACF,QAAA,CAAC;AAED,QAAA,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC;AACvB,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,uBAAuB,CAAC,KAAuB,EAAA;AAC7C,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAA6D;AAEnF,QAAA,MAAM,OAAO,GAAG,CAAC,QAA0B,KAAwC;YACjF,IAAI,KAAK,GAAG,CAAC;YACb,IAAI,OAAO,GAAG,CAAC;AAEf,YAAA,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;AAC3B,gBAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;oBACrD,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC1C,oBAAA,KAAK,IAAI,WAAW,CAAC,KAAK;AAC1B,oBAAA,OAAO,IAAI,WAAW,CAAC,OAAO;AAE9B,oBAAA,IAAI,WAAW,CAAC,OAAO,KAAK,CAAC,EAAE;AAC7B,wBAAA,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;oBAC3D;yBAAO,IAAI,WAAW,CAAC,OAAO,KAAK,WAAW,CAAC,KAAK,EAAE;AACpD,wBAAA,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;oBAC7B;yBAAO;AACL,wBAAA,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,eAAe,CAAC;oBACnC;gBACF;qBAAO;AACL,oBAAA,KAAK,EAAE;oBACP,IAAI,IAAI,CAAC,QAAQ;AAAE,wBAAA,OAAO,EAAE;AAC5B,oBAAA,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;gBAC3D;YACF;AAEA,YAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAC3B,QAAA,CAAC;QAED,OAAO,CAAC,KAAK,CAAC;AACd,QAAA,OAAO,MAAM;IACf;AACD;;MC9BY,gBAAgB,CAAA;AAClB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAoB;AAC1C,IAAA,aAAa,GAAG,KAAK,CAAuB,MAAM,oFAAC;AACnD,IAAA,YAAY,GAAG,KAAK,CAAkE,IAAI,mFAAC;AAC3F,IAAA,YAAY,GAAG,KAAK,CAA0B,IAAI,mFAAC;AACnD,IAAA,SAAS,GAAG,KAAK,CAAC,KAAK,gFAAC;AACxB,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,oFAAC;AAC5B,IAAA,eAAe,GAAG,KAAK,CAAC,EAAE,sFAAC;AAC3B,IAAA,MAAM,GAAG,KAAK,CAAC,EAAE,6EAAC;IAElB,UAAU,GAAG,MAAM,EAAuB;IAC1C,YAAY,GAAG,MAAM,EAAuB;IAC5C,UAAU,GAAG,MAAM,EAAuB;IAC1C,YAAY,GAAG,MAAM,EAAuB;IAC5C,QAAQ,GAAG,MAAM,EAA2B;IAC5C,YAAY,GAAG,MAAM,EAAU;AAEvB,IAAA,UAAU,GAAG,IAAI,gBAAgB,EAAK;IACtC,cAAc,GAAmB,EAAE;;AAGnC,IAAA,eAAe,GAAG,MAAM,CAAC,CAAC,sFAAC;AAEnC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;QACjC,IAAI,CAAC,eAAe,EAAE;AACtB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE;QAC/B,IAAI,cAAc,GAAG,KAAK;QAC1B,IAAI,SAAS,EAAE;YACb,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC;QACtD;AACA,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC;AAC7E,IAAA,CAAC,gFAAC;AAEO,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;QACtC,IAAI,CAAC,eAAe,EAAE;AACtB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,UAAU,EAAE;YACvC,OAAO,IAAI,GAAG,EAA6D;QAC7E;QACA,OAAO,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9D,IAAA,CAAC,qFAAC;AAEO,IAAA,YAAY,GAAG,MAAM,CAAC,CAAC,mFAAC;IAEjC,WAAW,GAAA;AACT,QAAA,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,cAAc,EAAE;YACrC,GAAG,CAAC,WAAW,EAAE;QACnB;IACF;;IAIA,SAAS,GAAA;QACP,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC;AAC9C,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;AAEA,IAAA,UAAU,CAAC,IAAoB,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;QACjC,IAAI,IAAI,KAAK,MAAM;YAAE;AAErB,QAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAC3C,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACtB;aAAO,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,UAAU,EAAE;AAClD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACtB;AACA,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;IAEA,gBAAgB,GAAA;QACd,MAAM,QAAQ,GAAqB,EAAE;QACrC,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC;AACtD,QAAA,OAAO,QAAQ;IACjB;;AAIA,IAAA,YAAY,CAAC,QAA4B,EAAA;AACvC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM;AAE5B,QAAA,IAAI,QAAQ,CAAC,QAAQ,EAAE;AACrB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;YACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5C;aAAO;AACL,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,EAAE;YAC1C,IAAI,cAAc,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;;AAE3C,gBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAEzC,gBAAA,MAAM,GAAG,GAAG,cAAc,CAAC,IAAI;AAC5B,qBAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACZ,qBAAA,SAAS,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC,QAAQ,KAAI;AACjB,wBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,wBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,wBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;wBACzC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;oBAC1C,CAAC;oBACD,KAAK,EAAE,MAAK;AACV,wBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC3C,CAAC;AACF,iBAAA,CAAC;AACJ,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC7B;YACF;iBAAO;AACL,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;gBACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC1C;QACF;AACA,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;AAEA,IAAA,YAAY,CAAC,QAA4B,EAAA;AACvC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM;AAC5B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;AAEjC,QAAA,IAAI,IAAI,KAAK,MAAM,IAAI,QAAQ,CAAC,QAAQ;YAAE;AAE1C,QAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ;YACjC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAC3C,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;gBACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC1C;iBAAO;gBACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC5C;QACF;AAAO,aAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAC3B,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAC9B,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC1C;iBAAO;gBACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC5C;QACF;AAEA,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;AAEA,IAAA,gBAAgB,CAAC,QAA4B,EAAA;AAC3C,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM;QAC5B,IAAI,QAAQ,CAAC,QAAQ;YAAE;AAEvB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;;AAG9B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;YACzB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;QAC1D;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC1C;aAAO;YACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5C;AAEA,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C;;AAIA,IAAA,UAAU,CAAC,KAAoB,EAAA;AAC7B,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE;AAE/B,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;AACxC,QAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC;AAE3E,QAAA,QAAQ,KAAK,CAAC,GAAG;YACf,KAAK,WAAW,EAAE;gBAChB,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC;gBAClF,IAAI,aAAa,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3C,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;gBACnE;gBACA;YACF;YAEA,KAAK,SAAS,EAAE;gBACd,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC;AAClF,gBAAA,IAAI,aAAa,GAAG,CAAC,EAAE;AACrB,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;gBACnE;gBACA;YACF;YAEA,KAAK,YAAY,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,WAAW,EAAE,UAAU,EAAE;AAC3B,oBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;AACzB,wBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;oBAChC;yBAAO;;AAEL,wBAAA,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC;wBAClF,IAAI,aAAa,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3C,4BAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;wBACnE;oBACF;gBACF;gBACA;YACF;YAEA,KAAK,WAAW,EAAE;gBAChB,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,WAAW,IAAI,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,UAAU,EAAE;AACjE,oBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;gBAChC;qBAAO,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE;;AAE/C,oBAAA,KAAK,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;wBACjD,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE;AAChG,4BAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;4BACjD;wBACF;oBACF;gBACF;gBACA;YACF;YAEA,KAAK,MAAM,EAAE;gBACX,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;gBACnD;gBACA;YACF;YAEA,KAAK,KAAK,EAAE;gBACV,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;gBACzE;gBACA;YACF;AAEA,YAAA,KAAK,OAAO;YACZ,KAAK,GAAG,EAAE;gBACR,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,WAAW,EAAE;AACf,oBAAA,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,UAAU,EAAE;AACvC,wBAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC;oBACpC;yBAAO;AACL,wBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;oBAChC;gBACF;gBACA;YACF;YAEA,KAAK,GAAG,EAAE;gBACR,KAAK,CAAC,cAAc,EAAE;;gBAEtB,IAAI,WAAW,EAAE;AACf,oBAAA,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE;AAC/B,wBAAA,IAAI,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACzE,4BAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI;wBAC7B;oBACF;AACA,oBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC3C;gBACA;YACF;;IAEJ;;IAIQ,YAAY,CAAC,KAAuB,EAAE,SAAiB,EAAA;AAC7D,QAAA,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,EAAE;QAC3C,MAAM,MAAM,GAAqB,EAAE;AAEnC,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,WAAW,CAAC;YAC1D,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,EAAE;YAEjG,IAAI,OAAO,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,gBAAA,MAAM,MAAM,GAAmB;AAC7B,oBAAA,GAAG,IAAI;AACP,oBAAA,QAAQ,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,GAAG,gBAAgB,GAAG,IAAI,CAAC,QAAQ;AACxE,oBAAA,QAAQ,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ;iBAC7D;AACD,gBAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;YACrB;QACF;AAEA,QAAA,OAAO,MAAM;IACf;IAEQ,kBAAkB,CAAC,IAAoB,EAAE,WAAmB,EAAA;AAClE,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAW;AAC7B,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC5B,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;QACjD;QACA,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC5C,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACnD,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;YACtD;YACA,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACrD,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;YACvD;QACF;AACA,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;IACzD;IAEQ,qBAAqB,CAAC,KAAuB,EAAE,QAAiB,EAAA;AACtE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;gBACzB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACrD;QACF;IACF;AAEQ,IAAA,wBAAwB,CAAC,KAAuB,EAAA;AACtD,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;AACzB,gBAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC9C;QACF;IACF;IAEQ,qBAAqB,CAAC,KAAuB,EAAE,QAAiB,EAAA;AACtE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;gBACzB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACrD;QACF;IACF;IAEQ,yBAAyB,CAAC,KAAuB,EAAE,MAAwB,EAAA;AACjF,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACnB;AACA,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;gBACzB,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;YACvD;QACF;IACF;uGAzVW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,m+CCtC7B,4uCAgCA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNY,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,cAAA,EAAA,eAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iCAAiC,oMAAE,sBAAsB,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,sBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAY9E,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAf5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cACR,IAAI,EAAA,OAAA,EACP,CAAC,oBAAoB,EAAE,iCAAiC,EAAE,sBAAsB,CAAC,EAAA,eAAA,EAGzE,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,iBAAiB,EAAE,GAAG;AACtB,wBAAA,WAAW,EAAE,oBAAoB;AAClC,qBAAA,EAAA,QAAA,EAAA,4uCAAA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA;;;AEpCH;;AAEG;;;;"}
|
|
@@ -54,9 +54,33 @@ function mixinErrorState(base) {
|
|
|
54
54
|
};
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
/**
|
|
58
|
+
* Base class for every FormaUI component Intl service.
|
|
59
|
+
* Exposes a `changes` Subject so consumers that mutate strings at runtime
|
|
60
|
+
* can trigger a re-render in all components that subscribe.
|
|
61
|
+
*
|
|
62
|
+
* Consumers extend and override properties, OR provide a replacement class via DI.
|
|
63
|
+
*/
|
|
64
|
+
class FuiIntlBase {
|
|
65
|
+
/** Emits whenever the labels change. Components subscribe and mark for check. */
|
|
66
|
+
changes = new Subject();
|
|
67
|
+
/** Call after mutating properties to notify subscribers. */
|
|
68
|
+
notifyChanges() {
|
|
69
|
+
this.changes.next();
|
|
70
|
+
}
|
|
71
|
+
ngOnDestroy() {
|
|
72
|
+
this.changes.complete();
|
|
73
|
+
}
|
|
74
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiIntlBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
75
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiIntlBase });
|
|
76
|
+
}
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiIntlBase, decorators: [{
|
|
78
|
+
type: Injectable
|
|
79
|
+
}] });
|
|
80
|
+
|
|
57
81
|
/**
|
|
58
82
|
* Generated bundle index. Do not edit.
|
|
59
83
|
*/
|
|
60
84
|
|
|
61
|
-
export { DefaultErrorStateMatcher, FUI_FORM_FIELD_CONTROL, mixinErrorState };
|
|
85
|
+
export { DefaultErrorStateMatcher, FUI_FORM_FIELD_CONTROL, FuiIntlBase, mixinErrorState };
|
|
62
86
|
//# sourceMappingURL=raintonic-formaui-core.mjs.map
|