@ng-nest/ui 15.0.20 → 16.0.0

package/fesm2015/ng-nest-ui-list.mjs

@@ -1,799 +0,0 @@
-import { Subject } from 'rxjs';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, InjectionToken, Directive, Optional, Inject, SkipSelf, ViewChild, ViewChildren, HostListener, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XDataConvert, XInputNumber, XInputBoolean, XWithConfig, XIsChange, XClearClass, XIsUndefined, XIsEmpty, XResize, XSetData, XIsNull } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XValueAccessor, XBaseFormModule } from '@ng-nest/ui/base-form';
-import * as i4$1 from '@angular/cdk/drag-drop';
-import { moveItemInArray, CdkDropList, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i4 from '@ng-nest/ui/keyword';
-import { XKeywordModule } from '@ng-nest/ui/keyword';
-import { ActiveDescendantKeyManager, A11yModule } from '@angular/cdk/a11y';
-import { ENTER } from '@angular/cdk/keycodes';
-import { map, takeUntil, debounceTime } from 'rxjs/operators';
-import { coerceBooleanProperty, coerceArray } from '@angular/cdk/coercion';
-import * as i2$1 from '@ng-nest/ui/i18n';
-import { XI18nModule } from '@ng-nest/ui/i18n';
-import * as i6 from '@ng-nest/ui/empty';
-import { XEmptyModule } from '@ng-nest/ui/empty';
-import * as i7 from '@ng-nest/ui/outlet';
-import { XOutletModule } from '@ng-nest/ui/outlet';
-import * as i8 from '@angular/cdk/scrolling';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-
-/**
- * List
- * @selector x-list
- * @decorator component
- */
-const XListPrefix = 'x-list';
-const X_CONFIG_NAME = 'list';
-/**
- * List Property
- */
-class XListProperty extends XControlValueAccessor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 列表数据
-         * @en_US List data
-         */
-        this.data = [];
-        /**
-         * @zh_CN 多选个数，设置为0，不限制选择个数
-         * @en_US Multiple choice
-         */
-        this.multiple = 1;
-        /**
-         * @zh_CN 超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数
-         * @en_US Exceed the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll
-         */
-        this.minBufferPx = 100;
-        /**
-         * @zh_CN 渲染新数据缓冲区的像素，对应 cdk scroll 中的参数
-         * @en_US Render the pixels of the new data buffer, corresponding to the parameters in cdk scroll
-         */
-        this.maxBufferPx = 200;
-        /**
-         * @zh_CN Full event
-         * @en_US 全选事件
-         */
-        this.onSelectAll = new EventEmitter();
-        /**
-         * @zh_CN 节点 mouseenter 事件
-         * @en_US Node mouseenter event
-         */
-        this.nodeMouseenter = new EventEmitter();
-        /**
-         * @zh_CN 节点 mouseleave 事件
-         * @en_US Node mouseleave event
-         */
-        this.nodeMouseleave = new EventEmitter();
-        /**
-         * @zh_CN 节点点击事件
-         * @en_US Node click event
-         */
-        this.nodeClick = new EventEmitter();
-        /**
-         * @zh_CN 拖动结束事件
-         * @en_US Drag the end
-         */
-        this.dropListDropped = new EventEmitter();
-        /**
-         * @zh_CN Tab out 事件
-         * @en_US Tab Out event
-         */
-        this.keyManagerTabOut = new EventEmitter();
-        /**
-         * @zh_CN Tab out 事件
-         * @en_US Tab Out event
-         */
-        this.keyManagerChange = new EventEmitter();
-    }
-}
-/** @nocollapse */ XListProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XListProperty, selector: "ng-component", inputs: { data: "data", multiple: "multiple", selectAll: "selectAll", selectAllText: "selectAllText", checked: "checked", drag: "drag", objectArray: "objectArray", nodeTpl: "nodeTpl", header: "header", footer: "footer", scrollElement: "scrollElement", size: "size", loadMore: "loadMore", loadMoreText: "loadMoreText", loadingMoreText: "loadingMoreText", virtualScroll: "virtualScroll", scrollHeight: "scrollHeight", heightAdaption: "heightAdaption", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", keywordText: "keywordText", caseSensitive: "caseSensitive" }, outputs: { onSelectAll: "onSelectAll", nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", dropListDropped: "dropListDropped", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XDataConvert()
-], XListProperty.prototype, "data", void 0);
-__decorate([
-    XInputNumber()
-], XListProperty.prototype, "multiple", void 0);
-__decorate([
-    XInputBoolean()
-], XListProperty.prototype, "selectAll", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XListProperty.prototype, "selectAllText", void 0);
-__decorate([
-    XInputBoolean()
-], XListProperty.prototype, "checked", void 0);
-__decorate([
-    XInputBoolean()
-], XListProperty.prototype, "drag", void 0);
-__decorate([
-    XInputBoolean()
-], XListProperty.prototype, "objectArray", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XListProperty.prototype, "size", void 0);
-__decorate([
-    XInputBoolean()
-], XListProperty.prototype, "loadMore", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XListProperty.prototype, "loadMoreText", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XListProperty.prototype, "loadingMoreText", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME),
-    XInputBoolean()
-], XListProperty.prototype, "virtualScroll", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 400),
-    XInputNumber()
-], XListProperty.prototype, "scrollHeight", void 0);
-__decorate([
-    XInputBoolean(),
-    XWithConfig(X_CONFIG_NAME, true)
-], XListProperty.prototype, "caseSensitive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], selectAll: [{
-                type: Input
-            }], selectAllText: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], drag: [{
-                type: Input
-            }], objectArray: [{
-                type: Input
-            }], nodeTpl: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }], footer: [{
-                type: Input
-            }], scrollElement: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], loadMore: [{
-                type: Input
-            }], loadMoreText: [{
-                type: Input
-            }], loadingMoreText: [{
-                type: Input
-            }], virtualScroll: [{
-                type: Input
-            }], scrollHeight: [{
-                type: Input
-            }], heightAdaption: [{
-                type: Input
-            }], minBufferPx: [{
-                type: Input
-            }], maxBufferPx: [{
-                type: Input
-            }], keywordText: [{
-                type: Input
-            }], caseSensitive: [{
-                type: Input
-            }], onSelectAll: [{
-                type: Output
-            }], nodeMouseenter: [{
-                type: Output
-            }], nodeMouseleave: [{
-                type: Output
-            }], nodeClick: [{
-                type: Output
-            }], dropListDropped: [{
-                type: Output
-            }], keyManagerTabOut: [{
-                type: Output
-            }], keyManagerChange: [{
-                type: Output
-            }] } });
-/**
- * List Option
- * @selector x-list-option
- * @decorator component
- */
-const XListOptionPrefix = 'x-list-option';
-/**
- * List Option Property
- */
-class XListOptionProperty {
-    constructor() {
-        /**
-         * @zh_CN 有子节点
-         * @en_US leaf
-         */
-        this.activeChange = new EventEmitter();
-    }
-}
-/** @nocollapse */ XListOptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListOptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XListOptionProperty, selector: "ng-component", inputs: { node: "node", checked: "checked", nodeTpl: "nodeTpl", selected: "selected", disabled: "disabled", active: "active", icon: "icon", divided: "divided", label: "label", leaf: "leaf", size: "size", keywordText: "keywordText", caseSensitive: "caseSensitive" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XInputBoolean()
-], XListOptionProperty.prototype, "checked", void 0);
-__decorate([
-    XInputBoolean()
-], XListOptionProperty.prototype, "selected", void 0);
-__decorate([
-    XInputBoolean()
-], XListOptionProperty.prototype, "disabled", void 0);
-__decorate([
-    XInputBoolean()
-], XListOptionProperty.prototype, "active", void 0);
-__decorate([
-    XInputBoolean()
-], XListOptionProperty.prototype, "leaf", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XListOptionProperty.prototype, "size", void 0);
-__decorate([
-    XInputBoolean(),
-    XWithConfig(X_CONFIG_NAME, true)
-], XListOptionProperty.prototype, "caseSensitive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListOptionProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { node: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], nodeTpl: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], divided: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], leaf: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], keywordText: [{
-                type: Input
-            }], caseSensitive: [{
-                type: Input
-            }], activeChange: [{
-                type: Output
-            }] } });
-
-class XListOptionComponent extends XListOptionProperty {
-    constructor(elementRef, cdr, configService) {
-        super();
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.configService = configService;
-        this.role = 'option';
-        this.classMap = {};
-    }
-    ngOnChanges(changes) {
-        const { size } = changes;
-        XIsChange(size) && this.setClassMap();
-    }
-    setClassMap() {
-        XClearClass(this.classMap);
-        this.classMap[`${XListOptionPrefix}-${this.size}`] = this.size ? true : false;
-    }
-    setActiveStyles() {
-        this.active = true;
-        this.activeChange.emit(this.active);
-        this.cdr.detectChanges();
-    }
-    setInactiveStyles() {
-        this.active = false;
-        this.activeChange.emit(this.active);
-        this.cdr.detectChanges();
-    }
-    getLabel() {
-        return this.label;
-    }
-}
-/** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <div class=\"x-list-option-content\">\r\n    <ng-container *ngIf=\"!nodeTpl\">\r\n      <x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon>\r\n      <span x-keyword [text]=\"keywordText\" [caseSensitive]=\"caseSensitive\">{{ label }}</span>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </div>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected:not(.x-disabled){background-color:var(--x-background-a400);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListOptionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XListOptionPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <div class=\"x-list-option-content\">\r\n    <ng-container *ngIf=\"!nodeTpl\">\r\n      <x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon>\r\n      <span x-keyword [text]=\"keywordText\" [caseSensitive]=\"caseSensitive\">{{ label }}</span>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </div>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected:not(.x-disabled){background-color:var(--x-background-a400);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }] } });
-
-const X_LIST_DROP_GROUP = new InjectionToken('XListDropGroup');
-class XListDropGroup {
-    constructor() {
-        this.dropLists = new Set();
-        this._disabled = false;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-    }
-    setConnectedTo() {
-        this.dropLists.forEach((x) => {
-            this.dropLists.forEach((y) => {
-                if (!y.connectedTo) {
-                    y.connectedTo = [x];
-                }
-                else {
-                    if (!coerceArray(y.connectedTo).includes(x)) {
-                        coerceArray(y.connectedTo).push(x);
-                    }
-                }
-            });
-        });
-        console.log(this.dropLists);
-    }
-    ngOnDestroy() {
-        this.dropLists.clear();
-    }
-}
-/** @nocollapse */ XListDropGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XListDropGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: XListDropGroup, selector: "[xListDropGroup]", inputs: { disabled: ["xListDropGroupDisabled", "disabled"] }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListDropGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[xListDropGroup]',
-                    providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }]
-                }]
-        }], propDecorators: { disabled: [{
-                type: Input,
-                args: ['xListDropGroupDisabled']
-            }] } });
-
-class XListComponent extends XListProperty {
-    constructor(renderer, cdr, elementRef, configService, i18n, group) {
-        super();
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.elementRef = elementRef;
-        this.configService = configService;
-        this.i18n = i18n;
-        this.group = group;
-        this.nodes = [];
-        this.selectedNodes = [];
-        this.isSelectAll = false;
-        this.locale = {};
-        this.loadMoreIndex = 0;
-        this.icon = '';
-        this.iconSpin = false;
-        this.role = 'listbox';
-        this.tabindex = -1;
-        this.itemSizeMap = {
-            mini: 22,
-            small: 24,
-            medium: 28,
-            large: 32,
-            big: 36
-        };
-        this._unSubject = new Subject();
-    }
-    keydown($event) {
-        this.keyManager.onKeydown($event);
-        const activeIndex = this.keyManager.activeItemIndex;
-        if ($event.keyCode === ENTER && !XIsUndefined(activeIndex)) {
-            this.setUnActive(activeIndex);
-            this.onNodeClick($event, this.nodes[activeIndex]);
-        }
-    }
-    get getItemSize() {
-        return this.itemSizeMap[this.size];
-    }
-    get isEmpty() {
-        return XIsEmpty(this.nodes);
-    }
-    get getSelectAllText() {
-        return this.selectAllText || this.locale.selectAllText;
-    }
-    get getLoadMoreText() {
-        return this.loadMoreText || this.locale.loadMoreText;
-    }
-    get getLoadingMoreText() {
-        return this.loadingMoreText || this.locale.loadingMoreText;
-    }
-    get getVirtualScrollHeight() {
-        let headerH = 0, footerH = 0, selectAllH = 0, loadMoreH = 0;
-        if (this.headerRef)
-            headerH = this.headerRef.nativeElement.clientHeight;
-        if (this.footerRef)
-            footerH = this.footerRef.nativeElement.clientHeight;
-        if (this.selectAllRef)
-            selectAllH = this.selectAllRef.nativeElement.clientHeight;
-        if (this.loadMoreRef)
-            loadMoreH = this.loadMoreRef.nativeElement.clientHeight;
-        return Number(this.scrollHeight) - headerH - footerH - selectAllH - loadMoreH;
-    }
-    writeValue(value) {
-        this.value = value;
-        this.setSelected();
-        this.setKeyManager();
-        this.cdr.detectChanges();
-    }
-    ngOnInit() {
-        this.i18n.localeChange
-            .pipe(map((x) => x.list), takeUntil(this._unSubject))
-            .subscribe((x) => {
-            this.locale = x;
-            this.cdr.markForCheck();
-        });
-    }
-    ngOnChanges(changes) {
-        const { data } = changes;
-        XIsChange(data) && this.setData();
-    }
-    ngAfterViewInit() {
-        this.initKeyManager();
-        if (this.virtualScroll && this.heightAdaption) {
-            this.setVirtualScrollHeight();
-            XResize(this.heightAdaption)
-                .pipe(debounceTime(30), takeUntil(this._unSubject))
-                .subscribe((x) => {
-                this._resizeObserver = x.resizeObserver;
-                this.setVirtualScrollHeight();
-            });
-        }
-        if (this.group && this.dropList) {
-            this.group.dropLists.add(this.dropList);
-            this.group.setConnectedTo();
-        }
-    }
-    ngOnDestroy() {
-        var _a, _b;
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        (_b = this.group) === null || _b === void 0 ? void 0 : _b.dropLists.delete(this.dropList);
-    }
-    setVirtualScrollHeight() {
-        this.scrollHeight = this.heightAdaption.clientHeight;
-        this.minBufferPx = this.getVirtualScrollHeight;
-        this.maxBufferPx = this.getVirtualScrollHeight * 1.2;
-        this.virtualBody['_scrollStrategy']['_minBufferPx'] = this.minBufferPx;
-        this.virtualBody['_scrollStrategy']['_maxBufferPx'] = this.maxBufferPx;
-        this.cdr.detectChanges();
-    }
-    setData() {
-        if (this.loadMore) {
-            this.icon = 'fto-loader';
-            this.iconSpin = true;
-        }
-        XSetData(this.data, this._unSubject, true, this.loadMoreIndex).subscribe((x) => {
-            if (this.loadMore) {
-                this.nodes = [...this.nodes, ...x];
-                this.icon = '';
-                this.iconSpin = false;
-            }
-            else {
-                this.nodes = x;
-            }
-            this.setSelected();
-            this.setKeyManager();
-            this.cdr.detectChanges();
-        });
-    }
-    initKeyManager() {
-        this.keyManager = new ActiveDescendantKeyManager(this.options).withWrap();
-        this.keyManager.tabOut.pipe(takeUntil(this._unSubject)).subscribe(() => {
-            this.setUnActive(this.keyManager.activeItemIndex);
-            this.keyManagerTabOut.emit();
-        });
-        this.keyManager.change.pipe(takeUntil(this._unSubject)).subscribe((num) => {
-            this.setScorllTop(num);
-            this.keyManagerChange.emit(num);
-        });
-    }
-    setScorllTop(_num) {
-        if (!this.scrollElement || !this.keyManager.activeItem)
-            return;
-        let ele = this.keyManager.activeItem.elementRef.nativeElement;
-        let list = this.scrollElement;
-        let min = list.scrollTop;
-        let max = list.scrollTop + list.clientHeight;
-        if (ele.offsetTop + ele.clientHeight > max) {
-            let scrollTop = ele.offsetTop + ele.clientHeight - list.clientHeight;
-            list.scrollTop = scrollTop;
-        }
-        if (ele.offsetTop < min) {
-            list.scrollTop = ele.offsetTop;
-        }
-    }
-    setSelected() {
-        if (this.nodes.length > 0) {
-            this.nodes
-                .filter((x) => x.selected)
-                .map((x) => {
-                x.selected = false;
-            });
-            let valArry = [];
-            if (this.value instanceof Array) {
-                valArry = this.value;
-                if (valArry.length === this.nodes.length) {
-                    this.isSelectAll = true;
-                }
-            }
-            else {
-                valArry = [this.value];
-            }
-            let ids = [];
-            let selectedNodes = [];
-            if (this.objectArray) {
-                ids = valArry.filter((x) => !XIsUndefined(x) && !XIsNull(x)).map((x) => x.id);
-            }
-            else {
-                ids = valArry;
-            }
-            for (let id of ids) {
-                let node = this.nodes.find((x) => x.id === id);
-                if (node) {
-                    node.selected = true;
-                    selectedNodes.push(node);
-                }
-            }
-            this.selectedNodes = selectedNodes;
-        }
-    }
-    setKeyManager() {
-        if (XIsUndefined(this.keyManager) || XIsUndefined(this.nodes) || this.nodes.length === 0)
-            return;
-        let activeIndex = 0;
-        if (XIsEmpty(this.value)) {
-            this.keyManager.updateActiveItem(activeIndex);
-            return;
-        }
-        let valArry = [];
-        if (this.value instanceof Array) {
-            valArry = this.value;
-        }
-        else {
-            valArry = [this.value];
-        }
-        const first = valArry[0];
-        if (this.objectArray) {
-            activeIndex = this.nodes.findIndex((x) => x.id === first.id);
-        }
-        else {
-            activeIndex = this.nodes.findIndex((x) => x.id === first);
-        }
-        this.keyManager.updateActiveItem(activeIndex);
-        this.setScorllTop(activeIndex);
-    }
-    onNodeClick(event, node) {
-        if (XIsUndefined(node) || node.disabled) {
-            event.stopPropagation();
-            return;
-        }
-        if (node.disabled)
-            return;
-        if (node.selected && this.multiple === 1) {
-            node.event = event;
-            this.nodeClick.emit(node);
-            return;
-        }
-        const selected = !node.selected;
-        if (selected) {
-            if (this.selectedNodes.length < Number(this.multiple) || this.multiple === 0) {
-                node.selected = selected;
-                this.selectedNodes = [...this.selectedNodes, node];
-                if (this.selectedNodes.length === this.nodes.length) {
-                    this.isSelectAll = true;
-                }
-                this.cdr.detectChanges();
-            }
-            else if (this.multiple === 1 && this.selectedNodes.length === 1) {
-                node.selected = selected;
-                this.selectedNodes[0].selected = false;
-                this.selectedNodes[0] = node;
-                this.cdr.detectChanges();
-            }
-            else {
-                return;
-            }
-        }
-        else {
-            node.selected = selected;
-            this.selectedNodes.splice(this.selectedNodes.findIndex((x) => x.id == node.id), 1);
-            this.isSelectAll = false;
-        }
-        if (this.multiple === 1 && this.selectedNodes.length === 1) {
-            this.value = this.objectArray ? this.selectedNodes[0] : this.selectedNodes[0].id;
-        }
-        else {
-            this.value = this.objectArray ? this.selectedNodes : this.selectedNodes.map((x) => x.id);
-        }
-        if (this.onChange)
-            this.onChange(this.value);
-        this.cdr.detectChanges();
-        node.event = event;
-        this.nodeClick.emit(node);
-    }
-    onMouseenter(event, node) {
-        if (node.disabled) {
-            event.stopPropagation();
-            return;
-        }
-        node.event = event;
-        this.nodeMouseenter.emit(node);
-    }
-    onMouseleave(event, node) {
-        if (node.disabled) {
-            event.stopPropagation();
-            return;
-        }
-        node.event = event;
-        this.nodeMouseleave.emit(node);
-    }
-    dropCdk(event) {
-        moveItemInArray(this.nodes, event.previousIndex, event.currentIndex);
-        this.dropListDropped.emit({
-            data: this.nodes,
-            current: this.nodes[event.currentIndex],
-            currentIndex: event.currentIndex,
-            event: event
-        });
-        this.cdr.detectChanges();
-    }
-    predicate(_drag, _drop) {
-        return true;
-    }
-    onSelectAllNodes() {
-        this.isSelectAll = !this.isSelectAll;
-        if (this.isSelectAll) {
-            this.nodes.map((x) => {
-                x.selected = true;
-                return x;
-            });
-            this.selectedNodes = [...this.nodes];
-        }
-        else {
-            this.nodes.map((x) => {
-                x.selected = false;
-                return x;
-            });
-            this.selectedNodes = [];
-        }
-        this.value = this.objectArray ? this.selectedNodes : this.selectedNodes.map((x) => x.id);
-        if (this.onChange)
-            this.onChange(this.value);
-        this.onSelectAll.emit(this.isSelectAll);
-    }
-    onLoadMore() {
-        this.loadMoreIndex++;
-        this.setData();
-    }
-    trackByNode(_index, item) {
-        return item.id;
-    }
-    setUnActive(num) {
-        if (num > -1)
-            this.nodes[num].active = false;
-    }
-}
-/** @nocollapse */ XListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.XConfigService }, { token: i2$1.XI18nService }, { token: X_LIST_DROP_GROUP, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XListComponent, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true }, { propertyName: "listItems", first: true, predicate: ["listItems"], descendants: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\">\r\n  <ng-container *ngIf=\"header\">\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header\">{{ header }}</div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"selectAll && multiple === 0\">\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size\"\r\n        [label]=\"getSelectAllText\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  </ng-container>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else contentTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    class=\"x-list-content\"\r\n    [style.height.px]=\"getVirtualScrollHeight\"\r\n    [hidden]=\"isEmpty\"\r\n  >\r\n    <x-list-option\r\n      *cdkVirtualFor=\"let node of nodes; trackBy: trackByNode\"\r\n      [node]=\"node\"\r\n      [checked]=\"checked\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [selected]=\"node.selected\"\r\n      [disabled]=\"node.disabled\"\r\n      [(active)]=\"node.active\"\r\n      [icon]=\"node.icon\"\r\n      [label]=\"node.label\"\r\n      [leaf]=\"node.leaf\"\r\n      [size]=\"size\"\r\n      [keywordText]=\"keywordText\"\r\n      [caseSensitive]=\"caseSensitive\"\r\n      (click)=\"onNodeClick($event, node)\"\r\n      (mouseenter)=\"onMouseenter($event, node)\"\r\n      (mouseleave)=\"onMouseleave($event, node)\"\r\n    ></x-list-option>\r\n  </cdk-virtual-scroll-viewport>\r\n\r\n  <ng-container *ngIf=\"loadMore && !isEmpty\">\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      <x-icon *ngIf=\"icon && iconSpin\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n      {{ icon && iconSpin ? getLoadingMoreText : getLoadMoreText }}\r\n    </ng-template>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n  <ng-container *ngIf=\"footer\">\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer\">{{ footer }}</div>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #contentTpl>\r\n  <div\r\n    class=\"x-list-content\"\r\n    cdkDropList\r\n    (cdkDropListDropped)=\"dropCdk($event)\"\r\n    [cdkDropListDisabled]=\"!drag\"\r\n    [hidden]=\"isEmpty\"\r\n    [cdkDropListData]=\"nodes\"\r\n    [cdkDropListEnterPredicate]=\"predicate\"\r\n  >\r\n    <x-list-option\r\n      *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n      cdkDrag\r\n      [cdkDragDisabled]=\"node.disabled\"\r\n      [node]=\"node\"\r\n      [checked]=\"checked\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [selected]=\"node.selected\"\r\n      [disabled]=\"node.disabled\"\r\n      [(active)]=\"node.active\"\r\n      [icon]=\"node.icon\"\r\n      [label]=\"node.label\"\r\n      [leaf]=\"node.leaf\"\r\n      [size]=\"size\"\r\n      [keywordText]=\"keywordText\"\r\n      [caseSensitive]=\"caseSensitive\"\r\n      (click)=\"onNodeClick($event, node)\"\r\n      (mouseenter)=\"onMouseenter($event, node)\"\r\n      (mouseleave)=\"onMouseleave($event, node)\"\r\n    ></x-list-option>\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0;width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);font-weight:700}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}\n"], dependencies: [{ 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: i4$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "component", type: i6.XEmptyComponent, selector: "x-empty" }, { kind: "directive", type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "directive", type: i8.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i8.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i8.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XListPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XListComponent)], template: "<div class=\"x-list\">\r\n  <ng-container *ngIf=\"header\">\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header\">{{ header }}</div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"selectAll && multiple === 0\">\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size\"\r\n        [label]=\"getSelectAllText\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  </ng-container>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else contentTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    class=\"x-list-content\"\r\n    [style.height.px]=\"getVirtualScrollHeight\"\r\n    [hidden]=\"isEmpty\"\r\n  >\r\n    <x-list-option\r\n      *cdkVirtualFor=\"let node of nodes; trackBy: trackByNode\"\r\n      [node]=\"node\"\r\n      [checked]=\"checked\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [selected]=\"node.selected\"\r\n      [disabled]=\"node.disabled\"\r\n      [(active)]=\"node.active\"\r\n      [icon]=\"node.icon\"\r\n      [label]=\"node.label\"\r\n      [leaf]=\"node.leaf\"\r\n      [size]=\"size\"\r\n      [keywordText]=\"keywordText\"\r\n      [caseSensitive]=\"caseSensitive\"\r\n      (click)=\"onNodeClick($event, node)\"\r\n      (mouseenter)=\"onMouseenter($event, node)\"\r\n      (mouseleave)=\"onMouseleave($event, node)\"\r\n    ></x-list-option>\r\n  </cdk-virtual-scroll-viewport>\r\n\r\n  <ng-container *ngIf=\"loadMore && !isEmpty\">\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      <x-icon *ngIf=\"icon && iconSpin\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n      {{ icon && iconSpin ? getLoadingMoreText : getLoadMoreText }}\r\n    </ng-template>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n  <ng-container *ngIf=\"footer\">\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer\">{{ footer }}</div>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #contentTpl>\r\n  <div\r\n    class=\"x-list-content\"\r\n    cdkDropList\r\n    (cdkDropListDropped)=\"dropCdk($event)\"\r\n    [cdkDropListDisabled]=\"!drag\"\r\n    [hidden]=\"isEmpty\"\r\n    [cdkDropListData]=\"nodes\"\r\n    [cdkDropListEnterPredicate]=\"predicate\"\r\n  >\r\n    <x-list-option\r\n      *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n      cdkDrag\r\n      [cdkDragDisabled]=\"node.disabled\"\r\n      [node]=\"node\"\r\n      [checked]=\"checked\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [selected]=\"node.selected\"\r\n      [disabled]=\"node.disabled\"\r\n      [(active)]=\"node.active\"\r\n      [icon]=\"node.icon\"\r\n      [label]=\"node.label\"\r\n      [leaf]=\"node.leaf\"\r\n      [size]=\"size\"\r\n      [keywordText]=\"keywordText\"\r\n      [caseSensitive]=\"caseSensitive\"\r\n      (click)=\"onNodeClick($event, node)\"\r\n      (mouseenter)=\"onMouseenter($event, node)\"\r\n      (mouseleave)=\"onMouseleave($event, node)\"\r\n    ></x-list-option>\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0;width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);font-weight:700}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.XConfigService }, { type: i2$1.XI18nService }, { type: XListDropGroup, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [X_LIST_DROP_GROUP]
-                    }, {
-                        type: SkipSelf
-                    }] }];
-    }, propDecorators: { headerRef: [{
-                type: ViewChild,
-                args: ['headerRef']
-            }], footerRef: [{
-                type: ViewChild,
-                args: ['footerRef']
-            }], selectAllRef: [{
-                type: ViewChild,
-                args: ['selectAllRef']
-            }], loadMoreRef: [{
-                type: ViewChild,
-                args: ['loadMoreRef']
-            }], virtualBody: [{
-                type: ViewChild,
-                args: ['virtualBody']
-            }], dropList: [{
-                type: ViewChild,
-                args: [CdkDropList]
-            }], listItems: [{
-                type: ViewChild,
-                args: ['listItems']
-            }], options: [{
-                type: ViewChildren,
-                args: [XListOptionComponent]
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], tabindex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }], keydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-class XListModule {
-}
-/** @nocollapse */ XListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XListModule, declarations: [XListComponent, XListDropGroup, XListOptionComponent, XListProperty, XListOptionProperty], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        A11yModule,
-        XIconModule,
-        XEmptyModule,
-        XBaseFormModule,
-        XI18nModule,
-        XOutletModule,
-        ScrollingModule,
-        XKeywordModule], exports: [XListComponent, XListDropGroup, XListOptionComponent] });
-/** @nocollapse */ XListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        A11yModule,
-        XIconModule,
-        XEmptyModule,
-        XBaseFormModule,
-        XI18nModule,
-        XOutletModule,
-        ScrollingModule,
-        XKeywordModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XListComponent, XListDropGroup, XListOptionComponent, XListProperty, XListOptionProperty],
-                    exports: [XListComponent, XListDropGroup, XListOptionComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        DragDropModule,
-                        A11yModule,
-                        XIconModule,
-                        XEmptyModule,
-                        XBaseFormModule,
-                        XI18nModule,
-                        XOutletModule,
-                        ScrollingModule,
-                        XKeywordModule
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XListComponent, XListDropGroup, XListModule, XListOptionComponent, XListOptionPrefix, XListOptionProperty, XListPrefix, XListProperty, X_LIST_DROP_GROUP };
-//# sourceMappingURL=ng-nest-ui-list.mjs.map