@ng-nest/ui 21.0.13 → 22.0.0

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

@@ -35,82 +35,91 @@ class XFindProperty extends XFormControlFunction(X_FIND_CONFIG_NAME) {
          * @zh_CN 显示边框
          * @en_US Display Border
          */
-        this.bordered = input(this.config?.bordered ?? true, { ...(ngDevMode ? { debugName: "bordered" } : {}), transform: XToBoolean });
+        this.bordered = input(this.config?.bordered ?? true, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 多选
          * @en_US Multiple choice
          */
-        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: XToBoolean });
+        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 选中 label 名称字段
          * @en_US Check the label name field
          */
-        this.columnLabel = input(this.config?.columnLabel ?? 'label', ...(ngDevMode ? [{ debugName: "columnLabel" }] : []));
+        this.columnLabel = input(this.config?.columnLabel ?? 'label', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnLabel" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 弹框标题
          * @en_US Bullet title
          */
-        this.dialogTitle = input(this.config?.dialogTitle ?? '查找选择', ...(ngDevMode ? [{ debugName: "dialogTitle" }] : []));
+        this.dialogTitle = input(this.config?.dialogTitle ?? '查找选择', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogTitle" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 弹框表格选择列头名称
          * @en_US Ball Form Select List Name
          */
-        this.dialogCheckboxLabel = input(this.config?.dialogCheckboxLabel ?? '选择', ...(ngDevMode ? [{ debugName: "dialogCheckboxLabel" }] : []));
+        this.dialogCheckboxLabel = input(this.config?.dialogCheckboxLabel ?? '选择', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogCheckboxLabel" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 弹框表格选择列宽
          * @en_US Ball Form Select List width
          */
-        this.dialogCheckboxWidth = input(this.config?.dialogCheckboxWidth ?? '60px', { ...(ngDevMode ? { debugName: "dialogCheckboxWidth" } : {}), transform: XToCssPixelValue });
+        this.dialogCheckboxWidth = input(this.config?.dialogCheckboxWidth ?? '60px', { ...(ngDevMode ? { debugName: "dialogCheckboxWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
         /**
          * @zh_CN 弹框选择数据为空的提示信息
          * @en_US Ball box selection data empty prompt information
          */
-        this.dialogEmptyContent = input(this.config?.dialogEmptyContent ?? '请选择数据', ...(ngDevMode ? [{ debugName: "dialogEmptyContent" }] : []));
+        this.dialogEmptyContent = input(this.config?.dialogEmptyContent ?? '请选择数据', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogEmptyContent" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 弹框宽度
          * @en_US Bullet frame width
          */
-        this.dialogWidth = input('', { ...(ngDevMode ? { debugName: "dialogWidth" } : {}), transform: XToCssPixelValue });
+        this.dialogWidth = input('', { ...(ngDevMode ? { debugName: "dialogWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
         /**
          * @zh_CN 弹框高度
          * @en_US Height of bullet frame
          */
-        this.dialogHeight = input('', { ...(ngDevMode ? { debugName: "dialogHeight" } : {}), transform: XToCssPixelValue });
+        this.dialogHeight = input('', { ...(ngDevMode ? { debugName: "dialogHeight" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
         /**
          * @zh_CN 弹框显示，隐藏
          * @en_US Bullet box display, hide
          */
-        this.dialogVisible = model(false, ...(ngDevMode ? [{ debugName: "dialogVisible" }] : []));
+        this.dialogVisible = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogVisible" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 按钮居中
          * @en_US Button centered
          */
-        this.dialogButtonsCenter = input(false, { ...(ngDevMode ? { debugName: "dialogButtonsCenter" } : {}), transform: XToBoolean });
+        this.dialogButtonsCenter = input(false, { ...(ngDevMode ? { debugName: "dialogButtonsCenter" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 表格行数据
          * @en_US Table row data
          */
-        this.tableData = input([], { ...(ngDevMode ? { debugName: "tableData" } : {}), transform: XToDataConvert });
+        this.tableData = input([], { ...(ngDevMode ? { debugName: "tableData" } : /* istanbul ignore next */ {}), transform: XToDataConvert });
         /**
          * @zh_CN 表格页码
          * @en_US Table page number
          */
-        this.tableIndex = model(this.config?.tableIndex ?? 1, ...(ngDevMode ? [{ debugName: "tableIndex" }] : []));
+        this.tableIndex = model(this.config?.tableIndex ?? 1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableIndex" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 表每页数据条数
          * @en_US Number of data items per page
          */
-        this.tableSize = model(this.config?.tableSize ?? 10, ...(ngDevMode ? [{ debugName: "tableSize" }] : []));
+        this.tableSize = model(this.config?.tableSize ?? 10, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableSize" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 表格查询条件
          * @en_US Number of data items per page
          */
-        this.tableQuery = model({}, ...(ngDevMode ? [{ debugName: "tableQuery" }] : []));
+        this.tableQuery = model({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableQuery" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 表格数据总条数
          * @en_US Total number of table data
          */
-        this.tableTotal = model(0, ...(ngDevMode ? [{ debugName: "tableTotal" }] : []));
+        this.tableTotal = model(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableTotal" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 排序点击的事件
          * @en_US Sort click events
@@ -120,12 +129,14 @@ class XFindProperty extends XFormControlFunction(X_FIND_CONFIG_NAME) {
          * @zh_CN 表格列参数
          * @en_US Table column parameters
          */
-        this.tableColumns = input([], ...(ngDevMode ? [{ debugName: "tableColumns" }] : []));
+        this.tableColumns = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableColumns" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 当前选中行数据
          * @en_US Currently selected row data
          */
-        this.tableActivatedRow = model(...(ngDevMode ? [undefined, { debugName: "tableActivatedRow" }] : []));
+        this.tableActivatedRow = model(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "tableActivatedRow" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 表格行点击事件
          * @en_US Table row click event
@@ -135,137 +146,149 @@ class XFindProperty extends XFormControlFunction(X_FIND_CONFIG_NAME) {
          * @zh_CN 表格行点击事件
          * @en_US Table row click event
          */
-        this.tableCheckedRow = model({}, ...(ngDevMode ? [{ debugName: "tableCheckedRow" }] : []));
+        this.tableCheckedRow = model({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableCheckedRow" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 是否启用加载 loading
          * @en_US Whether to enable loading loading
          */
-        this.tableLoading = input(this.config?.tableLoading ?? false, { ...(ngDevMode ? { debugName: "tableLoading" } : {}), transform: XToBoolean });
+        this.tableLoading = input(this.config?.tableLoading ?? false, { ...(ngDevMode ? { debugName: "tableLoading" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 表格开启虚拟滚动
          * @en_US Table opens virtual scrolling
          */
-        this.tableVirtualScroll = input(this.config?.tableVirtualScroll ?? false, { ...(ngDevMode ? { debugName: "tableVirtualScroll" } : {}), transform: XToBoolean });
+        this.tableVirtualScroll = input(this.config?.tableVirtualScroll ?? false, { ...(ngDevMode ? { debugName: "tableVirtualScroll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 表格滚动区域高宽
          * @en_US table height and width of rolling area
          */
-        this.tableScroll = input(...(ngDevMode ? [undefined, { debugName: "tableScroll" }] : []));
+        this.tableScroll = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "tableScroll" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 表格 body 数据高度
          * @en_US Table body data height
          */
-        this.tableBodyHeight = input(null, { ...(ngDevMode ? { debugName: "tableBodyHeight" } : {}), transform: XToNumber });
+        this.tableBodyHeight = input(null, { ...(ngDevMode ? { debugName: "tableBodyHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 表格超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数
          * @en_US The table exceeds the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll
          */
-        this.tableMinBufferPx = input(100, { ...(ngDevMode ? { debugName: "tableMinBufferPx" } : {}), transform: XToNumber });
+        this.tableMinBufferPx = input(100, { ...(ngDevMode ? { debugName: "tableMinBufferPx" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 表格渲染新数据缓冲区的像素，对应 cdk scroll 中的参数
          * @en_US The pixels of the new data buffer for the table rendering, corresponding to the parameters in cdk scroll
          */
-        this.tableMaxBufferPx = input(200, { ...(ngDevMode ? { debugName: "tableMaxBufferPx" } : {}), transform: XToNumber });
+        this.tableMaxBufferPx = input(200, { ...(ngDevMode ? { debugName: "tableMaxBufferPx" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 表格自适应高度，table 高度等于屏幕高度减掉此处设置的数值
          * @en_US Table adaptive height, table height is equal to the screen height minus the value set here
          */
-        this.tableAdaptionHeight = input(null, { ...(ngDevMode ? { debugName: "tableAdaptionHeight" } : {}), transform: XToNumber });
+        this.tableAdaptionHeight = input(null, { ...(ngDevMode ? { debugName: "tableAdaptionHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 表格文档高度百分比，弹窗百分比高度用到
          * @en_US Table document height percentage, used for pop-up window percentage height
          */
-        this.tableDocPercent = input(1, { ...(ngDevMode ? { debugName: "tableDocPercent" } : {}), transform: XToNumber });
+        this.tableDocPercent = input(1, { ...(ngDevMode ? { debugName: "tableDocPercent" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 表格行高度，单位 px
          * @en_US Table row height, unit px
          */
-        this.tableRowHeight = input(this.config?.tableRowHeight ?? 42, { ...(ngDevMode ? { debugName: "tableRowHeight" } : {}), transform: XToNumber });
+        this.tableRowHeight = input(this.config?.tableRowHeight ?? 42, { ...(ngDevMode ? { debugName: "tableRowHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 树节点数据
          * @en_US Tree node data
          */
-        this.treeData = input([], { ...(ngDevMode ? { debugName: "treeData" } : {}), transform: XToDataConvert });
+        this.treeData = input([], { ...(ngDevMode ? { debugName: "treeData" } : /* istanbul ignore next */ {}), transform: XToDataConvert });
         /**
          * @zh_CN 树当前激活的节点 Id
          * @en_US Id of the currently active node of the tree
          */
-        this.treeActivatedId = model(...(ngDevMode ? [undefined, { debugName: "treeActivatedId" }] : []));
+        this.treeActivatedId = model(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "treeActivatedId" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 树默认展开的层级
          * @en_US The level of the tree expanded by default
          */
-        this.treeExpandedLevel = input(this.config?.treeExpandedLevel ?? 0, { ...(ngDevMode ? { debugName: "treeExpandedLevel" } : {}), transform: XToNumber });
+        this.treeExpandedLevel = input(this.config?.treeExpandedLevel ?? 0, { ...(ngDevMode ? { debugName: "treeExpandedLevel" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 树 checkbox 选中的节点
          * @en_US Tree checkbox selected node
          */
-        this.treeChecked = model([], ...(ngDevMode ? [{ debugName: "treeChecked" }] : []));
+        this.treeChecked = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "treeChecked" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 树显示多选框
          * @en_US Tree display checkbox
          */
-        this.treeCheckbox = input(false, { ...(ngDevMode ? { debugName: "treeCheckbox" } : {}), transform: XToBoolean });
+        this.treeCheckbox = input(false, { ...(ngDevMode ? { debugName: "treeCheckbox" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 树和表格同时存在的时候，树节点 id 对应表格的属性，用来做表格数据过滤
          * @en_US When the tree and the table exist at the same time, the tree node id corresponds to the attribute of the table, which is used to filter the table data
          */
-        this.treeTableConnect = input(...(ngDevMode ? [undefined, { debugName: "treeTableConnect" }] : []));
+        this.treeTableConnect = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "treeTableConnect" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 数据查询过滤表单
          * @en_US form for data filter
          */
-        this.search = model(null, ...(ngDevMode ? [{ debugName: "search" }] : []));
+        this.search = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
         /**
          * @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 */ []));
         /**
          * @zh_CN 标签
          * @en_US Label
          */
-        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.label = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 标签宽度
          * @en_US Label width
          */
-        this.labelWidth = input('', { ...(ngDevMode ? { debugName: "labelWidth" } : {}), transform: XToCssPixelValue });
+        this.labelWidth = input('', { ...(ngDevMode ? { debugName: "labelWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
         /**
          * @zh_CN 标签文字对齐方式
          * @en_US Label text alignment method
          */
-        this.labelAlign = input('start', ...(ngDevMode ? [{ debugName: "labelAlign" }] : []));
+        this.labelAlign = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelAlign" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN flex 布局下的子元素水平排列方式
          * @en_US The level of sub-element level arrangement under flex layout
          */
-        this.justify = input('start', ...(ngDevMode ? [{ debugName: "justify" }] : []));
+        this.justify = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "justify" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN flex 布局下的子元素垂直排列方式
          * @en_US sub-element vertical arrangement method under flex layout
          */
-        this.align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : []));
+        this.align = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN flex 布局下的子元素排列方向
          * @en_US The direction of the sub-element arrangement under flex layout
          */
-        this.direction = input('column', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        this.direction = input('column', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 禁用
          * @en_US Disabled
          */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: XToBoolean });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 必填
          * @en_US Required
          */
-        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: XToBoolean });
+        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XFindProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XFindProperty, isStandalone: true, selector: "x-find-property", inputs: { bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, columnLabel: { classPropertyName: "columnLabel", publicName: "columnLabel", isSignal: true, isRequired: false, transformFunction: null }, dialogTitle: { classPropertyName: "dialogTitle", publicName: "dialogTitle", isSignal: true, isRequired: false, transformFunction: null }, dialogCheckboxLabel: { classPropertyName: "dialogCheckboxLabel", publicName: "dialogCheckboxLabel", isSignal: true, isRequired: false, transformFunction: null }, dialogCheckboxWidth: { classPropertyName: "dialogCheckboxWidth", publicName: "dialogCheckboxWidth", isSignal: true, isRequired: false, transformFunction: null }, dialogEmptyContent: { classPropertyName: "dialogEmptyContent", publicName: "dialogEmptyContent", isSignal: true, isRequired: false, transformFunction: null }, dialogWidth: { classPropertyName: "dialogWidth", publicName: "dialogWidth", isSignal: true, isRequired: false, transformFunction: null }, dialogHeight: { classPropertyName: "dialogHeight", publicName: "dialogHeight", isSignal: true, isRequired: false, transformFunction: null }, dialogVisible: { classPropertyName: "dialogVisible", publicName: "dialogVisible", isSignal: true, isRequired: false, transformFunction: null }, dialogButtonsCenter: { classPropertyName: "dialogButtonsCenter", publicName: "dialogButtonsCenter", isSignal: true, isRequired: false, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: false, transformFunction: null }, tableIndex: { classPropertyName: "tableIndex", publicName: "tableIndex", isSignal: true, isRequired: false, transformFunction: null }, tableSize: { classPropertyName: "tableSize", publicName: "tableSize", isSignal: true, isRequired: false, transformFunction: null }, tableQuery: { classPropertyName: "tableQuery", publicName: "tableQuery", isSignal: true, isRequired: false, transformFunction: null }, tableTotal: { classPropertyName: "tableTotal", publicName: "tableTotal", isSignal: true, isRequired: false, transformFunction: null }, tableColumns: { classPropertyName: "tableColumns", publicName: "tableColumns", isSignal: true, isRequired: false, transformFunction: null }, tableActivatedRow: { classPropertyName: "tableActivatedRow", publicName: "tableActivatedRow", isSignal: true, isRequired: false, transformFunction: null }, tableCheckedRow: { classPropertyName: "tableCheckedRow", publicName: "tableCheckedRow", isSignal: true, isRequired: false, transformFunction: null }, tableLoading: { classPropertyName: "tableLoading", publicName: "tableLoading", isSignal: true, isRequired: false, transformFunction: null }, tableVirtualScroll: { classPropertyName: "tableVirtualScroll", publicName: "tableVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, tableScroll: { classPropertyName: "tableScroll", publicName: "tableScroll", isSignal: true, isRequired: false, transformFunction: null }, tableBodyHeight: { classPropertyName: "tableBodyHeight", publicName: "tableBodyHeight", isSignal: true, isRequired: false, transformFunction: null }, tableMinBufferPx: { classPropertyName: "tableMinBufferPx", publicName: "tableMinBufferPx", isSignal: true, isRequired: false, transformFunction: null }, tableMaxBufferPx: { classPropertyName: "tableMaxBufferPx", publicName: "tableMaxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, tableAdaptionHeight: { classPropertyName: "tableAdaptionHeight", publicName: "tableAdaptionHeight", isSignal: true, isRequired: false, transformFunction: null }, tableDocPercent: { classPropertyName: "tableDocPercent", publicName: "tableDocPercent", isSignal: true, isRequired: false, transformFunction: null }, tableRowHeight: { classPropertyName: "tableRowHeight", publicName: "tableRowHeight", isSignal: true, isRequired: false, transformFunction: null }, treeData: { classPropertyName: "treeData", publicName: "treeData", isSignal: true, isRequired: false, transformFunction: null }, treeActivatedId: { classPropertyName: "treeActivatedId", publicName: "treeActivatedId", isSignal: true, isRequired: false, transformFunction: null }, treeExpandedLevel: { classPropertyName: "treeExpandedLevel", publicName: "treeExpandedLevel", isSignal: true, isRequired: false, transformFunction: null }, treeChecked: { classPropertyName: "treeChecked", publicName: "treeChecked", isSignal: true, isRequired: false, transformFunction: null }, treeCheckbox: { classPropertyName: "treeCheckbox", publicName: "treeCheckbox", isSignal: true, isRequired: false, transformFunction: null }, treeTableConnect: { classPropertyName: "treeTableConnect", publicName: "treeTableConnect", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dialogVisible: "dialogVisibleChange", tableIndex: "tableIndexChange", tableSize: "tableSizeChange", tableQuery: "tableQueryChange", tableTotal: "tableTotalChange", tableSortChange: "tableSortChange", tableActivatedRow: "tableActivatedRowChange", tableRowEmit: "tableRowEmit", tableCheckedRow: "tableCheckedRowChange", treeActivatedId: "treeActivatedIdChange", treeChecked: "treeCheckedChange", search: "searchChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XFindProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XFindProperty, isStandalone: true, selector: "x-find-property", inputs: { bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, columnLabel: { classPropertyName: "columnLabel", publicName: "columnLabel", isSignal: true, isRequired: false, transformFunction: null }, dialogTitle: { classPropertyName: "dialogTitle", publicName: "dialogTitle", isSignal: true, isRequired: false, transformFunction: null }, dialogCheckboxLabel: { classPropertyName: "dialogCheckboxLabel", publicName: "dialogCheckboxLabel", isSignal: true, isRequired: false, transformFunction: null }, dialogCheckboxWidth: { classPropertyName: "dialogCheckboxWidth", publicName: "dialogCheckboxWidth", isSignal: true, isRequired: false, transformFunction: null }, dialogEmptyContent: { classPropertyName: "dialogEmptyContent", publicName: "dialogEmptyContent", isSignal: true, isRequired: false, transformFunction: null }, dialogWidth: { classPropertyName: "dialogWidth", publicName: "dialogWidth", isSignal: true, isRequired: false, transformFunction: null }, dialogHeight: { classPropertyName: "dialogHeight", publicName: "dialogHeight", isSignal: true, isRequired: false, transformFunction: null }, dialogVisible: { classPropertyName: "dialogVisible", publicName: "dialogVisible", isSignal: true, isRequired: false, transformFunction: null }, dialogButtonsCenter: { classPropertyName: "dialogButtonsCenter", publicName: "dialogButtonsCenter", isSignal: true, isRequired: false, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: false, transformFunction: null }, tableIndex: { classPropertyName: "tableIndex", publicName: "tableIndex", isSignal: true, isRequired: false, transformFunction: null }, tableSize: { classPropertyName: "tableSize", publicName: "tableSize", isSignal: true, isRequired: false, transformFunction: null }, tableQuery: { classPropertyName: "tableQuery", publicName: "tableQuery", isSignal: true, isRequired: false, transformFunction: null }, tableTotal: { classPropertyName: "tableTotal", publicName: "tableTotal", isSignal: true, isRequired: false, transformFunction: null }, tableColumns: { classPropertyName: "tableColumns", publicName: "tableColumns", isSignal: true, isRequired: false, transformFunction: null }, tableActivatedRow: { classPropertyName: "tableActivatedRow", publicName: "tableActivatedRow", isSignal: true, isRequired: false, transformFunction: null }, tableCheckedRow: { classPropertyName: "tableCheckedRow", publicName: "tableCheckedRow", isSignal: true, isRequired: false, transformFunction: null }, tableLoading: { classPropertyName: "tableLoading", publicName: "tableLoading", isSignal: true, isRequired: false, transformFunction: null }, tableVirtualScroll: { classPropertyName: "tableVirtualScroll", publicName: "tableVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, tableScroll: { classPropertyName: "tableScroll", publicName: "tableScroll", isSignal: true, isRequired: false, transformFunction: null }, tableBodyHeight: { classPropertyName: "tableBodyHeight", publicName: "tableBodyHeight", isSignal: true, isRequired: false, transformFunction: null }, tableMinBufferPx: { classPropertyName: "tableMinBufferPx", publicName: "tableMinBufferPx", isSignal: true, isRequired: false, transformFunction: null }, tableMaxBufferPx: { classPropertyName: "tableMaxBufferPx", publicName: "tableMaxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, tableAdaptionHeight: { classPropertyName: "tableAdaptionHeight", publicName: "tableAdaptionHeight", isSignal: true, isRequired: false, transformFunction: null }, tableDocPercent: { classPropertyName: "tableDocPercent", publicName: "tableDocPercent", isSignal: true, isRequired: false, transformFunction: null }, tableRowHeight: { classPropertyName: "tableRowHeight", publicName: "tableRowHeight", isSignal: true, isRequired: false, transformFunction: null }, treeData: { classPropertyName: "treeData", publicName: "treeData", isSignal: true, isRequired: false, transformFunction: null }, treeActivatedId: { classPropertyName: "treeActivatedId", publicName: "treeActivatedId", isSignal: true, isRequired: false, transformFunction: null }, treeExpandedLevel: { classPropertyName: "treeExpandedLevel", publicName: "treeExpandedLevel", isSignal: true, isRequired: false, transformFunction: null }, treeChecked: { classPropertyName: "treeChecked", publicName: "treeChecked", isSignal: true, isRequired: false, transformFunction: null }, treeCheckbox: { classPropertyName: "treeCheckbox", publicName: "treeCheckbox", isSignal: true, isRequired: false, transformFunction: null }, treeTableConnect: { classPropertyName: "treeTableConnect", publicName: "treeTableConnect", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dialogVisible: "dialogVisibleChange", tableIndex: "tableIndexChange", tableSize: "tableSizeChange", tableQuery: "tableQueryChange", tableTotal: "tableTotalChange", tableSortChange: "tableSortChange", tableActivatedRow: "tableActivatedRowChange", tableRowEmit: "tableRowEmit", tableCheckedRow: "tableCheckedRowChange", treeActivatedId: "treeActivatedIdChange", treeChecked: "treeCheckedChange", search: "searchChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XFindProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XFindProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XFindPrefix}-property`, template: '' }]
         }], propDecorators: { bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], columnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnLabel", required: false }] }], dialogTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogTitle", required: false }] }], dialogCheckboxLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogCheckboxLabel", required: false }] }], dialogCheckboxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogCheckboxWidth", required: false }] }], dialogEmptyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogEmptyContent", required: false }] }], dialogWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogWidth", required: false }] }], dialogHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogHeight", required: false }] }], dialogVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogVisible", required: false }] }, { type: i0.Output, args: ["dialogVisibleChange"] }], dialogButtonsCenter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogButtonsCenter", required: false }] }], tableData: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableData", required: false }] }], tableIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableIndex", required: false }] }, { type: i0.Output, args: ["tableIndexChange"] }], tableSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableSize", required: false }] }, { type: i0.Output, args: ["tableSizeChange"] }], tableQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableQuery", required: false }] }, { type: i0.Output, args: ["tableQueryChange"] }], tableTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableTotal", required: false }] }, { type: i0.Output, args: ["tableTotalChange"] }], tableSortChange: [{ type: i0.Output, args: ["tableSortChange"] }], tableColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableColumns", required: false }] }], tableActivatedRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableActivatedRow", required: false }] }, { type: i0.Output, args: ["tableActivatedRowChange"] }], tableRowEmit: [{ type: i0.Output, args: ["tableRowEmit"] }], tableCheckedRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableCheckedRow", required: false }] }, { type: i0.Output, args: ["tableCheckedRowChange"] }], tableLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableLoading", required: false }] }], tableVirtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableVirtualScroll", required: false }] }], tableScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableScroll", required: false }] }], tableBodyHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyHeight", required: false }] }], tableMinBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableMinBufferPx", required: false }] }], tableMaxBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableMaxBufferPx", required: false }] }], tableAdaptionHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableAdaptionHeight", required: false }] }], tableDocPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableDocPercent", required: false }] }], tableRowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableRowHeight", required: false }] }], treeData: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeData", required: false }] }], treeActivatedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeActivatedId", required: false }] }, { type: i0.Output, args: ["treeActivatedIdChange"] }], treeExpandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeExpandedLevel", required: false }] }], treeChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeChecked", required: false }] }, { type: i0.Output, args: ["treeCheckedChange"] }], treeCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeCheckbox", required: false }] }], treeTableConnect: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeTableConnect", required: false }] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelWidth", required: false }] }], labelAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelAlign", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
@@ -275,11 +298,15 @@ class XFindComponent extends XFindProperty {
         super(...arguments);
         this.find = viewChild.required('find');
         this.dialogCom = viewChild.required('dialogCom');
-        this.tableCom = viewChild('tableCom', ...(ngDevMode ? [{ debugName: "tableCom" }] : []));
-        this.treeCom = viewChild('treeCom', ...(ngDevMode ? [{ debugName: "treeCom" }] : []));
+        this.tableCom = viewChild('tableCom', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableCom" }] : /* istanbul ignore next */ []));
+        this.treeCom = viewChild('treeCom', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "treeCom" }] : /* istanbul ignore next */ []));
         this.buttonCom = viewChild.required('buttonCom');
-        this.tableRef = viewChild('tableRef', ...(ngDevMode ? [{ debugName: "tableRef" }] : []));
-        this.treeRef = viewChild('treeRef', ...(ngDevMode ? [{ debugName: "treeRef" }] : []));
+        this.tableRef = viewChild('tableRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableRef" }] : /* istanbul ignore next */ []));
+        this.treeRef = viewChild('treeRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "treeRef" }] : /* istanbul ignore next */ []));
         this.tableRefChanged = toObservable(this.tableRef)
             .pipe(tap((x) => x && this.multiple() && this.setSubscribe()))
             .subscribe();
@@ -309,15 +336,22 @@ class XFindComponent extends XFindProperty {
                 }
             }
             return this.tableColumns();
-        }, ...(ngDevMode ? [{ debugName: "tableColumnsSignal" }] : []));
-        this.getEmpty = computed(() => !this.temp() || this.temp().length === 0, ...(ngDevMode ? [{ debugName: "getEmpty" }] : []));
-        this.hasTable = computed(() => this.tableColumns().length > 0, ...(ngDevMode ? [{ debugName: "hasTable" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableColumnsSignal" }] : /* istanbul ignore next */ []));
+        this.getEmpty = computed(() => !this.temp() || this.temp().length === 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "getEmpty" }] : /* istanbul ignore next */ []));
+        this.hasTable = computed(() => this.tableColumns().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTable" }] : /* istanbul ignore next */ []));
         this.hasTree = computed(() => (Array.isArray(this.treeData()) && this.treeData().length > 0) ||
             this.treeData() instanceof Function ||
-            this.treeData() instanceof Observable, ...(ngDevMode ? [{ debugName: "hasTree" }] : []));
-        this.hasTreeTable = computed(() => this.hasTable() && this.hasTree(), ...(ngDevMode ? [{ debugName: "hasTreeTable" }] : []));
-        this.hasTreeMultiple = computed(() => this.hasTree() && !this.hasTreeTable() && this.multiple(), ...(ngDevMode ? [{ debugName: "hasTreeMultiple" }] : []));
-        this.hasSearch = computed(() => this.search() && this.hasTable(), ...(ngDevMode ? [{ debugName: "hasSearch" }] : []));
+            this.treeData() instanceof Observable, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTree" }] : /* istanbul ignore next */ []));
+        this.hasTreeTable = computed(() => this.hasTable() && this.hasTree(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTreeTable" }] : /* istanbul ignore next */ []));
+        this.hasTreeMultiple = computed(() => this.hasTree() && !this.hasTreeTable() && this.multiple(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTreeMultiple" }] : /* istanbul ignore next */ []));
+        this.hasSearch = computed(() => this.search() && this.hasTable(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasSearch" }] : /* istanbul ignore next */ []));
         this.dialogWidthSignal = computed(() => {
             if (XIsUndefined(this.dialogWidth())) {
                 if ((this.hasTable() && this.hasTree()) || this.hasTable()) {
@@ -331,21 +365,27 @@ class XFindComponent extends XFindProperty {
                 }
             }
             return this.dialogWidth();
-        }, ...(ngDevMode ? [{ debugName: "dialogWidthSignal" }] : []));
-        this.temp = signal(undefined, ...(ngDevMode ? [{ debugName: "temp" }] : []));
-        this.height = signal(100, ...(ngDevMode ? [{ debugName: "height" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogWidthSignal" }] : /* istanbul ignore next */ []));
+        this.temp = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "temp" }] : /* istanbul ignore next */ []));
+        this.height = signal(100, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
         this.unSubject = new Subject();
         this.document = inject(DOCUMENT);
-        this.fontSize = computed(() => parseFloat(XComputedStyle(this.document.documentElement, 'font-size')), ...(ngDevMode ? [{ debugName: "fontSize" }] : []));
+        this.fontSize = computed(() => parseFloat(XComputedStyle(this.document.documentElement, 'font-size')), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fontSize" }] : /* istanbul ignore next */ []));
         this.classMap = computed(() => ({
             [`${XFindPrefix}-${this.size()}`]: !!this.size(),
             [`x-justify-${this.justify()}`]: !!this.justify(),
             [`x-align-${this.align()}`]: !!this.align(),
             [`x-direction-${this.direction()}`]: !!this.direction()
-        }), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
         this.labelMapSignal = computed(() => ({
             [`x-text-align-${this.labelAlign()}`]: !!this.labelAlign()
-        }), ...(ngDevMode ? [{ debugName: "labelMapSignal" }] : []));
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelMapSignal" }] : /* istanbul ignore next */ []));
     }
     ngOnChanges(simples) {
         const { tableData } = simples;
@@ -562,10 +602,10 @@ class XFindComponent extends XFindProperty {
         this.tableQuery.set(tableQuery);
         this.tableCom().change(1);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XFindComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XFindComponent, isStandalone: true, selector: "x-find", providers: [XValueAccessor(XFindComponent)], viewQueries: [{ propertyName: "find", first: true, predicate: ["find"], descendants: true, isSignal: true }, { propertyName: "dialogCom", first: true, predicate: ["dialogCom"], descendants: true, isSignal: true }, { propertyName: "tableCom", first: true, predicate: ["tableCom"], descendants: true, isSignal: true }, { propertyName: "treeCom", first: true, predicate: ["treeCom"], descendants: true, isSignal: true }, { propertyName: "buttonCom", first: true, predicate: ["buttonCom"], descendants: true, isSignal: true }, { propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, isSignal: true }, { propertyName: "treeRef", first: true, predicate: ["treeRef"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #find\r\n  class=\"x-find\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-checked]=\"value()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [ngClass]=\"classMap()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-find-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      *xOutlet=\"label()\"\r\n    >\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n  <div class=\"x-find-row\">\r\n    <x-button\r\n      #buttonCom\r\n      icon=\"fto-search\"\r\n      [onlyIcon]=\"!bordered()\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      attrType=\"button\"\r\n      (click)=\"showModal()\"\r\n      flat\r\n      plain\r\n    ></x-button>\r\n    <div class=\"x-find-tags\">\r\n      @if (multiple()) {\r\n        @for (item of value(); track item.id; let i = $index) {\r\n          <x-tag\r\n            closable\r\n            [size]=\"size()\"\r\n            [bordered]=\"bordered()\"\r\n            [disabled]=\"disabledComputed()\"\r\n            (close)=\"tagClose(i)\"\r\n            >{{ item[columnLabel()] }}</x-tag\r\n          >\r\n        }\r\n      } @else if (value()) {\r\n        <x-tag closable [disabled]=\"disabledComputed()\" [bordered]=\"bordered()\" [size]=\"size()\" (close)=\"tagClose()\">{{\r\n          value()[columnLabel()]\r\n        }}</x-tag>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<x-dialog\r\n  #dialogCom\r\n  [title]=\"dialogTitle()\"\r\n  [width]=\"dialogWidthSignal()\"\r\n  [height]=\"dialogHeight()\"\r\n  [buttonsCenter]=\"dialogButtonsCenter()\"\r\n  [className]=\"'x-find-dialog-container'\"\r\n  [(visible)]=\"dialogVisible\"\r\n  (closeDone)=\"dialogCloseDone()\"\r\n  (confirm)=\"sure()\"\r\n>\r\n  <div class=\"x-find-dialog\" [class.x-find-dialog-tree-table]=\"hasTable() && hasTree()\">\r\n    @if (hasTree()) {\r\n      <div class=\"x-find-dialog-tree\" #treeRef [style.height.px]=\"hasTreeTable() && multiple() && height()\">\r\n        <x-tree\r\n          #treeCom\r\n          [data]=\"treeData()\"\r\n          [nodeHeight]=\"'1.8rem'\"\r\n          [(manual)]=\"dialogVisible\"\r\n          [activatedId]=\"treeActivatedId()\"\r\n          [expandedLevel]=\"treeExpandedLevel()\"\r\n          (activatedChange)=\"treeActivatedClick($event)\"\r\n          [checkbox]=\"hasTreeMultiple() || treeCheckbox()\"\r\n          [(checked)]=\"treeChecked\"\r\n          (checkboxChange)=\"treeCheckboxChange($event)\"\r\n          [levelCheck]=\"!hasTreeMultiple()\"\r\n        ></x-tree>\r\n      </div>\r\n    }\r\n    @if (hasTable()) {\r\n      <div class=\"x-find-dialog-table\" #tableRef>\r\n        @if (hasSearch()) {\r\n          <div class=\"x-find-search\">\r\n            <x-input\r\n              [label]=\"search()!.label!\"\r\n              direction=\"row\"\r\n              (xKeydown)=\"searchKeyDown($event)\"\r\n              [(ngModel)]=\"search()!.value\"\r\n            ></x-input>\r\n            <x-button plain text (click)=\"searchClick()\">{{ search()!.button || '\u67E5\u8BE2' }}</x-button>\r\n          </div>\r\n        }\r\n        <x-table\r\n          #tableCom\r\n          [data]=\"tableData()\"\r\n          [columns]=\"tableColumnsSignal()\"\r\n          [(manual)]=\"dialogVisible\"\r\n          [(index)]=\"tableIndex\"\r\n          [(size)]=\"tableSize\"\r\n          [(query)]=\"tableQuery\"\r\n          [(total)]=\"tableTotal\"\r\n          [allowSelectRow]=\"!multiple()\"\r\n          [allowCheckRow]=\"multiple()\"\r\n          [checkedRow]=\"tableCheckedRow()\"\r\n          [loading]=\"tableLoading()\"\r\n          (sortChange)=\"tableSortChange.emit($event)\"\r\n          [(activatedRow)]=\"tableActivatedRow\"\r\n          (activatedRowChange)=\"tableActivatedRowChange($event!)\"\r\n          [rowHeight]=\"tableRowHeight()\"\r\n          [bodyHeight]=\"tableBodyHeight()!\"\r\n          [virtualScroll]=\"tableVirtualScroll()\"\r\n          [scroll]=\"tableScroll()\"\r\n          [minBufferPx]=\"tableMinBufferPx()\"\r\n          [maxBufferPx]=\"tableMaxBufferPx()\"\r\n          [adaptionHeight]=\"tableAdaptionHeight()!\"\r\n          [docPercent]=\"tableDocPercent()\"\r\n          (rowClick)=\"tableRowEmit.emit($event)\"\r\n        ></x-table>\r\n      </div>\r\n    }\r\n    @if (multiple()) {\r\n      <div class=\"x-find-dialog-checked\" [class.x-find-empty]=\"getEmpty()\" [style.height.px]=\"height()\">\r\n        @if (getEmpty()) {\r\n          <x-empty [content]=\"dialogEmptyContent()\"></x-empty>\r\n        }\r\n        <div class=\"x-find-dialog-tags\">\r\n          @for (item of temp(); track item.id; let i = $index) {\r\n            <x-tag closable (close)=\"tempClose(i, item)\">\r\n              <span>{{ item[columnLabel()] }}</span>\r\n            </x-tag>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</x-dialog>\r\n\r\n<ng-template #treeLabelTpl let-node=\"$node\">\r\n  <div class=\"x-find-dialog-tree-node\">\r\n    <span>{{ node.label }} </span>\r\n    @if (node.$checked) {\r\n      <x-icon type=\"fto-check\"></x-icon>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.x-find{margin:0;padding:0}.x-find{width:100%}.x-find.x-flex{display:flex}.x-find.x-justify-start{justify-content:flex-start}.x-find.x-justify-center{justify-content:center}.x-find.x-justify-end{justify-content:flex-end}.x-find.x-justify-space-between{justify-content:space-between}.x-find.x-justify-space-around{justify-content:space-around}.x-find.x-align-start{align-items:flex-start}.x-find.x-align-center{align-items:center}.x-find.x-align-end{align-items:flex-end}.x-find.x-direction-column{flex-direction:column}.x-find.x-direction-column-reverse{flex-direction:column-reverse}.x-find.x-direction-row{flex-direction:row}.x-find.x-direction-row-reverse{flex-direction:row-reverse}.x-find>label{display:inline-block;white-space:nowrap;position:relative;color:var(--x-text-300);font-weight:500}.x-find>label.x-text-align-start{text-align:start}.x-find>label.x-text-align-center{text-align:center}.x-find>label.x-text-align-end{text-align:end}.x-find-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-find-row{flex:1;display:flex;align-items:flex-start;position:relative}.x-find-tags{margin:-.0625rem -.0625rem -.0625rem .4375rem}.x-find-tags>x-tag{margin:.0625rem}.x-find.x-required>label{color:var(--x-danger)}.x-find.x-direction-row>label{padding:0 .5rem 0 0}.x-find.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-find.x-direction-column,.x-find.x-direction-column-reverse{align-items:inherit}.x-find-big>label{height:var(--x-height-big);line-height:var(--x-height-big)}.x-find-large>label{height:var(--x-height-large);line-height:var(--x-height-large)}.x-find-medium>label{height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-find-small>label{height:var(--x-height-small);line-height:var(--x-height-small)}.x-find-small .x-find-tags{margin-top:-.1875rem}.x-find-small .x-find-tags>x-tag{margin-top:.125rem}.x-find-mini>label{height:var(--x-height-mini);line-height:var(--x-height-mini)}.x-find-mini .x-find-tags{margin-top:-.25rem}.x-find-mini .x-find-tags>x-tag{margin-top:.125rem}.x-find-dialog{flex:1;display:flex}.x-find-dialog-table{flex:1;min-height:18.75rem;height:fit-content}.x-find-dialog-tree{flex:1;min-height:18.75rem;max-height:25rem;overflow-y:auto}.x-find-dialog-tree .x-tree-node-content.x-activated{color:var(--x-primary)}.x-find-dialog-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between}.x-find-dialog-tree-node>span{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none}.x-find-dialog-tree-table .x-find-dialog-tree{flex:initial;min-height:initial;max-height:initial;width:14rem;margin-right:1rem;padding-right:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-find-dialog-checked{margin-left:1rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:1rem;width:10rem;overflow-y:auto;height:100%}.x-find-dialog-checked x-tag{display:block}.x-find-dialog-checked x-tag:not(:first-child){margin-top:.5rem}.x-find-dialog-checked x-tag .x-tag{width:100%;display:flex;justify-content:space-between}.x-find-dialog-checked x-tag .x-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-find-dialog-checked.x-find-empty{display:flex;align-items:center;justify-content:center}.x-find-dialog-container .x-dialog-content{overflow:initial}.x-find-search{display:flex;padding:.3rem}.x-find-search .x-input,.x-find-search x-input{width:15rem}.x-find-search .x-button{margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: XTagComponent, selector: "x-tag" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XDialogComponent, selector: "x-dialog" }, { kind: "component", type: XTableComponent, selector: "x-table" }, { kind: "component", type: XTreeComponent, selector: "x-tree" }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XInputComponent, selector: "x-input" }, { 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: XFindComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XFindComponent, isStandalone: true, selector: "x-find", providers: [XValueAccessor(XFindComponent)], viewQueries: [{ propertyName: "find", first: true, predicate: ["find"], descendants: true, isSignal: true }, { propertyName: "dialogCom", first: true, predicate: ["dialogCom"], descendants: true, isSignal: true }, { propertyName: "tableCom", first: true, predicate: ["tableCom"], descendants: true, isSignal: true }, { propertyName: "treeCom", first: true, predicate: ["treeCom"], descendants: true, isSignal: true }, { propertyName: "buttonCom", first: true, predicate: ["buttonCom"], descendants: true, isSignal: true }, { propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, isSignal: true }, { propertyName: "treeRef", first: true, predicate: ["treeRef"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #find\r\n  class=\"x-find\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-checked]=\"value()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [ngClass]=\"classMap()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-find-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      *xOutlet=\"label()\"\r\n    >\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n  <div class=\"x-find-row\">\r\n    <x-button\r\n      #buttonCom\r\n      icon=\"fto-search\"\r\n      [onlyIcon]=\"!bordered()\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      attrType=\"button\"\r\n      (click)=\"showModal()\"\r\n      flat\r\n      plain\r\n    ></x-button>\r\n    <div class=\"x-find-tags\">\r\n      @if (multiple()) {\r\n        @for (item of value(); track item.id; let i = $index) {\r\n          <x-tag\r\n            closable\r\n            [size]=\"size()\"\r\n            [bordered]=\"bordered()\"\r\n            [disabled]=\"disabledComputed()\"\r\n            (close)=\"tagClose(i)\"\r\n            >{{ item[columnLabel()] }}</x-tag\r\n          >\r\n        }\r\n      } @else if (value()) {\r\n        <x-tag closable [disabled]=\"disabledComputed()\" [bordered]=\"bordered()\" [size]=\"size()\" (close)=\"tagClose()\">{{\r\n          value()[columnLabel()]\r\n        }}</x-tag>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<x-dialog\r\n  #dialogCom\r\n  [title]=\"dialogTitle()\"\r\n  [width]=\"dialogWidthSignal()\"\r\n  [height]=\"dialogHeight()\"\r\n  [buttonsCenter]=\"dialogButtonsCenter()\"\r\n  [className]=\"'x-find-dialog-container'\"\r\n  [(visible)]=\"dialogVisible\"\r\n  (closeDone)=\"dialogCloseDone()\"\r\n  (confirm)=\"sure()\"\r\n>\r\n  <div class=\"x-find-dialog\" [class.x-find-dialog-tree-table]=\"hasTable() && hasTree()\">\r\n    @if (hasTree()) {\r\n      <div class=\"x-find-dialog-tree\" #treeRef [style.height.px]=\"hasTreeTable() && multiple() && height()\">\r\n        <x-tree\r\n          #treeCom\r\n          [data]=\"treeData()\"\r\n          [nodeHeight]=\"'1.8rem'\"\r\n          [(manual)]=\"dialogVisible\"\r\n          [activatedId]=\"treeActivatedId()\"\r\n          [expandedLevel]=\"treeExpandedLevel()\"\r\n          (activatedChange)=\"treeActivatedClick($event)\"\r\n          [checkbox]=\"hasTreeMultiple() || treeCheckbox()\"\r\n          [(checked)]=\"treeChecked\"\r\n          (checkboxChange)=\"treeCheckboxChange($event)\"\r\n          [levelCheck]=\"!hasTreeMultiple()\"\r\n        ></x-tree>\r\n      </div>\r\n    }\r\n    @if (hasTable()) {\r\n      <div class=\"x-find-dialog-table\" #tableRef>\r\n        @if (hasSearch()) {\r\n          <div class=\"x-find-search\">\r\n            <x-input\r\n              [label]=\"search()!.label!\"\r\n              direction=\"row\"\r\n              (xKeydown)=\"searchKeyDown($event)\"\r\n              [(ngModel)]=\"search()!.value\"\r\n            ></x-input>\r\n            <x-button plain text (click)=\"searchClick()\">{{ search()!.button || '\u67E5\u8BE2' }}</x-button>\r\n          </div>\r\n        }\r\n        <x-table\r\n          #tableCom\r\n          [data]=\"tableData()\"\r\n          [columns]=\"tableColumnsSignal()\"\r\n          [(manual)]=\"dialogVisible\"\r\n          [(index)]=\"tableIndex\"\r\n          [(size)]=\"tableSize\"\r\n          [(query)]=\"tableQuery\"\r\n          [(total)]=\"tableTotal\"\r\n          [allowSelectRow]=\"!multiple()\"\r\n          [allowCheckRow]=\"multiple()\"\r\n          [checkedRow]=\"tableCheckedRow()\"\r\n          [loading]=\"tableLoading()\"\r\n          (sortChange)=\"tableSortChange.emit($event)\"\r\n          [(activatedRow)]=\"tableActivatedRow\"\r\n          (activatedRowChange)=\"tableActivatedRowChange($event!)\"\r\n          [rowHeight]=\"tableRowHeight()\"\r\n          [bodyHeight]=\"tableBodyHeight()!\"\r\n          [virtualScroll]=\"tableVirtualScroll()\"\r\n          [scroll]=\"tableScroll()\"\r\n          [minBufferPx]=\"tableMinBufferPx()\"\r\n          [maxBufferPx]=\"tableMaxBufferPx()\"\r\n          [adaptionHeight]=\"tableAdaptionHeight()!\"\r\n          [docPercent]=\"tableDocPercent()\"\r\n          (rowClick)=\"tableRowEmit.emit($event)\"\r\n        ></x-table>\r\n      </div>\r\n    }\r\n    @if (multiple()) {\r\n      <div class=\"x-find-dialog-checked\" [class.x-find-empty]=\"getEmpty()\" [style.height.px]=\"height()\">\r\n        @if (getEmpty()) {\r\n          <x-empty [content]=\"dialogEmptyContent()\"></x-empty>\r\n        }\r\n        <div class=\"x-find-dialog-tags\">\r\n          @for (item of temp(); track item.id; let i = $index) {\r\n            <x-tag closable (close)=\"tempClose(i, item)\">\r\n              <span>{{ item[columnLabel()] }}</span>\r\n            </x-tag>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</x-dialog>\r\n\r\n<ng-template #treeLabelTpl let-node=\"$node\">\r\n  <div class=\"x-find-dialog-tree-node\">\r\n    <span>{{ node.label }} </span>\r\n    @if (node.$checked) {\r\n      <x-icon type=\"fto-check\"></x-icon>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.x-find{margin:0;padding:0}.x-find{width:100%}.x-find.x-flex{display:flex}.x-find.x-justify-start{justify-content:flex-start}.x-find.x-justify-center{justify-content:center}.x-find.x-justify-end{justify-content:flex-end}.x-find.x-justify-space-between{justify-content:space-between}.x-find.x-justify-space-around{justify-content:space-around}.x-find.x-align-start{align-items:flex-start}.x-find.x-align-center{align-items:center}.x-find.x-align-end{align-items:flex-end}.x-find.x-direction-column{flex-direction:column}.x-find.x-direction-column-reverse{flex-direction:column-reverse}.x-find.x-direction-row{flex-direction:row}.x-find.x-direction-row-reverse{flex-direction:row-reverse}.x-find>label{display:inline-block;white-space:nowrap;position:relative;color:var(--x-text-300);font-weight:500}.x-find>label.x-text-align-start{text-align:start}.x-find>label.x-text-align-center{text-align:center}.x-find>label.x-text-align-end{text-align:end}.x-find-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-find-row{flex:1;display:flex;align-items:flex-start;position:relative}.x-find-tags{margin:-.0625rem -.0625rem -.0625rem .4375rem}.x-find-tags>x-tag{margin:.0625rem}.x-find.x-required>label{color:var(--x-danger)}.x-find.x-direction-row>label{padding:0 .5rem 0 0}.x-find.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-find.x-direction-column,.x-find.x-direction-column-reverse{align-items:inherit}.x-find-big>label{height:var(--x-height-big);line-height:var(--x-height-big)}.x-find-large>label{height:var(--x-height-large);line-height:var(--x-height-large)}.x-find-medium>label{height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-find-small>label{height:var(--x-height-small);line-height:var(--x-height-small)}.x-find-small .x-find-tags{margin-top:-.1875rem}.x-find-small .x-find-tags>x-tag{margin-top:.125rem}.x-find-mini>label{height:var(--x-height-mini);line-height:var(--x-height-mini)}.x-find-mini .x-find-tags{margin-top:-.25rem}.x-find-mini .x-find-tags>x-tag{margin-top:.125rem}.x-find-dialog{flex:1;display:flex}.x-find-dialog-table{flex:1;min-height:18.75rem;height:fit-content}.x-find-dialog-tree{flex:1;min-height:18.75rem;max-height:25rem;overflow-y:auto}.x-find-dialog-tree .x-tree-node-content.x-activated{color:var(--x-primary)}.x-find-dialog-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between}.x-find-dialog-tree-node>span{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none}.x-find-dialog-tree-table .x-find-dialog-tree{flex:initial;min-height:initial;max-height:initial;width:14rem;margin-right:1rem;padding-right:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-find-dialog-checked{margin-left:1rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:1rem;width:10rem;overflow-y:auto;height:100%}.x-find-dialog-checked x-tag{display:block}.x-find-dialog-checked x-tag:not(:first-child){margin-top:.5rem}.x-find-dialog-checked x-tag .x-tag{width:100%;display:flex;justify-content:space-between}.x-find-dialog-checked x-tag .x-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-find-dialog-checked.x-find-empty{display:flex;align-items:center;justify-content:center}.x-find-dialog-container .x-dialog-content{overflow:initial}.x-find-search{display:flex;padding:.3rem}.x-find-search .x-input,.x-find-search x-input{width:15rem}.x-find-search .x-button{margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: XTagComponent, selector: "x-tag" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XDialogComponent, selector: "x-dialog" }, { kind: "component", type: XTableComponent, selector: "x-table" }, { kind: "component", type: XTreeComponent, selector: "x-tree" }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XInputComponent, selector: "x-input" }, { 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: XFindComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XFindComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XFindPrefix}`, imports: [
                         NgClass,
@@ -584,11 +624,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
         }], propDecorators: { find: [{ type: i0.ViewChild, args: ['find', { isSignal: true }] }], dialogCom: [{ type: i0.ViewChild, args: ['dialogCom', { isSignal: true }] }], tableCom: [{ type: i0.ViewChild, args: ['tableCom', { isSignal: true }] }], treeCom: [{ type: i0.ViewChild, args: ['treeCom', { isSignal: true }] }], buttonCom: [{ type: i0.ViewChild, args: ['buttonCom', { isSignal: true }] }], tableRef: [{ type: i0.ViewChild, args: ['tableRef', { isSignal: true }] }], treeRef: [{ type: i0.ViewChild, args: ['treeRef', { isSignal: true }] }] } });
 
 class XFindModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XFindModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XFindModule, imports: [XFindComponent], exports: [XFindComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XFindModule, imports: [XFindComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XFindModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XFindModule, imports: [XFindComponent], exports: [XFindComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XFindModule, imports: [XFindComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XFindModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XFindModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XFindComponent],