@ng-nest/ui 21.0.13 → 22.0.0

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

@@ -36,130 +36,142 @@ class XListProperty extends XFormControlFunction(X_LIST_CONFIG_NAME) {
          * @zh_CN 列表数据
          * @en_US List data
          */
-        this.data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+        this.data = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 多选个数，设置为0，不限制选择个数
          * @en_US Multiple choice
          */
-        this.multiple = input(1, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: XToNumber });
+        this.multiple = input(1, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 多选添加全选功能，适用于 multiple=0
          * @en_US Multi choice to add full selection function
          */
-        this.selectAll = input(false, { ...(ngDevMode ? { debugName: "selectAll" } : {}), transform: XToBoolean });
+        this.selectAll = input(false, { ...(ngDevMode ? { debugName: "selectAll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 全选的文字
          * @en_US Selected all text
          * @default '全选'
          */
-        this.selectAllText = input(this.config?.selectAllText ?? '', ...(ngDevMode ? [{ debugName: "selectAllText" }] : []));
+        this.selectAllText = input(this.config?.selectAllText ?? '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectAllText" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 选中
          * @en_US Selected
          */
-        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: XToBoolean });
+        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 拖动
          * @en_US Drag
          */
-        this.drag = input(false, { ...(ngDevMode ? { debugName: "drag" } : {}), transform: XToBoolean });
+        this.drag = input(false, { ...(ngDevMode ? { debugName: "drag" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 当开启多选的时候，ngModel 的值为对象数组
          * @en_US When multiple selection is enabled, the value of ngmodel is an array of objects
          */
-        this.objectArray = input(false, { ...(ngDevMode ? { debugName: "objectArray" } : {}), transform: XToBoolean });
+        this.objectArray = input(false, { ...(ngDevMode ? { debugName: "objectArray" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 节点模板
          * @en_US Node template
          */
-        this.nodeTpl = input(...(ngDevMode ? [undefined, { debugName: "nodeTpl" }] : []));
+        this.nodeTpl = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodeTpl" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 节点样式
          * @en_US Node style
          */
-        this.nodeStyle = input(...(ngDevMode ? [undefined, { debugName: "nodeStyle" }] : []));
+        this.nodeStyle = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodeStyle" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 分组模板
          * @en_US Group template
          */
-        this.groupTpl = input(...(ngDevMode ? [undefined, { debugName: "groupTpl" }] : []));
+        this.groupTpl = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "groupTpl" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 列表头部
          * @en_US List header
          */
-        this.header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : []));
+        this.header = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 列表底部
          * @en_US List footer
          */
-        this.footer = input(...(ngDevMode ? [undefined, { debugName: "footer" }] : []));
+        this.footer = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "footer" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 滚动区域元素
          * @en_US Rolling area element
          */
-        this.scrollElement = input(...(ngDevMode ? [undefined, { debugName: "scrollElement" }] : []));
+        this.scrollElement = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "scrollElement" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 是否使用键盘控制
          * @en_US Whether to use keyboard control
          */
-        this.isKeyboardControlled = input(true, { ...(ngDevMode ? { debugName: "isKeyboardControlled" } : {}), transform: XToBoolean });
+        this.isKeyboardControlled = input(true, { ...(ngDevMode ? { debugName: "isKeyboardControlled" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 加载更多
          * @en_US load more
          */
-        this.loadMore = input(false, { ...(ngDevMode ? { debugName: "loadMore" } : {}), transform: XToBoolean });
+        this.loadMore = input(false, { ...(ngDevMode ? { debugName: "loadMore" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 加载更多的文字
          * @en_US Load more text
          * @default '加载更多'
          */
-        this.loadMoreText = input(this.config?.loadMoreText ?? '', ...(ngDevMode ? [{ debugName: "loadMoreText" }] : []));
+        this.loadMoreText = input(this.config?.loadMoreText ?? '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadMoreText" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 正在加载中的文字
          * @en_US Loading
          * @default '正在加载中'
          */
-        this.loadingMoreText = input(this.config?.loadingMoreText ?? '', ...(ngDevMode ? [{ debugName: "loadingMoreText" }] : []));
+        this.loadingMoreText = input(this.config?.loadingMoreText ?? '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadingMoreText" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 开启虚拟滚动，不支持节点拖动功能
          * @en_US Turn on virtual scrolling
          */
-        this.virtualScroll = input(this.config?.virtualScroll ?? false, { ...(ngDevMode ? { debugName: "virtualScroll" } : {}), transform: XToBoolean });
+        this.virtualScroll = input(this.config?.virtualScroll ?? false, { ...(ngDevMode ? { debugName: "virtualScroll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 虚拟滚动高度, 实际会去掉头尾、全选、更多的高度
          * @en_US The virtual rolling height will actually remove the head and end, the full selection, more height
          */
-        this.scrollHeight = input(this.config?.scrollHeight ?? 400, { ...(ngDevMode ? { debugName: "scrollHeight" } : {}), transform: XToNumber });
+        this.scrollHeight = input(this.config?.scrollHeight ?? 400, { ...(ngDevMode ? { debugName: "scrollHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 虚拟滚动高度自适应指定元素
          * @en_US virtual rolling height follows the specified object
          */
-        this.heightAdaption = input(...(ngDevMode ? [undefined, { debugName: "heightAdaption" }] : []));
+        this.heightAdaption = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "heightAdaption" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数
          * @en_US Exceed the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll
          */
-        this.minBufferPx = input(100, { ...(ngDevMode ? { debugName: "minBufferPx" } : {}), transform: XToNumber });
+        this.minBufferPx = input(100, { ...(ngDevMode ? { debugName: "minBufferPx" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 渲染新数据缓冲区的像素，对应 cdk scroll 中的参数
          * @en_US Render the pixels of the new data buffer, corresponding to the parameters in cdk scroll
          */
-        this.maxBufferPx = input(200, { ...(ngDevMode ? { debugName: "maxBufferPx" } : {}), transform: XToNumber });
+        this.maxBufferPx = input(200, { ...(ngDevMode ? { debugName: "maxBufferPx" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 关键字高亮
          * @en_US Keyword highlighting
          */
-        this.keywordText = input(...(ngDevMode ? [undefined, { debugName: "keywordText" }] : []));
+        this.keywordText = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "keywordText" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 匹配关键字区分大小写
          * @en_US Case-sensitive
          */
-        this.caseSensitive = input(this.config?.caseSensitive ?? true, { ...(ngDevMode ? { debugName: "caseSensitive" } : {}), transform: XToBoolean });
+        this.caseSensitive = input(this.config?.caseSensitive ?? true, { ...(ngDevMode ? { debugName: "caseSensitive" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 在弹框中选择时的样式，根据尺寸来决定
          * @en_US The style selected in the pop-up box is determined by size
          */
-        this.inPortal = input(false, { ...(ngDevMode ? { debugName: "inPortal" } : {}), transform: XToBoolean });
+        this.inPortal = input(false, { ...(ngDevMode ? { debugName: "inPortal" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN Full event
          * @en_US 全选事件
@@ -199,12 +211,13 @@ class XListProperty extends XFormControlFunction(X_LIST_CONFIG_NAME) {
          * @zh_CN 尺寸
          * @en_US Size
          */
-        this.size = input(this.config?.size ?? 'medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.size = input(this.config?.size ?? 'medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XListProperty, isStandalone: true, selector: "x-list-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, objectArray: { classPropertyName: "objectArray", publicName: "objectArray", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, nodeStyle: { classPropertyName: "nodeStyle", publicName: "nodeStyle", isSignal: true, isRequired: false, transformFunction: null }, groupTpl: { classPropertyName: "groupTpl", publicName: "groupTpl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, scrollElement: { classPropertyName: "scrollElement", publicName: "scrollElement", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardControlled: { classPropertyName: "isKeyboardControlled", publicName: "isKeyboardControlled", isSignal: true, isRequired: false, transformFunction: null }, loadMore: { classPropertyName: "loadMore", publicName: "loadMore", isSignal: true, isRequired: false, transformFunction: null }, loadMoreText: { classPropertyName: "loadMoreText", publicName: "loadMoreText", isSignal: true, isRequired: false, transformFunction: null }, loadingMoreText: { classPropertyName: "loadingMoreText", publicName: "loadingMoreText", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, heightAdaption: { classPropertyName: "heightAdaption", publicName: "heightAdaption", isSignal: true, isRequired: false, transformFunction: null }, minBufferPx: { classPropertyName: "minBufferPx", publicName: "minBufferPx", isSignal: true, isRequired: false, transformFunction: null }, maxBufferPx: { classPropertyName: "maxBufferPx", publicName: "maxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, inPortal: { classPropertyName: "inPortal", publicName: "inPortal", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectAll: "onSelectAll", nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", dropListDropped: "dropListDropped", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XListProperty, isStandalone: true, selector: "x-list-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, objectArray: { classPropertyName: "objectArray", publicName: "objectArray", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, nodeStyle: { classPropertyName: "nodeStyle", publicName: "nodeStyle", isSignal: true, isRequired: false, transformFunction: null }, groupTpl: { classPropertyName: "groupTpl", publicName: "groupTpl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, scrollElement: { classPropertyName: "scrollElement", publicName: "scrollElement", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardControlled: { classPropertyName: "isKeyboardControlled", publicName: "isKeyboardControlled", isSignal: true, isRequired: false, transformFunction: null }, loadMore: { classPropertyName: "loadMore", publicName: "loadMore", isSignal: true, isRequired: false, transformFunction: null }, loadMoreText: { classPropertyName: "loadMoreText", publicName: "loadMoreText", isSignal: true, isRequired: false, transformFunction: null }, loadingMoreText: { classPropertyName: "loadingMoreText", publicName: "loadingMoreText", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, heightAdaption: { classPropertyName: "heightAdaption", publicName: "heightAdaption", isSignal: true, isRequired: false, transformFunction: null }, minBufferPx: { classPropertyName: "minBufferPx", publicName: "minBufferPx", isSignal: true, isRequired: false, transformFunction: null }, maxBufferPx: { classPropertyName: "maxBufferPx", publicName: "maxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, inPortal: { classPropertyName: "inPortal", publicName: "inPortal", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectAll: "onSelectAll", nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", dropListDropped: "dropListDropped", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XListPrefix}-property`, template: '' }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], selectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAll", required: false }] }], selectAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllText", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], drag: [{ type: i0.Input, args: [{ isSignal: true, alias: "drag", required: false }] }], objectArray: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectArray", required: false }] }], nodeTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTpl", required: false }] }], nodeStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeStyle", required: false }] }], groupTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupTpl", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isKeyboardControlled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isKeyboardControlled", required: false }] }], loadMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMore", required: false }] }], loadMoreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreText", required: false }] }], loadingMoreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMoreText", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], heightAdaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightAdaption", required: false }] }], minBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minBufferPx", required: false }] }], maxBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxBufferPx", required: false }] }], keywordText: [{ type: i0.Input, args: [{ isSignal: true, alias: "keywordText", required: false }] }], caseSensitive: [{ type: i0.Input, args: [{ isSignal: true, alias: "caseSensitive", required: false }] }], inPortal: [{ type: i0.Input, args: [{ isSignal: true, alias: "inPortal", required: false }] }], onSelectAll: [{ type: i0.Output, args: ["onSelectAll"] }], nodeMouseenter: [{ type: i0.Output, args: ["nodeMouseenter"] }], nodeMouseleave: [{ type: i0.Output, args: ["nodeMouseleave"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], dropListDropped: [{ type: i0.Output, args: ["dropListDropped"] }], keyManagerTabOut: [{ type: i0.Output, args: ["keyManagerTabOut"] }], keyManagerChange: [{ type: i0.Output, args: ["keyManagerChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
@@ -223,97 +236,107 @@ class XListOptionProperty {
          * @zh_CN 节点参数
          * @en_US Node param
          */
-        this.node = input(...(ngDevMode ? [undefined, { debugName: "node" }] : []));
+        this.node = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "node" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 选中
          * @en_US Selected
          */
-        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: XToBoolean });
+        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 节点模板
          * @en_US Node template
          */
-        this.nodeTpl = input(...(ngDevMode ? [undefined, { debugName: "nodeTpl" }] : []));
+        this.nodeTpl = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodeTpl" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 节点样式
          * @en_US Node style
          */
-        this.nodeStyle = input(...(ngDevMode ? [undefined, { debugName: "nodeStyle" }] : []));
+        this.nodeStyle = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodeStyle" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 分组模板
          * @en_US Group template
          */
-        this.groupTpl = input(...(ngDevMode ? [undefined, { debugName: "groupTpl" }] : []));
+        this.groupTpl = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "groupTpl" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 选中
          * @en_US selected
          */
-        this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: XToBoolean });
+        this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 分组节点
          * @en_US Group node
          */
-        this.groupable = input(false, { ...(ngDevMode ? { debugName: "groupable" } : {}), transform: XToBoolean });
+        this.groupable = input(false, { ...(ngDevMode ? { debugName: "groupable" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 禁用
          * @en_US forbidden
          */
-        this.forbidden = input(false, { ...(ngDevMode ? { debugName: "forbidden" } : {}), transform: XToBoolean });
+        this.forbidden = input(false, { ...(ngDevMode ? { debugName: "forbidden" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 激活
          * @en_US active
          */
-        this.active = model(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+        this.active = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 打开弹框
          * @en_US open portal
          */
-        this.openPortal = input(false, { ...(ngDevMode ? { debugName: "openPortal" } : {}), transform: XToBoolean });
+        this.openPortal = input(false, { ...(ngDevMode ? { debugName: "openPortal" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 自定义数据对象样式
          * @en_US Customize data object styles
          */
-        this.optionClass = input(...(ngDevMode ? [undefined, { debugName: "optionClass" }] : []));
+        this.optionClass = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "optionClass" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 图标
          * @en_US icon
          */
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.icon = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 分割线
          * @en_US Split line
          */
-        this.divided = input(false, { ...(ngDevMode ? { debugName: "divided" } : {}), transform: XToBoolean });
+        this.divided = input(false, { ...(ngDevMode ? { debugName: "divided" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 标签
          * @en_US label
          */
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.label = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 叶子节点
          * @en_US leaf
          */
-        this.leaf = input(false, { ...(ngDevMode ? { debugName: "leaf" } : {}), transform: XToBoolean });
+        this.leaf = input(false, { ...(ngDevMode ? { debugName: "leaf" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 尺寸
          * @en_US Size
          */
-        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.size = input('medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 关键字高亮
          * @en_US Keyword highlighting
          */
-        this.keywordText = input(...(ngDevMode ? [undefined, { debugName: "keywordText" }] : []));
+        this.keywordText = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "keywordText" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 匹配关键字区分大小写
          * @en_US Case-sensitive
          */
-        this.caseSensitive = input(true, { ...(ngDevMode ? { debugName: "caseSensitive" } : {}), transform: XToBoolean });
+        this.caseSensitive = input(true, { ...(ngDevMode ? { debugName: "caseSensitive" } : /* istanbul ignore next */ {}), transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XListOptionProperty, isStandalone: true, selector: "x-list-option-property", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, nodeStyle: { classPropertyName: "nodeStyle", publicName: "nodeStyle", isSignal: true, isRequired: false, transformFunction: null }, groupTpl: { classPropertyName: "groupTpl", publicName: "groupTpl", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, groupable: { classPropertyName: "groupable", publicName: "groupable", isSignal: true, isRequired: false, transformFunction: null }, forbidden: { classPropertyName: "forbidden", publicName: "forbidden", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, openPortal: { classPropertyName: "openPortal", publicName: "openPortal", isSignal: true, isRequired: false, transformFunction: null }, optionClass: { classPropertyName: "optionClass", publicName: "optionClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leaf: { classPropertyName: "leaf", publicName: "leaf", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XListOptionProperty, isStandalone: true, selector: "x-list-option-property", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, nodeStyle: { classPropertyName: "nodeStyle", publicName: "nodeStyle", isSignal: true, isRequired: false, transformFunction: null }, groupTpl: { classPropertyName: "groupTpl", publicName: "groupTpl", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, groupable: { classPropertyName: "groupable", publicName: "groupable", isSignal: true, isRequired: false, transformFunction: null }, forbidden: { classPropertyName: "forbidden", publicName: "forbidden", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, openPortal: { classPropertyName: "openPortal", publicName: "openPortal", isSignal: true, isRequired: false, transformFunction: null }, optionClass: { classPropertyName: "optionClass", publicName: "optionClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leaf: { classPropertyName: "leaf", publicName: "leaf", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListOptionProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListOptionProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XListOptionPrefix}-property`, template: '' }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], nodeTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTpl", required: false }] }], nodeStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeStyle", required: false }] }], groupTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupTpl", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], groupable: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupable", required: false }] }], forbidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "forbidden", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], openPortal: [{ type: i0.Input, args: [{ isSignal: true, alias: "openPortal", required: false }] }], optionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionClass", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], divided: [{ type: i0.Input, args: [{ isSignal: true, alias: "divided", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], leaf: [{ type: i0.Input, args: [{ isSignal: true, alias: "leaf", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], keywordText: [{ type: i0.Input, args: [{ isSignal: true, alias: "keywordText", required: false }] }], caseSensitive: [{ type: i0.Input, args: [{ isSignal: true, alias: "caseSensitive", required: false }] }] } });
@@ -323,14 +346,16 @@ class XListOptionComponent extends XListOptionProperty {
         super();
         this.role = 'option';
         this.elementRef = inject(ElementRef);
-        this.classMap = computed(() => ({}), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
+        this.classMap = computed(() => ({}), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
         this.disabled = false;
         this.nodeStyleComputed = computed(() => {
             return {
                 ...(this.nodeStyle() ?? {}),
                 ...(this.node()?.style ?? {})
             };
-        }, ...(ngDevMode ? [{ debugName: "nodeStyleComputed" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nodeStyleComputed" }] : /* istanbul ignore next */ []));
         effect(() => (this.disabled = this.forbidden()));
     }
     ngOnDestroy() {
@@ -348,10 +373,10 @@ class XListOptionComponent extends XListOptionProperty {
     getElementRef() {
         return this.elementRef;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XListOptionComponent, isStandalone: true, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap()\"\r\n  [style]=\"nodeStyleComputed()\"\r\n  [class.x-selected]=\"selected()\"\r\n  [class.x-disabled]=\"forbidden()\"\r\n  [class.x-open-portal]=\"openPortal()\"\r\n  [class.x-active]=\"active()\"\r\n  [class.x-group]=\"groupable()\"\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    @if (groupable() && groupTpl()) {\r\n      <ng-template *ngTemplateOutlet=\"groupTpl()!; context: { $group: label() }\"></ng-template>\r\n    } @else {\r\n      @if (nodeTpl()) {\r\n        <ng-template *ngTemplateOutlet=\"nodeTpl()!; context: { $node: node() }\"></ng-template>\r\n      } @else {\r\n        @if (icon()) {\r\n          <x-icon class=\"x-list-option-icon\" [type]=\"icon()\"></x-icon>\r\n        }\r\n        <span x-keyword [text]=\"keywordText()\" [caseSensitive]=\"caseSensitive()\" [attr.title]=\"label()\">{{\r\n          label()\r\n        }}</span>\r\n      }\r\n    }\r\n  </div>\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\"></x-icon>\r\n  }\r\n  @if (checked() && !leaf() && selected()) {\r\n    <x-icon class=\"x-list-checked\" type=\"fto-check\"></x-icon>\r\n  }\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;cursor:pointer;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{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option-icon{margin-right:.25rem}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled,.x-group),.x-list-option.x-active:not(.x-disabled,.x-group){background-color:var(--x-background-a200)}.x-list-option.x-group{cursor:default;color:var(--x-text-400)}.x-list-option.x-group:hover{background-color:transparent}.x-list-option.x-list-divided{position:relative;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-primary-900);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)}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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XListOptionComponent, isStandalone: true, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap()\"\r\n  [style]=\"nodeStyleComputed()\"\r\n  [class.x-selected]=\"selected()\"\r\n  [class.x-disabled]=\"forbidden()\"\r\n  [class.x-open-portal]=\"openPortal()\"\r\n  [class.x-active]=\"active()\"\r\n  [class.x-group]=\"groupable()\"\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    @if (groupable() && groupTpl()) {\r\n      <ng-template *ngTemplateOutlet=\"groupTpl()!; context: { $group: label() }\"></ng-template>\r\n    } @else {\r\n      @if (nodeTpl()) {\r\n        <ng-template *ngTemplateOutlet=\"nodeTpl()!; context: { $node: node() }\"></ng-template>\r\n      } @else {\r\n        @if (icon()) {\r\n          <x-icon class=\"x-list-option-icon\" [type]=\"icon()\"></x-icon>\r\n        }\r\n        <span x-keyword [text]=\"keywordText()\" [caseSensitive]=\"caseSensitive()\" [attr.title]=\"label()\">{{\r\n          label()\r\n        }}</span>\r\n      }\r\n    }\r\n  </div>\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\"></x-icon>\r\n  }\r\n  @if (checked() && !leaf() && selected()) {\r\n    <x-icon class=\"x-list-checked\" type=\"fto-check\"></x-icon>\r\n  }\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;cursor:pointer;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{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option-icon{margin-right:.25rem}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled,.x-group),.x-list-option.x-active:not(.x-disabled,.x-group){background-color:var(--x-background-a200)}.x-list-option.x-group{cursor:default;color:var(--x-text-400)}.x-list-option.x-group:hover{background-color:transparent}.x-list-option.x-list-divided{position:relative;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-primary-900);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)}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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XListOptionPrefix}`, imports: [NgClass, NgTemplateOutlet, XIconComponent, XKeywordDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap()\"\r\n  [style]=\"nodeStyleComputed()\"\r\n  [class.x-selected]=\"selected()\"\r\n  [class.x-disabled]=\"forbidden()\"\r\n  [class.x-open-portal]=\"openPortal()\"\r\n  [class.x-active]=\"active()\"\r\n  [class.x-group]=\"groupable()\"\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    @if (groupable() && groupTpl()) {\r\n      <ng-template *ngTemplateOutlet=\"groupTpl()!; context: { $group: label() }\"></ng-template>\r\n    } @else {\r\n      @if (nodeTpl()) {\r\n        <ng-template *ngTemplateOutlet=\"nodeTpl()!; context: { $node: node() }\"></ng-template>\r\n      } @else {\r\n        @if (icon()) {\r\n          <x-icon class=\"x-list-option-icon\" [type]=\"icon()\"></x-icon>\r\n        }\r\n        <span x-keyword [text]=\"keywordText()\" [caseSensitive]=\"caseSensitive()\" [attr.title]=\"label()\">{{\r\n          label()\r\n        }}</span>\r\n      }\r\n    }\r\n  </div>\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\"></x-icon>\r\n  }\r\n  @if (checked() && !leaf() && selected()) {\r\n    <x-icon class=\"x-list-checked\" type=\"fto-check\"></x-icon>\r\n  }\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;cursor:pointer;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{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option-icon{margin-right:.25rem}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled,.x-group),.x-list-option.x-active:not(.x-disabled,.x-group){background-color:var(--x-background-a200)}.x-list-option.x-group{cursor:default;color:var(--x-text-400)}.x-list-option.x-group:hover{background-color:transparent}.x-list-option.x-list-divided{position:relative;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-primary-900);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)}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: () => [], propDecorators: { role: [{
@@ -363,7 +388,7 @@ const X_LIST_DROP_GROUP = new InjectionToken('XListDropGroup');
 class XListDropGroup {
     constructor() {
         this.dropLists = new Set();
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: XToBoolean, alias: 'xListDropGroupDisabled' });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: XToBoolean, alias: 'xListDropGroupDisabled' });
     }
     setConnectedTo() {
         this.dropLists.forEach((x) => {
@@ -383,10 +408,10 @@ class XListDropGroup {
     ngOnDestroy() {
         this.dropLists.clear();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: XListDropGroup, isStandalone: true, selector: "[xListDropGroup]", inputs: { disabled: { classPropertyName: "disabled", publicName: "xListDropGroupDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: XListDropGroup, isStandalone: true, selector: "[xListDropGroup]", inputs: { disabled: { classPropertyName: "disabled", publicName: "xListDropGroupDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListDropGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListDropGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[xListDropGroup]',
@@ -427,29 +452,45 @@ class XListComponent extends XListProperty {
         this.unSubject = new Subject();
         this.i18n = inject(XI18nService);
         this.listDropGroup = inject(X_LIST_DROP_GROUP, { optional: true, skipSelf: true });
-        this.nodes = signal([], ...(ngDevMode ? [{ debugName: "nodes" }] : []));
-        this.selectedNodes = signal([], ...(ngDevMode ? [{ debugName: "selectedNodes" }] : []));
-        this.headerRef = viewChild('headerRef', ...(ngDevMode ? [{ debugName: "headerRef" }] : []));
-        this.footerRef = viewChild('footerRef', ...(ngDevMode ? [{ debugName: "footerRef" }] : []));
-        this.selectAllRef = viewChild('selectAllRef', ...(ngDevMode ? [{ debugName: "selectAllRef" }] : []));
-        this.loadMoreRef = viewChild('loadMoreRef', ...(ngDevMode ? [{ debugName: "loadMoreRef" }] : []));
-        this.virtualBody = viewChild('virtualBody', ...(ngDevMode ? [{ debugName: "virtualBody" }] : []));
-        this.dropList = viewChild(CdkDropList, ...(ngDevMode ? [{ debugName: "dropList" }] : []));
-        this.isSelectAll = signal(false, ...(ngDevMode ? [{ debugName: "isSelectAll" }] : []));
+        this.nodes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+        this.selectedNodes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedNodes" }] : /* istanbul ignore next */ []));
+        this.headerRef = viewChild('headerRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headerRef" }] : /* istanbul ignore next */ []));
+        this.footerRef = viewChild('footerRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "footerRef" }] : /* istanbul ignore next */ []));
+        this.selectAllRef = viewChild('selectAllRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectAllRef" }] : /* istanbul ignore next */ []));
+        this.loadMoreRef = viewChild('loadMoreRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadMoreRef" }] : /* istanbul ignore next */ []));
+        this.virtualBody = viewChild('virtualBody', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "virtualBody" }] : /* istanbul ignore next */ []));
+        this.dropList = viewChild(CdkDropList, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropList" }] : /* istanbul ignore next */ []));
+        this.isSelectAll = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSelectAll" }] : /* istanbul ignore next */ []));
         this.locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.list)), { initialValue: zh_CN.list });
-        this.loadMoreIndex = signal(0, ...(ngDevMode ? [{ debugName: "loadMoreIndex" }] : []));
-        this.icon = signal('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-        this.iconSpin = signal(false, ...(ngDevMode ? [{ debugName: "iconSpin" }] : []));
-        this.scrollHeightSignal = signal(0, ...(ngDevMode ? [{ debugName: "scrollHeightSignal" }] : []));
+        this.loadMoreIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadMoreIndex" }] : /* istanbul ignore next */ []));
+        this.icon = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        this.iconSpin = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconSpin" }] : /* istanbul ignore next */ []));
+        this.scrollHeightSignal = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollHeightSignal" }] : /* istanbul ignore next */ []));
         this.classMap = computed(() => ({
             [`${XListPrefix}-${this.size()}`]: this.size() ? true : false,
             [`${XListPrefix}-group`]: this.groupable() ? true : false
-        }), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
         this.sizeChange = null;
-        this.activeNode = signal(null, ...(ngDevMode ? [{ debugName: "activeNode" }] : []));
+        this.activeNode = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeNode" }] : /* istanbul ignore next */ []));
         this.role = 'listbox';
         this.tabindex = -1;
-        this.groupable = computed(() => this.nodes().some((x) => !!x.group), ...(ngDevMode ? [{ debugName: "groupable" }] : []));
+        this.groupable = computed(() => this.nodes().some((x) => !!x.group), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupable" }] : /* istanbul ignore next */ []));
         this.itemSizeMap = {
             mini: 22,
             small: 24,
@@ -457,11 +498,16 @@ class XListComponent extends XListProperty {
             large: 32,
             big: 36
         };
-        this.itemSize = computed(() => this.itemSizeMap[this.size()], ...(ngDevMode ? [{ debugName: "itemSize" }] : []));
-        this.isEmpty = computed(() => XIsEmpty(this.nodes()), ...(ngDevMode ? [{ debugName: "isEmpty" }] : []));
-        this.getSelectAllText = computed(() => this.selectAllText() || this.locale()?.selectAllText, ...(ngDevMode ? [{ debugName: "getSelectAllText" }] : []));
-        this.getLoadMoreText = computed(() => this.loadMoreText() || this.locale()?.loadMoreText, ...(ngDevMode ? [{ debugName: "getLoadMoreText" }] : []));
-        this.getLoadingMoreText = computed(() => this.loadingMoreText() || this.locale()?.loadingMoreText, ...(ngDevMode ? [{ debugName: "getLoadingMoreText" }] : []));
+        this.itemSize = computed(() => this.itemSizeMap[this.size()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemSize" }] : /* istanbul ignore next */ []));
+        this.isEmpty = computed(() => XIsEmpty(this.nodes()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
+        this.getSelectAllText = computed(() => this.selectAllText() || this.locale()?.selectAllText, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "getSelectAllText" }] : /* istanbul ignore next */ []));
+        this.getLoadMoreText = computed(() => this.loadMoreText() || this.locale()?.loadMoreText, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "getLoadMoreText" }] : /* istanbul ignore next */ []));
+        this.getLoadingMoreText = computed(() => this.loadingMoreText() || this.locale()?.loadingMoreText, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "getLoadingMoreText" }] : /* istanbul ignore next */ []));
         this.minBufferPxSignal = computed(() => {
             if (this.virtualScroll() && this.heightAdaption()) {
                 return this.getVirtualScrollHeight();
@@ -469,7 +515,8 @@ class XListComponent extends XListProperty {
             else {
                 return this.minBufferPx();
             }
-        }, ...(ngDevMode ? [{ debugName: "minBufferPxSignal" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minBufferPxSignal" }] : /* istanbul ignore next */ []));
         this.maxBufferPxSignal = computed(() => {
             if (this.virtualScroll() && this.heightAdaption()) {
                 return this.getVirtualScrollHeight() * 1.2;
@@ -477,7 +524,8 @@ class XListComponent extends XListProperty {
             else {
                 return this.maxBufferPx();
             }
-        }, ...(ngDevMode ? [{ debugName: "maxBufferPxSignal" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxBufferPxSignal" }] : /* istanbul ignore next */ []));
         afterEveryRender({
             mixedReadWrite: () => {
                 if (this.virtualScroll() && this.scrollHeight()) {
@@ -790,10 +838,10 @@ class XListComponent extends XListProperty {
             this.nodes()[num].active = false;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XListComponent, isStandalone: true, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent), { provide: X_LIST_DROP_GROUP, useValue: undefined }], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true, isSignal: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true, isSignal: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true, isSignal: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (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        [nodeStyle]=\"nodeStyle()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\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        [nodeStyle]=\"nodeStyle()\"\r\n        [groupTpl]=\"groupTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [groupable]=\"node.groupable!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [divided]=\"node.divided!\"\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        tabindex=\"-1\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"listTpl; context: { $list: nodes() }\"></ng-container>\r\n  }\r\n\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [nodeTpl]=\"loadMoreTpl\"\r\n        [nodeStyle]=\"nodeStyle()\"\r\n        (click)=\"onLoadMore()\"\r\n      ></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}</ng-template\r\n    >\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n\r\n<ng-template #listTpl let-list=\"$list\">\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]=\"list\"\r\n    [cdkDropListEnterPredicate]=\"predicate\"\r\n  >\r\n    @for (node of list; track node.id) {\r\n      <x-list-option\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"node.disabled || node.groupable\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [groupTpl]=\"groupTpl()\"\r\n        [nodeStyle]=\"nodeStyle()\"\r\n        [selected]=\"node.selected!\"\r\n        [groupable]=\"node.groupable!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [divided]=\"node.divided!\"\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        tabindex=\"-1\"\r\n      ></x-list-option>\r\n    }\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}.x-list{width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more{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{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius);transition:background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-portal x-list-option .x-list-option.x-list-divided{margin-top:.8125rem}.x-list-portal x-list-option .x-list-option.x-list-group{padding:0}.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}.x-list-group.x-list-big .x-list-option:not(.x-group){padding:0 var(--x-padding-big) 0 calc(var(--x-padding-big) * 2.5)}.x-list-group.x-list-large .x-list-option:not(.x-group){padding:0 var(--x-padding-large) 0 calc(var(--x-padding-large) * 2.5)}.x-list-group.x-list-medium .x-list-option:not(.x-group){padding:0 var(--x-padding-medium) 0 calc(var(--x-padding-medium) * 2.5)}.x-list-group.x-list-small .x-list-option:not(.x-group){padding:0 var(--x-padding-small) 0 calc(var(--x-padding-small) * 2.5)}.x-list-group.x-list-mini .x-list-option:not(.x-group){padding:0 var(--x-padding-mini) 0 calc(var(--x-padding-mini) * 2.5)}.x-list-big .x-list-header,.x-list-big .x-list-footer,.x-list-big .x-list-option{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer,.x-list-large .x-list-option{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer,.x-list-medium .x-list-option{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer,.x-list-small .x-list-option{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer,.x-list-mini .x-list-option{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XListComponent, isStandalone: true, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent), { provide: X_LIST_DROP_GROUP, useValue: undefined }], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true, isSignal: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true, isSignal: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true, isSignal: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (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        [nodeStyle]=\"nodeStyle()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\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        [nodeStyle]=\"nodeStyle()\"\r\n        [groupTpl]=\"groupTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [groupable]=\"node.groupable!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [divided]=\"node.divided!\"\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        tabindex=\"-1\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"listTpl; context: { $list: nodes() }\"></ng-container>\r\n  }\r\n\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [nodeTpl]=\"loadMoreTpl\"\r\n        [nodeStyle]=\"nodeStyle()\"\r\n        (click)=\"onLoadMore()\"\r\n      ></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}</ng-template\r\n    >\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n\r\n<ng-template #listTpl let-list=\"$list\">\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]=\"list\"\r\n    [cdkDropListEnterPredicate]=\"predicate\"\r\n  >\r\n    @for (node of list; track node.id) {\r\n      <x-list-option\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"node.disabled || node.groupable\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [groupTpl]=\"groupTpl()\"\r\n        [nodeStyle]=\"nodeStyle()\"\r\n        [selected]=\"node.selected!\"\r\n        [groupable]=\"node.groupable!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [divided]=\"node.divided!\"\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        tabindex=\"-1\"\r\n      ></x-list-option>\r\n    }\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}.x-list{width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more{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{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius);transition:background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-portal x-list-option .x-list-option.x-list-divided{margin-top:.8125rem}.x-list-portal x-list-option .x-list-option.x-list-group{padding:0}.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}.x-list-group.x-list-big .x-list-option:not(.x-group){padding:0 var(--x-padding-big) 0 calc(var(--x-padding-big) * 2.5)}.x-list-group.x-list-large .x-list-option:not(.x-group){padding:0 var(--x-padding-large) 0 calc(var(--x-padding-large) * 2.5)}.x-list-group.x-list-medium .x-list-option:not(.x-group){padding:0 var(--x-padding-medium) 0 calc(var(--x-padding-medium) * 2.5)}.x-list-group.x-list-small .x-list-option:not(.x-group){padding:0 var(--x-padding-small) 0 calc(var(--x-padding-small) * 2.5)}.x-list-group.x-list-mini .x-list-option:not(.x-group){padding:0 var(--x-padding-mini) 0 calc(var(--x-padding-mini) * 2.5)}.x-list-big .x-list-header,.x-list-big .x-list-footer,.x-list-big .x-list-option{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer,.x-list-large .x-list-option{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer,.x-list-medium .x-list-option{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer,.x-list-small .x-list-option{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer,.x-list-mini .x-list-option{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XListPrefix}`, imports: [
                         NgClass,
@@ -823,11 +871,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
             }] } });
 
 class XListModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XListModule, imports: [XListComponent, XListDropGroup, XListOptionComponent], exports: [XListComponent, XListDropGroup, XListOptionComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListModule, imports: [XListComponent, XListOptionComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XListModule, imports: [XListComponent, XListDropGroup, XListOptionComponent], exports: [XListComponent, XListDropGroup, XListOptionComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListModule, imports: [XListComponent, XListOptionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XListModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XListComponent, XListDropGroup, XListOptionComponent],