cax-design-system 1.2.18 → 1.2.20
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/esm2022/tree/tree.mjs +48 -11
- package/esm2022/tree/tree.module.mjs +61 -4
- package/esm2022/treeselect/treeselect.mjs +1 -1
- package/fesm2022/cax-design-system-tree.mjs +107 -13
- package/fesm2022/cax-design-system-tree.mjs.map +1 -1
- package/fesm2022/cax-design-system-treeselect.mjs +1 -1
- package/fesm2022/cax-design-system-treeselect.mjs.map +1 -1
- package/package.json +270 -270
- package/resources/components/tree/tree.scss +54 -0
- package/tree/tree.d.ts +8 -2
- package/tree/tree.module.d.ts +5 -1
|
@@ -14,18 +14,75 @@ import { Tree, UITreeNode } from './tree';
|
|
|
14
14
|
import { BadgeModule } from 'cax-design-system/badge';
|
|
15
15
|
import { ButtonModule } from 'cax-design-system/button';
|
|
16
16
|
import { SkeletonModule } from 'cax-design-system/skeleton';
|
|
17
|
+
import { InputTextModule } from 'cax-design-system/inputtext';
|
|
18
|
+
import { InputTextareaModule } from 'cax-design-system/inputtextarea';
|
|
19
|
+
import { CheckboxModule } from 'cax-design-system/checkbox';
|
|
20
|
+
import { FormsModule } from '@angular/forms';
|
|
17
21
|
import * as i0 from "@angular/core";
|
|
18
22
|
export class TreeModule {
|
|
19
23
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TreeModule, declarations: [Tree, UITreeNode], imports: [CommonModule,
|
|
21
|
-
|
|
24
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TreeModule, declarations: [Tree, UITreeNode], imports: [CommonModule,
|
|
25
|
+
SharedModule,
|
|
26
|
+
RippleModule,
|
|
27
|
+
ScrollerModule,
|
|
28
|
+
CheckIcon,
|
|
29
|
+
ChevronDownIcon,
|
|
30
|
+
ChevronRightIcon,
|
|
31
|
+
MinusIcon,
|
|
32
|
+
SearchIcon,
|
|
33
|
+
SpinnerIcon,
|
|
34
|
+
PlusIcon,
|
|
35
|
+
BadgeModule,
|
|
36
|
+
ButtonModule,
|
|
37
|
+
SkeletonModule,
|
|
38
|
+
InputTextModule,
|
|
39
|
+
InputTextareaModule,
|
|
40
|
+
CheckboxModule,
|
|
41
|
+
FormsModule], exports: [Tree, UITreeNode, SharedModule, ScrollerModule] });
|
|
42
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TreeModule, imports: [CommonModule,
|
|
43
|
+
SharedModule,
|
|
44
|
+
RippleModule,
|
|
45
|
+
ScrollerModule,
|
|
46
|
+
CheckIcon,
|
|
47
|
+
ChevronDownIcon,
|
|
48
|
+
ChevronRightIcon,
|
|
49
|
+
MinusIcon,
|
|
50
|
+
SearchIcon,
|
|
51
|
+
SpinnerIcon,
|
|
52
|
+
PlusIcon,
|
|
53
|
+
BadgeModule,
|
|
54
|
+
ButtonModule,
|
|
55
|
+
SkeletonModule,
|
|
56
|
+
InputTextModule,
|
|
57
|
+
InputTextareaModule,
|
|
58
|
+
CheckboxModule,
|
|
59
|
+
FormsModule, SharedModule, ScrollerModule] });
|
|
22
60
|
}
|
|
23
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TreeModule, decorators: [{
|
|
24
62
|
type: NgModule,
|
|
25
63
|
args: [{
|
|
26
|
-
imports: [
|
|
64
|
+
imports: [
|
|
65
|
+
CommonModule,
|
|
66
|
+
SharedModule,
|
|
67
|
+
RippleModule,
|
|
68
|
+
ScrollerModule,
|
|
69
|
+
CheckIcon,
|
|
70
|
+
ChevronDownIcon,
|
|
71
|
+
ChevronRightIcon,
|
|
72
|
+
MinusIcon,
|
|
73
|
+
SearchIcon,
|
|
74
|
+
SpinnerIcon,
|
|
75
|
+
PlusIcon,
|
|
76
|
+
BadgeModule,
|
|
77
|
+
ButtonModule,
|
|
78
|
+
SkeletonModule,
|
|
79
|
+
InputTextModule,
|
|
80
|
+
InputTextareaModule,
|
|
81
|
+
CheckboxModule,
|
|
82
|
+
FormsModule
|
|
83
|
+
],
|
|
27
84
|
exports: [Tree, UITreeNode, SharedModule, ScrollerModule],
|
|
28
85
|
declarations: [Tree, UITreeNode]
|
|
29
86
|
}]
|
|
30
87
|
}] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvdHJlZS90cmVlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUEwQjdDLE1BQU0sT0FBTyxVQUFVO3VHQUFWLFVBQVU7d0dBQVYsVUFBVSxpQkFGSixJQUFJLEVBQUUsVUFBVSxhQXBCM0IsWUFBWTtZQUNaLFlBQVk7WUFDWixZQUFZO1lBQ1osY0FBYztZQUNkLFNBQVM7WUFDVCxlQUFlO1lBQ2YsZ0JBQWdCO1lBQ2hCLFNBQVM7WUFDVCxVQUFVO1lBQ1YsV0FBVztZQUNYLFFBQVE7WUFDUixXQUFXO1lBQ1gsWUFBWTtZQUNaLGNBQWM7WUFDZCxlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCxXQUFXLGFBRUwsSUFBSSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsY0FBYzt3R0FHL0MsVUFBVSxZQXRCZixZQUFZO1lBQ1osWUFBWTtZQUNaLFlBQVk7WUFDWixjQUFjO1lBQ2QsU0FBUztZQUNULGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsU0FBUztZQUNULFVBQVU7WUFDVixXQUFXO1lBQ1gsUUFBUTtZQUNSLFdBQVc7WUFDWCxZQUFZO1lBQ1osY0FBYztZQUNkLGVBQWU7WUFDZixtQkFBbUI7WUFDbkIsY0FBYztZQUNkLFdBQVcsRUFFYSxZQUFZLEVBQUUsY0FBYzs7MkZBRy9DLFVBQVU7a0JBeEJ0QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixjQUFjO3dCQUNkLFNBQVM7d0JBQ1QsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLFNBQVM7d0JBQ1QsVUFBVTt3QkFDVixXQUFXO3dCQUNYLFFBQVE7d0JBQ1IsV0FBVzt3QkFDWCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsV0FBVztxQkFDZDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxjQUFjLENBQUM7b0JBQ3pELFlBQVksRUFBRSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICdjYXgtZGVzaWduLXN5c3RlbS9hcGknO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vaWNvbnMvY2hlY2snO1xuaW1wb3J0IHsgQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vaWNvbnMvY2hldnJvbmRvd24nO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0SWNvbiB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2ljb25zL2NoZXZyb25yaWdodCc7XG5pbXBvcnQgeyBNaW51c0ljb24gfSBmcm9tICdjYXgtZGVzaWduLXN5c3RlbS9pY29ucy9taW51cyc7XG5pbXBvcnQgeyBQbHVzSWNvbiB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2ljb25zL3BsdXMnO1xuaW1wb3J0IHsgU2VhcmNoSWNvbiB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2ljb25zL3NlYXJjaCc7XG5pbXBvcnQgeyBTcGlubmVySWNvbiB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2ljb25zL3NwaW5uZXInO1xuaW1wb3J0IHsgUmlwcGxlTW9kdWxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vcmlwcGxlJztcbmltcG9ydCB7IFNjcm9sbGVyTW9kdWxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vc2Nyb2xsZXInO1xuaW1wb3J0IHsgVHJlZSwgVUlUcmVlTm9kZSB9IGZyb20gJy4vdHJlZSc7XG5pbXBvcnQgeyBCYWRnZU1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2JhZGdlJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2J1dHRvbic7XG5pbXBvcnQgeyBTa2VsZXRvbk1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL3NrZWxldG9uJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2lucHV0dGV4dCc7XG5pbXBvcnQgeyBJbnB1dFRleHRhcmVhTW9kdWxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vaW5wdXR0ZXh0YXJlYSc7XG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2NoZWNrYm94JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBTaGFyZWRNb2R1bGUsXG4gICAgICAgIFJpcHBsZU1vZHVsZSxcbiAgICAgICAgU2Nyb2xsZXJNb2R1bGUsXG4gICAgICAgIENoZWNrSWNvbixcbiAgICAgICAgQ2hldnJvbkRvd25JY29uLFxuICAgICAgICBDaGV2cm9uUmlnaHRJY29uLFxuICAgICAgICBNaW51c0ljb24sXG4gICAgICAgIFNlYXJjaEljb24sXG4gICAgICAgIFNwaW5uZXJJY29uLFxuICAgICAgICBQbHVzSWNvbixcbiAgICAgICAgQmFkZ2VNb2R1bGUsXG4gICAgICAgIEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgU2tlbGV0b25Nb2R1bGUsXG4gICAgICAgIElucHV0VGV4dE1vZHVsZSxcbiAgICAgICAgSW5wdXRUZXh0YXJlYU1vZHVsZSxcbiAgICAgICAgQ2hlY2tib3hNb2R1bGUsXG4gICAgICAgIEZvcm1zTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbVHJlZSwgVUlUcmVlTm9kZSwgU2hhcmVkTW9kdWxlLCBTY3JvbGxlck1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHJlZSwgVUlUcmVlTm9kZV1cbn0pXG5leHBvcnQgY2xhc3MgVHJlZU1vZHVsZSB7fVxuIl19
|
|
@@ -712,7 +712,7 @@ export class TreeSelect {
|
|
|
712
712
|
return value.length ? value.map((node) => node.label).join(', ') : this.selectionMode === 'single' && this.value ? value.label : this.placeholder;
|
|
713
713
|
}
|
|
714
714
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TreeSelect, deps: [{ token: i1.caxConfig }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.OverlayService }], target: i0.ɵɵFactoryTarget.Component });
|
|
715
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: TreeSelect, selector: "cax-treeSelect", inputs: { showRightIcon: "showRightIcon", inputId: "inputId", scrollHeight: "scrollHeight", disabled: ["disabled", "disabled", booleanAttribute], metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], labelText: "labelText", variant: "variant", display: "display", selectionMode: "selectionMode", tabindex: "tabindex", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", placeholder: "placeholder", panelClass: "panelClass", panelStyle: "panelStyle", panelStyleClass: "panelStyleClass", containerStyle: "containerStyle", containerStyleClass: "containerStyleClass", labelStyle: "labelStyle", labelStyleClass: "labelStyleClass", overlayOptions: "overlayOptions", emptyMessage: "emptyMessage", appendTo: "appendTo", filter: ["filter", "filter", booleanAttribute], filterBy: "filterBy", filterMode: "filterMode", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", filterInputAutoFocus: ["filterInputAutoFocus", "filterInputAutoFocus", booleanAttribute], propagateSelectionDown: ["propagateSelectionDown", "propagateSelectionDown", booleanAttribute], propagateSelectionUp: ["propagateSelectionUp", "propagateSelectionUp", booleanAttribute], showClear: ["showClear", "showClear", booleanAttribute], resetFilterOnHide: ["resetFilterOnHide", "resetFilterOnHide", booleanAttribute], virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", virtualScrollOptions: "virtualScrollOptions", autofocus: ["autofocus", "autofocus", booleanAttribute], options: "options", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", loading: ["loading", "loading", booleanAttribute] }, outputs: { onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onShow: "onShow", onHide: "onHide", onClear: "onClear", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onNodeUnselect: "onNodeUnselect", onNodeSelect: "onNodeSelect" }, host: { properties: { "class.cax-inputwrapper-filled": "!emptyValue", "class.cax-inputwrapper-focus": "focused", "class.cax-treeselect-clearable": "showClear && !disabled" }, classAttribute: "cax-element cax-inputwrapper" }, providers: [TREESELECT_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true }, { propertyName: "focusInput", first: true, predicate: ["focusInput"], descendants: true }, { propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true }, { propertyName: "treeViewChild", first: true, predicate: ["tree"], descendants: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true }], ngImport: i0, template: "<div class=\"cax-dropdown-container\">\n <label *ngIf=\"labelText\" [ngClass]=\"labelTextClass\">{{ labelText }}</label>\n <div #container [ngClass]=\"containerClass()\" [class]=\"containerStyleClass\" [ngStyle]=\"containerStyle\" (click)=\"onClick($event)\">\n <div class=\"cax-hidden-accessible\">\n <input\n #focusInput\n type=\"text\"\n role=\"combobox\"\n [attr.id]=\"inputId\"\n readonly\n [disabled]=\"disabled\"\n (focus)=\"onInputFocus($event)\"\n (blur)=\"onInputBlur($event)\"\n (keydown)=\"onKeyDown($event)\"\n [attr.tabindex]=\"!disabled ? tabindex : -1\"\n [attr.aria-controls]=\"overlayVisible ? listId : null\"\n [attr.aria-haspopup]=\"'tree'\"\n [attr.aria-expanded]=\"overlayVisible ?? false\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-label]=\"ariaLabel || (label === 'cax-emptylabel' ? undefined : label)\"\n pAutoFocus\n [autofocus]=\"autofocus\"\n />\n </div>\n <div class=\"cax-treeselect-label-container\">\n <div [ngClass]=\"labelClass()\" [class]=\"labelStyleClass\" [ngStyle]=\"labelStyle\">\n <ng-container *ngIf=\"valueTemplate; else defaultValueTemplate\">\n <ng-container *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value, placeholder: placeholder }\"></ng-container>\n </ng-container>\n <ng-template #defaultValueTemplate>\n <ng-container *ngIf=\"display === 'comma'; else chipsValueTemplate\"> {{ label || 'empty' }} </ng-container>\n <ng-template #chipsValueTemplate>\n <div *ngFor=\"let node of value\" class=\"cax-treeselect-token\">\n <span class=\"cax-treeselect-token-label\">{{ node.label }}</span>\n </div>\n <ng-container *ngIf=\"emptyValue\">{{ placeholder || 'empty' }}</ng-container>\n </ng-template>\n </ng-template>\n </div>\n <ng-container *ngIf=\"checkValue() && !disabled && showClear\">\n <TimesIcon *ngIf=\"!clearIconTemplate\" [styleClass]=\"'cax-treeselect-clear-icon'\" (click)=\"clear($event)\" />\n <span *ngIf=\"clearIconTemplate\" class=\"cax-treeselect-clear-icon\" (click)=\"clear($event)\">\n <ng-template *ngTemplateOutlet=\"clearIconTemplate\"></ng-template>\n </span>\n </ng-container>\n </div>\n <div class=\"cax-treeselect-trigger\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\">\n <ChevronDownIcon *ngIf=\"!triggerIconTemplate\" [styleClass]=\"'cax-treeselect-trigger-icon'\" />\n <span *ngIf=\"triggerIconTemplate\" class=\"cax-treeselect-trigger-icon\">\n <ng-template *ngTemplateOutlet=\"triggerIconTemplate\"></ng-template>\n </span>\n </div>\n <cax-overlay\n #overlay\n [(visible)]=\"overlayVisible\"\n [options]=\"overlayOptions\"\n [target]=\"'@parent'\"\n [appendTo]=\"appendTo\"\n [showTransitionOptions]=\"showTransitionOptions\"\n [hideTransitionOptions]=\"hideTransitionOptions\"\n (onAnimationStart)=\"onOverlayAnimationStart($event)\"\n (onBeforeHide)=\"onOverlayBeforeHide($event)\"\n (onShow)=\"onShow.emit($event)\"\n (onHide)=\"hide($event)\"\n >\n <ng-template caxTemplate=\"content\">\n <div #panel [attr.id]=\"listId\" class=\"cax-treeselect-panel cax-component\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\" [ngClass]=\"panelClass\">\n <span\n #firstHiddenFocusableEl\n role=\"presentation\"\n class=\"cax-hidden-accessible cax-hidden-focusable\"\n [attr.tabindex]=\"0\"\n (focus)=\"onFirstHiddenFocus($event)\"\n [attr.data-cax-hidden-accessible]=\"true\"\n [attr.data-cax-hidden-focusable]=\"true\"\n >\n </span>\n <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: value, options: options }\"></ng-container>\n <div class=\"cax-treeselect-header\" *ngIf=\"filter\" (keydown.arrowdown)=\"onArrowDown($event)\">\n <div class=\"cax-treeselect-filter-container\">\n <input\n #filter\n type=\"search\"\n autocomplete=\"off\"\n class=\"cax-treeselect-filter cax-inputtext cax-component\"\n [attr.placeholder]=\"filterPlaceholder\"\n (keydown.enter)=\"$event.preventDefault()\"\n (input)=\"onFilterInput($event)\"\n [value]=\"filterValue\"\n />\n <SearchIcon *ngIf=\"!filterIconTemplate\" [styleClass]=\"'cax-treeselect-filter-icon'\" />\n <span *ngIf=\"filterIconTemplate\" class=\"cax-treeselect-filter-icon\">\n <ng-template *ngTemplateOutlet=\"filterIconTemplate\"></ng-template>\n </span>\n </div>\n </div>\n <div class=\"cax-treeselect-items-wrapper\" [ngStyle]=\"{ 'max-height': scrollHeight }\">\n <cax-tree\n #tree\n [value]=\"options\"\n [rightIcon]=\"showRightIcon\"\n [propagateSelectionDown]=\"propagateSelectionDown\"\n [propagateSelectionUp]=\"propagateSelectionUp\"\n [selectionMode]=\"selectionMode\"\n (selectionChange)=\"onSelectionChange($event)\"\n [selection]=\"value\"\n [metaKeySelection]=\"metaKeySelection\"\n (onNodeExpand)=\"nodeExpand($event)\"\n (onNodeCollapse)=\"nodeCollapse($event)\"\n (onNodeSelect)=\"onSelect($event)\"\n [emptyMessage]=\"emptyMessage\"\n (onNodeUnselect)=\"onUnselect($event)\"\n [filterBy]=\"filterBy\"\n [filterMode]=\"filterMode\"\n [filterPlaceholder]=\"filterPlaceholder\"\n [filterLocale]=\"filterLocale\"\n [filteredNodes]=\"filteredNodes\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n [_templateMap]=\"templateMap\"\n [loading]=\"loading\"\n >\n <ng-container *ngIf=\"emptyTemplate\">\n <ng-template caxTemplate=\"empty\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </ng-template>\n </ng-container>\n <ng-template caxTemplate=\"togglericon\" let-expanded *ngIf=\"itemTogglerIconTemplate\">\n <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\n </ng-template>\n <ng-template caxTemplate=\"checkboxicon\" let-selected let-partialSelected=\"partialSelected\" *ngIf=\"itemCheckboxIconTemplate\">\n <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\n </ng-template>\n <ng-template caxTemplate=\"loadingicon\" *ngIf=\"itemLoadingIconTemplate\">\n <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate\"></ng-container>\n </ng-template>\n </cax-tree>\n </div>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: value, options: options }\"></ng-container>\n <span\n #lastHiddenFocusableEl\n role=\"presentation\"\n class=\"cax-hidden-accessible cax-hidden-focusable\"\n [attr.tabindex]=\"0\"\n (focus)=\"onLastHiddenFocus($event)\"\n [attr.data-cax-hidden-accessible]=\"true\"\n [attr.data-cax-hidden-focusable]=\"true\"\n ></span>\n </div>\n </ng-template>\n </cax-overlay>\n </div>\n</div>\n", styles: ["@layer cax{.cax-dropdown-container{display:flex;flex-direction:column;align-items:flex-start}.cax-dropdown-container label{margin-bottom:8px;font-size:14px;font-weight:500}.cax-dropdown-container label.left-aligned{text-align:left}.cax-treeselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.cax-treeselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cax-treeselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer;display:flex}.cax-treeselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.cax-treeselect-label-empty{overflow:hidden;visibility:hidden}.cax-treeselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.cax-treeselect-items-wrapper{overflow:auto}.cax-treeselect-header{display:flex;align-items:center;justify-content:space-between}.cax-treeselect-filter-container{position:relative;flex:1 1 auto}.cax-treeselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-treeselect-filter-container .cax-inputtext{width:100%}.cax-treeselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-fluid .cax-treeselect{display:flex}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.cax-treeselect-clearable{position:relative}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Overlay, selector: "cax-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: i1.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i4.Tree, selector: "cax-tree", inputs: ["rightIcon", "value", "selectionMode", "allowUnselect", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "nodeActionButton", "nodeActionButtons", "actionButtonMode", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter", "onNodeActionClick"] }, { kind: "component", type: i5.SearchIcon, selector: "SearchIcon" }, { kind: "component", type: i6.TimesIcon, selector: "TimesIcon" }, { kind: "component", type: i7.ChevronDownIcon, selector: "ChevronDownIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
715
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: TreeSelect, selector: "cax-treeSelect", inputs: { showRightIcon: "showRightIcon", inputId: "inputId", scrollHeight: "scrollHeight", disabled: ["disabled", "disabled", booleanAttribute], metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], labelText: "labelText", variant: "variant", display: "display", selectionMode: "selectionMode", tabindex: "tabindex", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", placeholder: "placeholder", panelClass: "panelClass", panelStyle: "panelStyle", panelStyleClass: "panelStyleClass", containerStyle: "containerStyle", containerStyleClass: "containerStyleClass", labelStyle: "labelStyle", labelStyleClass: "labelStyleClass", overlayOptions: "overlayOptions", emptyMessage: "emptyMessage", appendTo: "appendTo", filter: ["filter", "filter", booleanAttribute], filterBy: "filterBy", filterMode: "filterMode", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", filterInputAutoFocus: ["filterInputAutoFocus", "filterInputAutoFocus", booleanAttribute], propagateSelectionDown: ["propagateSelectionDown", "propagateSelectionDown", booleanAttribute], propagateSelectionUp: ["propagateSelectionUp", "propagateSelectionUp", booleanAttribute], showClear: ["showClear", "showClear", booleanAttribute], resetFilterOnHide: ["resetFilterOnHide", "resetFilterOnHide", booleanAttribute], virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", virtualScrollOptions: "virtualScrollOptions", autofocus: ["autofocus", "autofocus", booleanAttribute], options: "options", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", loading: ["loading", "loading", booleanAttribute] }, outputs: { onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onShow: "onShow", onHide: "onHide", onClear: "onClear", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onNodeUnselect: "onNodeUnselect", onNodeSelect: "onNodeSelect" }, host: { properties: { "class.cax-inputwrapper-filled": "!emptyValue", "class.cax-inputwrapper-focus": "focused", "class.cax-treeselect-clearable": "showClear && !disabled" }, classAttribute: "cax-element cax-inputwrapper" }, providers: [TREESELECT_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true }, { propertyName: "focusInput", first: true, predicate: ["focusInput"], descendants: true }, { propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true }, { propertyName: "treeViewChild", first: true, predicate: ["tree"], descendants: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true }], ngImport: i0, template: "<div class=\"cax-dropdown-container\">\n <label *ngIf=\"labelText\" [ngClass]=\"labelTextClass\">{{ labelText }}</label>\n <div #container [ngClass]=\"containerClass()\" [class]=\"containerStyleClass\" [ngStyle]=\"containerStyle\" (click)=\"onClick($event)\">\n <div class=\"cax-hidden-accessible\">\n <input\n #focusInput\n type=\"text\"\n role=\"combobox\"\n [attr.id]=\"inputId\"\n readonly\n [disabled]=\"disabled\"\n (focus)=\"onInputFocus($event)\"\n (blur)=\"onInputBlur($event)\"\n (keydown)=\"onKeyDown($event)\"\n [attr.tabindex]=\"!disabled ? tabindex : -1\"\n [attr.aria-controls]=\"overlayVisible ? listId : null\"\n [attr.aria-haspopup]=\"'tree'\"\n [attr.aria-expanded]=\"overlayVisible ?? false\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-label]=\"ariaLabel || (label === 'cax-emptylabel' ? undefined : label)\"\n pAutoFocus\n [autofocus]=\"autofocus\"\n />\n </div>\n <div class=\"cax-treeselect-label-container\">\n <div [ngClass]=\"labelClass()\" [class]=\"labelStyleClass\" [ngStyle]=\"labelStyle\">\n <ng-container *ngIf=\"valueTemplate; else defaultValueTemplate\">\n <ng-container *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value, placeholder: placeholder }\"></ng-container>\n </ng-container>\n <ng-template #defaultValueTemplate>\n <ng-container *ngIf=\"display === 'comma'; else chipsValueTemplate\"> {{ label || 'empty' }} </ng-container>\n <ng-template #chipsValueTemplate>\n <div *ngFor=\"let node of value\" class=\"cax-treeselect-token\">\n <span class=\"cax-treeselect-token-label\">{{ node.label }}</span>\n </div>\n <ng-container *ngIf=\"emptyValue\">{{ placeholder || 'empty' }}</ng-container>\n </ng-template>\n </ng-template>\n </div>\n <ng-container *ngIf=\"checkValue() && !disabled && showClear\">\n <TimesIcon *ngIf=\"!clearIconTemplate\" [styleClass]=\"'cax-treeselect-clear-icon'\" (click)=\"clear($event)\" />\n <span *ngIf=\"clearIconTemplate\" class=\"cax-treeselect-clear-icon\" (click)=\"clear($event)\">\n <ng-template *ngTemplateOutlet=\"clearIconTemplate\"></ng-template>\n </span>\n </ng-container>\n </div>\n <div class=\"cax-treeselect-trigger\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\">\n <ChevronDownIcon *ngIf=\"!triggerIconTemplate\" [styleClass]=\"'cax-treeselect-trigger-icon'\" />\n <span *ngIf=\"triggerIconTemplate\" class=\"cax-treeselect-trigger-icon\">\n <ng-template *ngTemplateOutlet=\"triggerIconTemplate\"></ng-template>\n </span>\n </div>\n <cax-overlay\n #overlay\n [(visible)]=\"overlayVisible\"\n [options]=\"overlayOptions\"\n [target]=\"'@parent'\"\n [appendTo]=\"appendTo\"\n [showTransitionOptions]=\"showTransitionOptions\"\n [hideTransitionOptions]=\"hideTransitionOptions\"\n (onAnimationStart)=\"onOverlayAnimationStart($event)\"\n (onBeforeHide)=\"onOverlayBeforeHide($event)\"\n (onShow)=\"onShow.emit($event)\"\n (onHide)=\"hide($event)\"\n >\n <ng-template caxTemplate=\"content\">\n <div #panel [attr.id]=\"listId\" class=\"cax-treeselect-panel cax-component\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\" [ngClass]=\"panelClass\">\n <span\n #firstHiddenFocusableEl\n role=\"presentation\"\n class=\"cax-hidden-accessible cax-hidden-focusable\"\n [attr.tabindex]=\"0\"\n (focus)=\"onFirstHiddenFocus($event)\"\n [attr.data-cax-hidden-accessible]=\"true\"\n [attr.data-cax-hidden-focusable]=\"true\"\n >\n </span>\n <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: value, options: options }\"></ng-container>\n <div class=\"cax-treeselect-header\" *ngIf=\"filter\" (keydown.arrowdown)=\"onArrowDown($event)\">\n <div class=\"cax-treeselect-filter-container\">\n <input\n #filter\n type=\"search\"\n autocomplete=\"off\"\n class=\"cax-treeselect-filter cax-inputtext cax-component\"\n [attr.placeholder]=\"filterPlaceholder\"\n (keydown.enter)=\"$event.preventDefault()\"\n (input)=\"onFilterInput($event)\"\n [value]=\"filterValue\"\n />\n <SearchIcon *ngIf=\"!filterIconTemplate\" [styleClass]=\"'cax-treeselect-filter-icon'\" />\n <span *ngIf=\"filterIconTemplate\" class=\"cax-treeselect-filter-icon\">\n <ng-template *ngTemplateOutlet=\"filterIconTemplate\"></ng-template>\n </span>\n </div>\n </div>\n <div class=\"cax-treeselect-items-wrapper\" [ngStyle]=\"{ 'max-height': scrollHeight }\">\n <cax-tree\n #tree\n [value]=\"options\"\n [rightIcon]=\"showRightIcon\"\n [propagateSelectionDown]=\"propagateSelectionDown\"\n [propagateSelectionUp]=\"propagateSelectionUp\"\n [selectionMode]=\"selectionMode\"\n (selectionChange)=\"onSelectionChange($event)\"\n [selection]=\"value\"\n [metaKeySelection]=\"metaKeySelection\"\n (onNodeExpand)=\"nodeExpand($event)\"\n (onNodeCollapse)=\"nodeCollapse($event)\"\n (onNodeSelect)=\"onSelect($event)\"\n [emptyMessage]=\"emptyMessage\"\n (onNodeUnselect)=\"onUnselect($event)\"\n [filterBy]=\"filterBy\"\n [filterMode]=\"filterMode\"\n [filterPlaceholder]=\"filterPlaceholder\"\n [filterLocale]=\"filterLocale\"\n [filteredNodes]=\"filteredNodes\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n [_templateMap]=\"templateMap\"\n [loading]=\"loading\"\n >\n <ng-container *ngIf=\"emptyTemplate\">\n <ng-template caxTemplate=\"empty\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </ng-template>\n </ng-container>\n <ng-template caxTemplate=\"togglericon\" let-expanded *ngIf=\"itemTogglerIconTemplate\">\n <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\n </ng-template>\n <ng-template caxTemplate=\"checkboxicon\" let-selected let-partialSelected=\"partialSelected\" *ngIf=\"itemCheckboxIconTemplate\">\n <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\n </ng-template>\n <ng-template caxTemplate=\"loadingicon\" *ngIf=\"itemLoadingIconTemplate\">\n <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate\"></ng-container>\n </ng-template>\n </cax-tree>\n </div>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: value, options: options }\"></ng-container>\n <span\n #lastHiddenFocusableEl\n role=\"presentation\"\n class=\"cax-hidden-accessible cax-hidden-focusable\"\n [attr.tabindex]=\"0\"\n (focus)=\"onLastHiddenFocus($event)\"\n [attr.data-cax-hidden-accessible]=\"true\"\n [attr.data-cax-hidden-focusable]=\"true\"\n ></span>\n </div>\n </ng-template>\n </cax-overlay>\n </div>\n</div>\n", styles: ["@layer cax{.cax-dropdown-container{display:flex;flex-direction:column;align-items:flex-start}.cax-dropdown-container label{margin-bottom:8px;font-size:14px;font-weight:500}.cax-dropdown-container label.left-aligned{text-align:left}.cax-treeselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.cax-treeselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cax-treeselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer;display:flex}.cax-treeselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.cax-treeselect-label-empty{overflow:hidden;visibility:hidden}.cax-treeselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.cax-treeselect-items-wrapper{overflow:auto}.cax-treeselect-header{display:flex;align-items:center;justify-content:space-between}.cax-treeselect-filter-container{position:relative;flex:1 1 auto}.cax-treeselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-treeselect-filter-container .cax-inputtext{width:100%}.cax-treeselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-fluid .cax-treeselect{display:flex}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.cax-treeselect-clearable{position:relative}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Overlay, selector: "cax-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: i1.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i4.Tree, selector: "cax-tree", inputs: ["rightIcon", "value", "selectionMode", "allowUnselect", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "nodeActionButton", "nodeActionButtons", "actionButtonMode", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter", "onNodeActionClick", "onNodeFormSubmit"] }, { kind: "component", type: i5.SearchIcon, selector: "SearchIcon" }, { kind: "component", type: i6.TimesIcon, selector: "TimesIcon" }, { kind: "component", type: i7.ChevronDownIcon, selector: "ChevronDownIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
716
716
|
}
|
|
717
717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TreeSelect, decorators: [{
|
|
718
718
|
type: Component,
|