@ng-nest/ui 22.0.3 → 22.0.5

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

@@ -1,1711 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, model, output, Component, InjectionToken, inject, ChangeDetectorRef, viewChild, signal, computed, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, Injectable, DOCUMENT, HostListener, Directive, Renderer2, effect, viewChildren, NgModule } from '@angular/core';
-import { XPropertyFunction, XToDataConvert, XToNumber, XToBoolean, XToCssPixelValue, XProperty, XIsEmpty, XRemoveNgTag, XIsFunction, XResize, XStripTags, XParentPath, XInnerHTMLComponent, XIsChange, XIsArray, XIsUndefined } from '@ng-nest/ui/core';
-import { XPaginationSizeData, XPaginationComponent } from '@ng-nest/ui/pagination';
-import { debounceTime, takeUntil } from 'rxjs/operators';
-import { Subject, fromEvent } from 'rxjs';
-import { NgStyle, NgClass, NgTemplateOutlet, DOCUMENT as DOCUMENT$1 } from '@angular/common';
-import { XLoadingComponent } from '@ng-nest/ui/loading';
-import * as i2 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import { XDragDirective } from '@ng-nest/ui/drag';
-import { XCheckboxComponent } from '@ng-nest/ui/checkbox';
-import { XOutletDirective } from '@ng-nest/ui/outlet';
-import { XIconComponent } from '@ng-nest/ui/icon';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i2$1 from '@angular/cdk/scrolling';
-import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
-import { XEmptyComponent } from '@ng-nest/ui/empty';
-import { XButtonComponent } from '@ng-nest/ui/button';
-import { DomSanitizer } from '@angular/platform-browser';
-
-/**
- * Table
- * @selector x-table
- * @decorator component
- */
-const XTablePrefix = 'x-table';
-const X_TABLE_CONFIG_NAME = 'table';
-/**
- * Table Property
- */
-class XTableProperty extends XPropertyFunction(X_TABLE_CONFIG_NAME) {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 行数据
-         * @en_US Row data
-         */
-        this.data = input([], { ...(ngDevMode ? { debugName: "data" } : /* istanbul ignore next */ {}), transform: XToDataConvert });
-        /**
-         * @zh_CN 列集合
-         * @en_US Column set
-         */
-        this.columns = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 表头高度，单位 px
-         * @en_US Header height, unit px
-         */
-        this.headerHeight = input(this.config?.headerHeight ?? null, { ...(ngDevMode ? { debugName: "headerHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 行高，单位 px
-         * @en_US Row height, unit px
-         */
-        this.rowHeight = input(this.config?.rowHeight ?? 42, { ...(ngDevMode ? { debugName: "rowHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 是否启用加载 loading
-         * @en_US Whether to enable loading
-         */
-        this.loading = input(this.config?.loading ?? false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 是否展示列边框
-         * @en_US Whether to show column borders
-         */
-        this.bordered = input(this.config?.bordered ?? false, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 是否显示列头
-         * @en_US Whether to display the column headers
-         */
-        this.showHeader = input(this.config?.showHeader ?? true, { ...(ngDevMode ? { debugName: "showHeader" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 列头显示位置
-         * @en_US Whether to display the column headers
-         */
-        this.headerPosition = input(this.config?.headerPosition ?? 'top', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headerPosition" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 列内容支持 innerHTML 渲染 html 标签
-         * @en_US Column content supports innerHTML rendering of HTML tags
-         */
-        this.bodyInnerHTML = input(this.config?.bodyInnerHTML ?? false, { ...(ngDevMode ? { debugName: "bodyInnerHTML" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 当前选中行数据
-         * @en_US Currently selected row data
-         */
-        this.activatedRow = model(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "activatedRow" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 列头自定义模板，通过 key-value 的方式指定每列的模版
-         * @en_US Column header custom template
-         */
-        this.headColumnTpl = input({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headColumnTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 列头单元格自定义模板，优先级低于列头自定义模板
-         * @en_US Column header custom template
-         */
-        this.headThTpl = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "headThTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 列内容自定义模板，通过 key-value 的方式指定每列的模版
-         * @en_US Column content custom template
-         */
-        this.bodyColumnTpl = input({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "bodyColumnTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 单元格的自定义模板，优先级低于列内容自定义模板
-         * @en_US Custom template of cells
-         */
-        this.bodyTdTpl = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "bodyTdTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 行条件样式
-         * @en_US Row condition class
-         */
-        this.rowClass = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "rowClass" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 列头搜索自定义模板
-         * @en_US Line head search custom template
-         */
-        this.headSearchTpl = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "headSearchTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 排序点击的事件
-         * @en_US Sort click events
-         */
-        this.sortChange = output();
-        /**
-         * @zh_CN 列头 checkbox 事件
-         * @en_US head checkbox event
-         */
-        this.headCheckboxChange = output();
-        /**
-         * @zh_CN body checkbox 事件
-         * @en_US head checkbox event
-         */
-        this.bodyCheckboxChange = output();
-        /**
-         * @zh_CN 允许行点击选中当前行
-         * @en_US Allow row click to select
-         */
-        this.allowSelectRow = input(this.config?.allowSelectRow ?? true, { ...(ngDevMode ? { debugName: "allowSelectRow" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 允许行点击选中 checkbox
-         * @en_US Allow lines to click checkbox
-         */
-        this.allowCheckRow = input(this.config?.allowCheckRow ?? true, { ...(ngDevMode ? { debugName: "allowCheckRow" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 开启虚拟滚动
-         * @en_US Turn on virtual scrolling
-         */
-        this.virtualScroll = input(this.config?.virtualScroll ?? false, { ...(ngDevMode ? { debugName: "virtualScroll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN body 数据高度，只有开启虚拟滚动的时候生效
-         * @en_US body data height
-         */
-        this.bodyHeight = input(undefined, { ...(ngDevMode ? { debugName: "bodyHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN itemSize，对应 cdk scroll 中的参数
-         * @en_US itemSize，corresponding to the parameters in cdk scroll
-         */
-        this.itemSize = input(this.config?.itemSize ?? 42, { ...(ngDevMode ? { debugName: "itemSize" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @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" } : /* 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" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 自适应高度，table 高度等于屏幕高度减掉此处设置的数值
-         * @en_US Adaptive height, table height is equal to the screen height minus the value set here
-         */
-        this.adaptionHeight = input(undefined, { ...(ngDevMode ? { debugName: "adaptionHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 文档高度百分比，弹窗百分比高度用到
-         * @en_US Document height percentage, used by pop-up window percentage height
-         */
-        this.docPercent = input(1, { ...(ngDevMode ? { debugName: "docPercent" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN checkbox 列初始选中的数据，列中激活 checkbox
-         * @en_US Checkbox column initially selected data, checkbox is activated in column
-         */
-        this.checkedRow = input({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "checkedRow" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 禁用拖动 checkbox 批量选中/取消
-         * @en_US Disable dragging checkboxes for batch selection/cancellation
-         */
-        this.checkboxDragDisabled = input(false, { ...(ngDevMode ? { debugName: "checkboxDragDisabled" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 如果 data 是函数类型，可以通过此参数控制请求，常用于弹框中的表格，弹出后再请求
-         * @en_US If data is a function type, you can use this parameter to control the request, which is often used in the form in the pop-up box, and then request it after it pops up
-         */
-        this.manual = model(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "manual" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 滚动区域高宽
-         * @en_US Height and width of rolling area
-         */
-        this.scroll = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "scroll" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 表格页头
-         * @en_US Table header
-         */
-        this.header = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 表格页尾
-         * @en_US Table footer
-         */
-        this.footer = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "footer" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 单元格配置
-         * @en_US Cell config
-         */
-        this.cellConfig = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "cellConfig" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 尺寸
-         * @en_US Size
-         */
-        this.rowSize = input(this.config?.rowSize ?? 'medium', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rowSize" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 分页器位置
-         * @en_US Pagination position
-         */
-        this.paginationPosition = input('bottom-left', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "paginationPosition" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 隐藏表格外边框
-         * @en_US Hidden table wrap border
-         */
-        this.hiddenWrapBorder = input(this.config?.hiddenWrapBorder ?? false, { ...(ngDevMode ? { debugName: "hiddenWrapBorder" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @deprecated useless
-         * @zh_CN 隐藏分页器按钮边框
-         * @en_US Hidden pagination button border
-         */
-        this.hiddenPaginationBorder = input(this.config?.hiddenPaginationBorder ?? false, { ...(ngDevMode ? { debugName: "hiddenPaginationBorder" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 显示分页器
-         * @en_US Pagination position
-         */
-        this.showPagination = input(this.config?.showPagination ?? true, { ...(ngDevMode ? { debugName: "showPagination" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 树形表格
-         * @en_US Tree table
-         */
-        this.treeTable = input(this.config?.treeTable ?? false, { ...(ngDevMode ? { debugName: "treeTable" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 树形表格展开所有节点
-         * @en_US Tree table
-         */
-        this.expandedAll = input(this.config?.expandedAll ?? false, { ...(ngDevMode ? { debugName: "expandedAll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 默认展开的层级，-1 不展开
-         * @en_US Default expanded level
-         */
-        this.expandedLevel = input(this.config?.expandedLevel ?? -1, { ...(ngDevMode ? { debugName: "expandedLevel" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 展开的节点
-         * @en_US Expanded node
-         */
-        this.expanded = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 自定义展开内容
-         * @en_US Customized expansion content
-         */
-        this.expandTpl = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "expandTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 显示数据为空的提示
-         * @en_US Display a prompt with empty data
-         */
-        this.showEmpty = input(this.config?.showEmpty ?? true, { ...(ngDevMode ? { debugName: "showEmpty" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 数据为空的提示图片地址或自定义模板
-         * @en_US Picture address or custom template
-         */
-        this.emptyImg = input(this.config?.emptyImg ?? undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyImg" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 数据为空的提示内容或自定义模板
-         * @en_US Content or custom template
-         */
-        this.emptyContent = input(this.config?.emptyContent ?? undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyContent" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 当前页码
-         * @en_US Current page number
-         */
-        this.index = model(this.config?.index ?? 1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 每页显示条数
-         * @en_US Number of items displayed per page
-         */
-        this.size = model(this.config?.size ?? 10, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 总数
-         * @en_US Total
-         */
-        this.total = model(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 查询条件
-         * @en_US Query conditions
-         */
-        this.query = model({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 最多显示的分页数量
-         * @en_US The largest number of pages display
-         */
-        this.pageLinkSize = input(this.config?.pageLinkSize ?? 5, { ...(ngDevMode ? { debugName: "pageLinkSize" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 显示首尾页跳转
-         * @en_US Display the first and last page
-         */
-        this.showEllipsis = input(this.config?.showEllipsis ?? true, { ...(ngDevMode ? { debugName: "showEllipsis" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 显示总条数
-         * @en_US Display the total
-         */
-        this.showTotal = input(this.config?.showTotal ?? true, { ...(ngDevMode ? { debugName: "showTotal" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 按钮间距
-         * @en_US Button spacing
-         */
-        this.space = input(this.config?.space ?? '0.25rem', { ...(ngDevMode ? { debugName: "space" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
-        /**
-         * @zh_CN 添加背景色
-         * @en_US Show background
-         */
-        this.showBackground = input(this.config?.showBackground ?? false, { ...(ngDevMode ? { debugName: "showBackground" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 显示分页条数
-         * @en_US Show size
-         */
-        this.showSize = input(this.config?.showSize ?? false, { ...(ngDevMode ? { debugName: "showSize" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 分页条数选择框的宽度
-         * @en_US size with select
-         */
-        this.sizeWidth = input(this.config?.sizeWidth ?? '6.875rem', { ...(ngDevMode ? { debugName: "sizeWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
-        /**
-         * @zh_CN 显示输入分页条数（不能跟下拉选项同时使用）
-         * @en_US Display the number of input page breaks (cannot exist with the drop-down options of page breaks)
-         */
-        this.showInputSize = input(this.config?.showInputSize ?? false, { ...(ngDevMode ? { debugName: "showInputSize" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 显示输入分页框的 tooltip 提示信息，默认显示
-         * @en_US show enter the tooltip prompt information for the pagination box, which will be displayed by default based on the confirmation of the input
-         */
-        this.showInputSizeTooltipText = input(this.config?.showInputSizeTooltipText ?? true, { ...(ngDevMode ? { debugName: "showInputSizeTooltipText" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 输入分页框的 tooltip 提示信息，默认根据输入确认改变的方式来显示
-         * @en_US Enter the tooltip prompt information for the pagination box, which will be displayed by default based on the confirmation of the input
-         */
-        this.inputSizeTooltipText = input(this.config?.inputSizeTooltipText ?? '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "inputSizeTooltipText" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 分页条数输入框的宽度
-         * @en_US size with input
-         */
-        this.inputSizeWidth = input(this.config?.sizeWidth ?? '3.125rem', { ...(ngDevMode ? { debugName: "inputSizeWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
-        /**
-         * @zh_CN 分页选择的数据项
-         * @en_US Paging choose items of data
-         */
-        this.sizeData = input(this.config?.sizeData ?? XPaginationSizeData, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sizeData" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 禁用整个分页
-         * @en_US disabled
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 显示跳转输入框
-         * @en_US Show size
-         */
-        this.showJump = input(false, { ...(ngDevMode ? { debugName: "showJump" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 显示跳转输入框的 tooltip 提示信息，默认显示
-         * @en_US Show the tooltip prompt information for jumping to the input box is displayed by default based on the confirmation of input changes
-         */
-        this.showJumpTooltipText = input(this.config?.showJumpTooltipText ?? true, { ...(ngDevMode ? { debugName: "showJumpTooltipText" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 跳转输入框的 tooltip 提示信息，默认根据输入确认改变的方式来显示
-         * @en_US The tooltip prompt information for jumping to the input box is displayed by default based on the confirmation of input changes
-         */
-        this.jumpTooltipText = input(this.config?.jumpTooltipText ?? '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "jumpTooltipText" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 跳转页的宽度
-         * @en_US size with
-         */
-        this.jumpWidth = input(this.config?.jumpWidth ?? '3.125rem', { ...(ngDevMode ? { debugName: "jumpWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
-        /**
-         * @zh_CN 总数自定义模板
-         * @en_US Total template
-         */
-        this.totalTpl = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "totalTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 简单分页
-         * @en_US Simple
-         */
-        this.simple = input(this.config?.simple ?? false, { ...(ngDevMode ? { debugName: "simple" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 简单分页输入框宽度
-         * @en_US Simple index with
-         */
-        this.simpleIndexWidth = input(this.config?.simpleIndexWidth ?? '8.125rem', { ...(ngDevMode ? { debugName: "simpleIndexWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
-        /**
-         * @zh_CN 输入确认改变的方式，针对输入分页大小和输入跳转页
-         * @en_US The method for confirming changes in input is based on the input page size and input jump page
-         */
-        this.inputIndexSizeSureType = input(this.config?.inputIndexSizeSureType ?? 'enter', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "inputIndexSizeSureType" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 行点击事件
-         * @en_US Row click event
-         */
-        this.rowClick = output();
-        /**
-         * @zh_CN 列头拖动开始事件，返回拖动的列
-         * @en_US Column Header Drag End Event
-         */
-        this.columnDragStarted = output();
-        /**
-         * @zh_CN 列头拖动结束事件，返回拖动的列
-         * @en_US The column header is dragging, and the event is triggered when the order is changed
-         */
-        this.columnDragEnded = output();
-        /**
-         * @zh_CN 当用户把一个条目投放进该容器时就会触发，拖动放开的事件，返回拖动排序后的列数据
-         * @en_US The column header is dragging, and the event is triggered when the order is changed
-         */
-        this.columnDropListDropped = output();
-        /**
-         * @zh_CN 开始拖动列宽的事件
-         * @en_US Event to started drag column width
-         */
-        this.columnDragWidthStarted = output();
-        /**
-         * @zh_CN 正在拖动列宽时的事件
-         * @en_US Event to moved drag column width
-         */
-        this.columnDragWidthMoved = output();
-        /**
-         * @zh_CN 结束拖动列宽的事件
-         * @en_US Event to ended drag column width
-         */
-        this.columnDragWidthEnded = output();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XTableProperty, isStandalone: true, selector: "x-table-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, headerHeight: { classPropertyName: "headerHeight", publicName: "headerHeight", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, bodyInnerHTML: { classPropertyName: "bodyInnerHTML", publicName: "bodyInnerHTML", isSignal: true, isRequired: false, transformFunction: null }, activatedRow: { classPropertyName: "activatedRow", publicName: "activatedRow", isSignal: true, isRequired: false, transformFunction: null }, headColumnTpl: { classPropertyName: "headColumnTpl", publicName: "headColumnTpl", isSignal: true, isRequired: false, transformFunction: null }, headThTpl: { classPropertyName: "headThTpl", publicName: "headThTpl", isSignal: true, isRequired: false, transformFunction: null }, bodyColumnTpl: { classPropertyName: "bodyColumnTpl", publicName: "bodyColumnTpl", isSignal: true, isRequired: false, transformFunction: null }, bodyTdTpl: { classPropertyName: "bodyTdTpl", publicName: "bodyTdTpl", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, headSearchTpl: { classPropertyName: "headSearchTpl", publicName: "headSearchTpl", isSignal: true, isRequired: false, transformFunction: null }, allowSelectRow: { classPropertyName: "allowSelectRow", publicName: "allowSelectRow", isSignal: true, isRequired: false, transformFunction: null }, allowCheckRow: { classPropertyName: "allowCheckRow", publicName: "allowCheckRow", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, bodyHeight: { classPropertyName: "bodyHeight", publicName: "bodyHeight", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", 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 }, adaptionHeight: { classPropertyName: "adaptionHeight", publicName: "adaptionHeight", isSignal: true, isRequired: false, transformFunction: null }, docPercent: { classPropertyName: "docPercent", publicName: "docPercent", isSignal: true, isRequired: false, transformFunction: null }, checkedRow: { classPropertyName: "checkedRow", publicName: "checkedRow", isSignal: true, isRequired: false, transformFunction: null }, checkboxDragDisabled: { classPropertyName: "checkboxDragDisabled", publicName: "checkboxDragDisabled", isSignal: true, isRequired: false, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", 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 }, cellConfig: { classPropertyName: "cellConfig", publicName: "cellConfig", isSignal: true, isRequired: false, transformFunction: null }, rowSize: { classPropertyName: "rowSize", publicName: "rowSize", isSignal: true, isRequired: false, transformFunction: null }, paginationPosition: { classPropertyName: "paginationPosition", publicName: "paginationPosition", isSignal: true, isRequired: false, transformFunction: null }, hiddenWrapBorder: { classPropertyName: "hiddenWrapBorder", publicName: "hiddenWrapBorder", isSignal: true, isRequired: false, transformFunction: null }, hiddenPaginationBorder: { classPropertyName: "hiddenPaginationBorder", publicName: "hiddenPaginationBorder", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, treeTable: { classPropertyName: "treeTable", publicName: "treeTable", isSignal: true, isRequired: false, transformFunction: null }, expandedAll: { classPropertyName: "expandedAll", publicName: "expandedAll", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandTpl: { classPropertyName: "expandTpl", publicName: "expandTpl", isSignal: true, isRequired: false, transformFunction: null }, showEmpty: { classPropertyName: "showEmpty", publicName: "showEmpty", isSignal: true, isRequired: false, transformFunction: null }, emptyImg: { classPropertyName: "emptyImg", publicName: "emptyImg", isSignal: true, isRequired: false, transformFunction: null }, emptyContent: { classPropertyName: "emptyContent", publicName: "emptyContent", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, showEllipsis: { classPropertyName: "showEllipsis", publicName: "showEllipsis", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, showBackground: { classPropertyName: "showBackground", publicName: "showBackground", isSignal: true, isRequired: false, transformFunction: null }, showSize: { classPropertyName: "showSize", publicName: "showSize", isSignal: true, isRequired: false, transformFunction: null }, sizeWidth: { classPropertyName: "sizeWidth", publicName: "sizeWidth", isSignal: true, isRequired: false, transformFunction: null }, showInputSize: { classPropertyName: "showInputSize", publicName: "showInputSize", isSignal: true, isRequired: false, transformFunction: null }, showInputSizeTooltipText: { classPropertyName: "showInputSizeTooltipText", publicName: "showInputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeTooltipText: { classPropertyName: "inputSizeTooltipText", publicName: "inputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeWidth: { classPropertyName: "inputSizeWidth", publicName: "inputSizeWidth", isSignal: true, isRequired: false, transformFunction: null }, sizeData: { classPropertyName: "sizeData", publicName: "sizeData", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showJump: { classPropertyName: "showJump", publicName: "showJump", isSignal: true, isRequired: false, transformFunction: null }, showJumpTooltipText: { classPropertyName: "showJumpTooltipText", publicName: "showJumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpTooltipText: { classPropertyName: "jumpTooltipText", publicName: "jumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpWidth: { classPropertyName: "jumpWidth", publicName: "jumpWidth", isSignal: true, isRequired: false, transformFunction: null }, totalTpl: { classPropertyName: "totalTpl", publicName: "totalTpl", isSignal: true, isRequired: false, transformFunction: null }, simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null }, simpleIndexWidth: { classPropertyName: "simpleIndexWidth", publicName: "simpleIndexWidth", isSignal: true, isRequired: false, transformFunction: null }, inputIndexSizeSureType: { classPropertyName: "inputIndexSizeSureType", publicName: "inputIndexSizeSureType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activatedRow: "activatedRowChange", sortChange: "sortChange", headCheckboxChange: "headCheckboxChange", bodyCheckboxChange: "bodyCheckboxChange", manual: "manualChange", index: "indexChange", size: "sizeChange", total: "totalChange", query: "queryChange", rowClick: "rowClick", columnDragStarted: "columnDragStarted", columnDragEnded: "columnDragEnded", columnDropListDropped: "columnDropListDropped", columnDragWidthStarted: "columnDragWidthStarted", columnDragWidthMoved: "columnDragWidthMoved", columnDragWidthEnded: "columnDragWidthEnded" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableProperty, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTablePrefix}-property`, template: '' }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], headerHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerHeight", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], headerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerPosition", required: false }] }], bodyInnerHTML: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyInnerHTML", required: false }] }], activatedRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "activatedRow", required: false }] }, { type: i0.Output, args: ["activatedRowChange"] }], headColumnTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "headColumnTpl", required: false }] }], headThTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "headThTpl", required: false }] }], bodyColumnTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyColumnTpl", required: false }] }], bodyTdTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyTdTpl", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], headSearchTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "headSearchTpl", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], headCheckboxChange: [{ type: i0.Output, args: ["headCheckboxChange"] }], bodyCheckboxChange: [{ type: i0.Output, args: ["bodyCheckboxChange"] }], allowSelectRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSelectRow", required: false }] }], allowCheckRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCheckRow", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], bodyHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyHeight", required: false }] }], itemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemSize", required: false }] }], minBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minBufferPx", required: false }] }], maxBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxBufferPx", required: false }] }], adaptionHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "adaptionHeight", required: false }] }], docPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "docPercent", required: false }] }], checkedRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkedRow", required: false }] }], checkboxDragDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkboxDragDisabled", required: false }] }], manual: [{ type: i0.Input, args: [{ isSignal: true, alias: "manual", required: false }] }, { type: i0.Output, args: ["manualChange"] }], scroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], cellConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellConfig", required: false }] }], rowSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowSize", required: false }] }], paginationPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationPosition", required: false }] }], hiddenWrapBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenWrapBorder", required: false }] }], hiddenPaginationBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenPaginationBorder", required: false }] }], showPagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPagination", required: false }] }], treeTable: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeTable", required: false }] }], expandedAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedAll", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], expandTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandTpl", required: false }] }], showEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEmpty", required: false }] }], emptyImg: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyImg", required: false }] }], emptyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyContent", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }, { type: i0.Output, args: ["indexChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }, { type: i0.Output, args: ["totalChange"] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], pageLinkSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageLinkSize", required: false }] }], showEllipsis: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEllipsis", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], space: [{ type: i0.Input, args: [{ isSignal: true, alias: "space", required: false }] }], showBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackground", required: false }] }], showSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSize", required: false }] }], sizeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeWidth", required: false }] }], showInputSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputSize", required: false }] }], showInputSizeTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputSizeTooltipText", required: false }] }], inputSizeTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSizeTooltipText", required: false }] }], inputSizeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSizeWidth", required: false }] }], sizeData: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeData", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showJump: [{ type: i0.Input, args: [{ isSignal: true, alias: "showJump", required: false }] }], showJumpTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showJumpTooltipText", required: false }] }], jumpTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "jumpTooltipText", required: false }] }], jumpWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "jumpWidth", required: false }] }], totalTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalTpl", required: false }] }], simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], simpleIndexWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "simpleIndexWidth", required: false }] }], inputIndexSizeSureType: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputIndexSizeSureType", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], columnDragStarted: [{ type: i0.Output, args: ["columnDragStarted"] }], columnDragEnded: [{ type: i0.Output, args: ["columnDragEnded"] }], columnDropListDropped: [{ type: i0.Output, args: ["columnDropListDropped"] }], columnDragWidthStarted: [{ type: i0.Output, args: ["columnDragWidthStarted"] }], columnDragWidthMoved: [{ type: i0.Output, args: ["columnDragWidthMoved"] }], columnDragWidthEnded: [{ type: i0.Output, args: ["columnDragWidthEnded"] }] } });
-/**
- * Table Head
- * @selector x-table-head
- * @decorator component
- */
-const XTableHeadPrefix = 'x-table-head';
-/**
- * Table Head Property
- */
-class XTableHeadProperty extends XProperty {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 列集合
-         * @en_US Column set
-         */
-        this.columns = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 表头高度，单位 px
-         * @en_US Header height, unit px
-         */
-        this.headerHeight = input(null, { ...(ngDevMode ? { debugName: "headerHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 高度，单位 px
-         * @en_US Height in px
-         */
-        this.rowHeight = input(42, { ...(ngDevMode ? { debugName: "rowHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 自定义模板
-         * @en_US Custom template
-         */
-        this.columnTpl = input({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columnTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 竖向滚动条宽度
-         * @en_US Vertical scroll bar width
-         */
-        this.scrollYWidth = input(null, { ...(ngDevMode ? { debugName: "scrollYWidth" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 横向滚动条宽度
-         * @en_US Horizontal scroll bar width
-         */
-        this.scrollXWidth = input(null, { ...(ngDevMode ? { debugName: "scrollXWidth" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 单元格配置
-         * @en_US Cell merge rules
-         */
-        this.cellConfig = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "cellConfig" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 显示的位置
-         * @en_US Display position
-         */
-        this.position = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "position" }] : /* istanbul ignore next */ []));
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableHeadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XTableHeadProperty, isStandalone: true, selector: "x-table-head-property", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, headerHeight: { classPropertyName: "headerHeight", publicName: "headerHeight", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, columnTpl: { classPropertyName: "columnTpl", publicName: "columnTpl", isSignal: true, isRequired: false, transformFunction: null }, scrollYWidth: { classPropertyName: "scrollYWidth", publicName: "scrollYWidth", isSignal: true, isRequired: false, transformFunction: null }, scrollXWidth: { classPropertyName: "scrollXWidth", publicName: "scrollXWidth", isSignal: true, isRequired: false, transformFunction: null }, cellConfig: { classPropertyName: "cellConfig", publicName: "cellConfig", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableHeadProperty, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTableHeadPrefix}-property`, template: '' }]
-        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], headerHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerHeight", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], columnTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnTpl", required: false }] }], scrollYWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollYWidth", required: false }] }], scrollXWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollXWidth", required: false }] }], cellConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellConfig", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
-/**
- * Table Body
- * @selector x-table-body
- * @decorator component
- */
-const XTableBodyPrefix = 'x-table-body';
-/**
- * Table Body Property
- */
-class XTableBodyProperty extends XProperty {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 行数据
-         * @en_US Row data
-         */
-        this.data = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 列集合
-         * @en_US Column set
-         */
-        this.columns = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 自定义模板
-         * @en_US Custom template
-         */
-        this.columnTpl = input({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columnTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 当前选中行数据
-         * @en_US Currently selected row data
-         */
-        this.activatedRow = model(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "activatedRow" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 高度，单位 px。设置为 0 表示行高自适应内容高度。
-         * @en_US Height in px. set to 0 means that the row height is adaptive to the content height
-         */
-        this.rowHeight = input(42, { ...(ngDevMode ? { debugName: "rowHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN body 数据高度
-         * @en_US body data height
-         */
-        this.bodyHeight = input(null, { ...(ngDevMode ? { debugName: "bodyHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 允许行点击选中
-         * @en_US Allow row click to select
-         */
-        this.allowSelectRow = input(true, { ...(ngDevMode ? { debugName: "allowSelectRow" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 开启虚拟滚动
-         * @en_US Turn on virtual scrolling
-         */
-        this.virtualScroll = input(false, { ...(ngDevMode ? { debugName: "virtualScroll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN itemSize，对应 cdk scroll 中的参数
-         * @en_US itemSize，corresponding to the parameters in cdk scroll
-         */
-        this.itemSize = input(42, { ...(ngDevMode ? { debugName: "itemSize" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @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" } : /* 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" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 自适应高度，table 高度等于屏幕高度减掉此处设置的数值
-         * @en_US Adaptive height, table height is equal to the screen height minus the value set here
-         */
-        this.adaptionHeight = input(null, { ...(ngDevMode ? { debugName: "adaptionHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 文档高度百分比，弹窗百分比高度用到
-         * @en_US Document height percentage, used by pop-up window percentage height
-         */
-        this.docPercent = input(1, { ...(ngDevMode ? { debugName: "docPercent" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 滚动区域高宽
-         * @en_US Height and width of rolling area
-         */
-        this.scroll = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "scroll" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 单元格配置规则
-         * @en_US Cell config rules
-         */
-        this.cellConfig = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "cellConfig" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 行条件样式
-         * @en_US Row condition class
-         */
-        this.rowClass = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "rowClass" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 树形表格下的层级
-         * @en_US The level under the tree table
-         */
-        this.level = input(0, { ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: XToNumber });
-        /**
-         * @zh_CN 树形表格展开所有节点
-         * @en_US Tree table
-         */
-        this.expandedAll = input(false, { ...(ngDevMode ? { debugName: "expandedAll" } : /* istanbul ignore next */ {}), transform: XToBoolean });
-        /**
-         * @zh_CN 自定义展开内容
-         * @en_US Customized expansion content
-         */
-        this.expandTpl = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "expandTpl" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 行点击事件
-         * @en_US Row click event
-         */
-        this.rowClick = output();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableBodyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XTableBodyProperty, isStandalone: true, selector: "x-table-body-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, columnTpl: { classPropertyName: "columnTpl", publicName: "columnTpl", isSignal: true, isRequired: false, transformFunction: null }, activatedRow: { classPropertyName: "activatedRow", publicName: "activatedRow", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, bodyHeight: { classPropertyName: "bodyHeight", publicName: "bodyHeight", isSignal: true, isRequired: false, transformFunction: null }, allowSelectRow: { classPropertyName: "allowSelectRow", publicName: "allowSelectRow", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", 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 }, adaptionHeight: { classPropertyName: "adaptionHeight", publicName: "adaptionHeight", isSignal: true, isRequired: false, transformFunction: null }, docPercent: { classPropertyName: "docPercent", publicName: "docPercent", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, cellConfig: { classPropertyName: "cellConfig", publicName: "cellConfig", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, expandedAll: { classPropertyName: "expandedAll", publicName: "expandedAll", isSignal: true, isRequired: false, transformFunction: null }, expandTpl: { classPropertyName: "expandTpl", publicName: "expandTpl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activatedRow: "activatedRowChange", rowClick: "rowClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableBodyProperty, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTableBodyPrefix}-property`, template: '' }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], columnTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnTpl", required: false }] }], activatedRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "activatedRow", required: false }] }, { type: i0.Output, args: ["activatedRowChange"] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], bodyHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyHeight", required: false }] }], allowSelectRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSelectRow", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], itemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemSize", required: false }] }], minBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minBufferPx", required: false }] }], maxBufferPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxBufferPx", required: false }] }], adaptionHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "adaptionHeight", required: false }] }], docPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "docPercent", required: false }] }], scroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll", required: false }] }], cellConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellConfig", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], expandedAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedAll", required: false }] }], expandTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandTpl", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }] } });
-/**
- * Table Foot
- * @selector x-table-foot
- * @decorator component
- */
-const XTableFootPrefix = 'x-table-foot';
-/**
- * Table Foot Property
- */
-class XTableFootProperty extends XProperty {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 表格页尾
-         * @en_US Table footer
-         */
-        this.footer = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "footer" }] : /* istanbul ignore next */ []));
-        /**
-         * @zh_CN 表头和行高，单位 px
-         * @en_US Header and row height, unit px
-         */
-        this.rowHeight = input(null, { ...(ngDevMode ? { debugName: "rowHeight" } : /* istanbul ignore next */ {}), transform: XToNumber });
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableFootProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XTableFootProperty, isStandalone: true, selector: "x-table-foot-property", inputs: { footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableFootProperty, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTableFootPrefix}-property`, template: '' }]
-        }], propDecorators: { footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }] } });
-
-const X_TABLE_CONTEXT = new InjectionToken('X_TABLE_CONTEXT');
-
-class XTableHeadComponent extends XTableHeadProperty {
-    constructor() {
-        super(...arguments);
-        this.table = inject(X_TABLE_CONTEXT, { optional: true });
-        this.cdr = inject(ChangeDetectorRef);
-        this.thead = viewChild.required('thead');
-        this.sort = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []));
-        this.sortStr = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sortStr" }] : /* istanbul ignore next */ []));
-        this.theadStyle = computed(() => {
-            let height = this.getHeaderHeight();
-            if (this.cellConfig() && this.cellConfig().cells) {
-                const spt = this.cellConfig().cells?.map((x) => {
-                    const gridAreaSpt = x.gridArea?.split('/');
-                    return gridAreaSpt && gridAreaSpt.length > 3 ? Number(gridAreaSpt[2]) : 2;
-                });
-                height = ((Math.max(...spt) - 1) * height);
-            }
-            return {
-                ['min-height']: `${height}px`
-            };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "theadStyle" }] : /* istanbul ignore next */ []));
-        this.thClassMap = computed(() => ({
-            [`${XTablePrefix}-th-${this.table.rowSize()}`]: !XIsEmpty(this.table.rowSize())
-        }), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "thClassMap" }] : /* istanbul ignore next */ []));
-        this.initColumns = computed(() => [...this.columns()], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initColumns" }] : /* istanbul ignore next */ []));
-        this.getRowHeight = computed(() => (this.rowHeight() == 0 ? '' : this.rowHeight()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getRowHeight" }] : /* istanbul ignore next */ []));
-        this.getHeaderHeight = computed(() => this.headerHeight() ?? this.getRowHeight(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getHeaderHeight" }] : /* istanbul ignore next */ []));
-        this.elementRef = inject(ElementRef);
-    }
-    ngOnInit() {
-        XRemoveNgTag(this.elementRef.nativeElement);
-    }
-    ngAfterViewInit() {
-        this.table.theads.update((x) => {
-            x.push(this.thead());
-            return [...x];
-        });
-    }
-    getFlex(column) {
-        if (column.width)
-            return 'none';
-        if (!column.flex)
-            return 1;
-        return column.flex;
-    }
-    getColumnRight(right) {
-        if (Number(right) >= 0) {
-            if (Number(this.scrollYWidth()) >= 0) {
-                return Number(right) + Number(this.scrollYWidth());
-            }
-            return Number(right);
-        }
-        return '';
-    }
-    getColumnWidth(column) {
-        return column.width;
-    }
-    onSort(column) {
-        if (!column.sort)
-            return;
-        if (XIsEmpty(this.sort()))
-            this.sort.set([]);
-        let sort = this.sort().find((y) => y.field === column.id);
-        if (sort) {
-            if (sort.value === 'asc') {
-                this.sort.set([]);
-                this.sortStr.set('');
-            }
-            else {
-                sort.value = 'asc';
-            }
-        }
-        else {
-            sort = { field: column.id, value: 'desc' };
-            this.sort.set([sort]);
-        }
-        if (!XIsEmpty(this.sort()))
-            this.sortStr.set(`${sort.field} ${sort.value}`);
-        this.table.checkSort(this.sort());
-        this.table.sortChange.emit(this.sort());
-        this.table.resetScroll(false, true);
-    }
-    dragWidthMoved(position, column) {
-        if (column.width) {
-            column.width += position.offsetX;
-            if (column.width < 60)
-                column.width = 60;
-            XIsFunction(column.dragWidthMoved) && column.dragWidthMoved({ position, column });
-            this.table.columnDragWidthMoved.emit({ position, column });
-            this.table.detectChanges();
-        }
-    }
-    dragWidthStarted(position, column) {
-        column.draggingWidth = true;
-        if (column.width && XIsFunction(column.dragWidthStarted)) {
-            column.dragWidthStarted({ position, column });
-            this.table.columnDragWidthStarted.emit({ position, column });
-        }
-    }
-    dragWidthEnded(position, column) {
-        column.draggingWidth = false;
-        if (column.width && XIsFunction(column.dragWidthEnded)) {
-            column.dragWidthEnded({ position, column });
-            this.table.columnDragWidthEnded.emit({ position, column });
-        }
-    }
-    dropListDropped(event) {
-        const previous = this.initColumns()[event.previousIndex];
-        const current = this.initColumns()[event.currentIndex];
-        const middle = { left: previous.left, right: previous.right };
-        previous.left = current.left;
-        previous.right = current.right;
-        current.left = middle.left;
-        current.right = middle.right;
-        moveItemInArray(this.initColumns(), event.previousIndex, event.currentIndex);
-        this.table.columnDropListDropped.emit(this.initColumns());
-    }
-    dropListSorted(event) {
-        const previous = this.columns()[event.previousIndex];
-        const current = this.columns()[event.currentIndex];
-        const middle = { left: previous.left, right: previous.right };
-        previous.left = current.left;
-        previous.right = current.right;
-        current.left = middle.left;
-        current.right = middle.right;
-        moveItemInArray(this.columns(), event.previousIndex, event.currentIndex);
-        this.table.detectChanges();
-    }
-    dragStarted(_event, column) {
-        column.dragging = true;
-        this.table.detectChanges();
-        this.table.columnDragStarted.emit(column);
-    }
-    dragEnded(column) {
-        column.dragging = false;
-        this.table.detectChanges();
-        this.table.columnDragEnded.emit(column);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableHeadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XTableHeadComponent, isStandalone: true, selector: "x-table-head", viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<thead\r\n  #thead\r\n  [ngStyle]=\"theadStyle()\"\r\n  [class.x-table-head-top]=\"position() === 'top'\"\r\n  [class.x-table-head-bottom]=\"position() === 'bottom'\"\r\n>\r\n  @if (cellConfig()) {\r\n    <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [style.min-height.px]=\"getHeaderHeight()\">\r\n      @for (column of cellConfig()!.cells; track column.id) {\r\n        <th\r\n          [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n          [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n          [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n          [class.x-table-width-drag]=\"column.dragWidth\"\r\n          [style.grid-area]=\"column.gridArea\"\r\n          [style.left.px]=\"column.left\"\r\n          [style.right.px]=\"column.right\"\r\n          [style.min-height.px]=\"getHeaderHeight()\"\r\n          [title]=\"column?.label\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n          @if (column.dragWidth) {\r\n            <div\r\n              class=\"x-table-drag-width\"\r\n              x-drag\r\n              (dragMoved)=\"dragWidthMoved($event, column)\"\r\n              (dragStarted)=\"dragWidthStarted($event, column)\"\r\n              (dragEnded)=\"dragWidthEnded($event, column)\"\r\n            ></div>\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl\"></ng-container>\r\n  }\r\n  @if (table.headSearchTpl()) {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl; context: { case: 'search' }\"></ng-container>\r\n  }\r\n</thead>\r\n\r\n<ng-template #columnsTpl let-case=\"case\">\r\n  <tr\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListSorted)=\"dropListSorted($event)\"\r\n    (cdkDropListDropped)=\"dropListDropped($event)\"\r\n    [style.height.px]=\"getHeaderHeight()\"\r\n    [style.min-height.px]=\"getHeaderHeight()\"\r\n    [style.padding-right.px]=\"scrollYWidth()\"\r\n    [style.min-width.px]=\"scrollXWidth()\"\r\n    [class.x-table-search]=\"case === 'search'\"\r\n  >\r\n    @for (column of initColumns(); track column.id) {\r\n      <th\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"column.draggingWidth || !column.dragColumn\"\r\n        (cdkDragStarted)=\"dragStarted($event, column)\"\r\n        (cdkDragEnded)=\"dragEnded(column)\"\r\n        [ngClass]=\"thClassMap()\"\r\n        [class.x-table-th]=\"true\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n        [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n        [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n        [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n        [style.min-height.px]=\"getHeaderHeight()\"\r\n        [style.width.px]=\"getColumnWidth(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.right.px]=\"getColumnRight(column.right)\"\r\n        [style.flex]=\"getFlex(column)\"\r\n      >\r\n        @switch (case) {\r\n          @case ('search') {\r\n            <ng-container *xOutlet=\"table.headSearchTpl()!; context: { $column: column }\"></ng-container>\r\n          }\r\n          @default {\r\n            <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n            @if (column.dragWidth) {\r\n              <div\r\n                class=\"x-table-drag-width\"\r\n                x-drag\r\n                (dragMoved)=\"dragWidthMoved($event, column)\"\r\n                (dragStarted)=\"dragWidthStarted($event, column);\"\r\n                (dragEnded)=\"dragWidthEnded($event, column)\"\r\n              ></div>\r\n            }\r\n          }\r\n        }\r\n      </th>\r\n    }\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      @if (column.headChecked) {\r\n        <x-checkbox\r\n          [data]=\"[{ id: true, label: column.label }]\"\r\n          [(ngModel)]=\"table.checkedValues()[column.id]\"\r\n          (ngModelChange)=\"table.headChecked($event, column)\"\r\n          [indeterminate]=\"table.checkedValues()[column.id + table.indeterminate()]\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (!column.headChecked) {\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      }\r\n    }\r\n    @case ('index') {\r\n      <a\r\n        ><ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n          <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n            {{ column.label }}\r\n          </ng-container>\r\n        </ng-container></a\r\n      >\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n      <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n        {{ column.label }}\r\n      </ng-container>\r\n    </ng-container>\r\n    @if (column.sort) {\r\n      <x-icon\r\n        type=\"fto-bar-chart\"\r\n        class=\"x-table-sort-icon\"\r\n        [class.x-table-icon-up]=\"sortStr() === column.id + ' desc'\"\r\n        [class.x-table-icon-down]=\"sortStr() === column.id + ' asc'\"\r\n      ></x-icon>\r\n    }\r\n  </a>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "directive", type: XDragDirective, selector: "[x-drag]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.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: i2.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: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableHeadComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTableHeadPrefix}`, imports: [
-                        NgStyle,
-                        NgClass,
-                        NgTemplateOutlet,
-                        FormsModule,
-                        XDragDirective,
-                        DragDropModule,
-                        XCheckboxComponent,
-                        XOutletDirective,
-                        XIconComponent
-                    ], encapsulation: ViewEncapsulation.None, template: "<thead\r\n  #thead\r\n  [ngStyle]=\"theadStyle()\"\r\n  [class.x-table-head-top]=\"position() === 'top'\"\r\n  [class.x-table-head-bottom]=\"position() === 'bottom'\"\r\n>\r\n  @if (cellConfig()) {\r\n    <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [style.min-height.px]=\"getHeaderHeight()\">\r\n      @for (column of cellConfig()!.cells; track column.id) {\r\n        <th\r\n          [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n          [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n          [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n          [class.x-table-width-drag]=\"column.dragWidth\"\r\n          [style.grid-area]=\"column.gridArea\"\r\n          [style.left.px]=\"column.left\"\r\n          [style.right.px]=\"column.right\"\r\n          [style.min-height.px]=\"getHeaderHeight()\"\r\n          [title]=\"column?.label\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n          @if (column.dragWidth) {\r\n            <div\r\n              class=\"x-table-drag-width\"\r\n              x-drag\r\n              (dragMoved)=\"dragWidthMoved($event, column)\"\r\n              (dragStarted)=\"dragWidthStarted($event, column)\"\r\n              (dragEnded)=\"dragWidthEnded($event, column)\"\r\n            ></div>\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl\"></ng-container>\r\n  }\r\n  @if (table.headSearchTpl()) {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl; context: { case: 'search' }\"></ng-container>\r\n  }\r\n</thead>\r\n\r\n<ng-template #columnsTpl let-case=\"case\">\r\n  <tr\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListSorted)=\"dropListSorted($event)\"\r\n    (cdkDropListDropped)=\"dropListDropped($event)\"\r\n    [style.height.px]=\"getHeaderHeight()\"\r\n    [style.min-height.px]=\"getHeaderHeight()\"\r\n    [style.padding-right.px]=\"scrollYWidth()\"\r\n    [style.min-width.px]=\"scrollXWidth()\"\r\n    [class.x-table-search]=\"case === 'search'\"\r\n  >\r\n    @for (column of initColumns(); track column.id) {\r\n      <th\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"column.draggingWidth || !column.dragColumn\"\r\n        (cdkDragStarted)=\"dragStarted($event, column)\"\r\n        (cdkDragEnded)=\"dragEnded(column)\"\r\n        [ngClass]=\"thClassMap()\"\r\n        [class.x-table-th]=\"true\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n        [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n        [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n        [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n        [style.min-height.px]=\"getHeaderHeight()\"\r\n        [style.width.px]=\"getColumnWidth(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.right.px]=\"getColumnRight(column.right)\"\r\n        [style.flex]=\"getFlex(column)\"\r\n      >\r\n        @switch (case) {\r\n          @case ('search') {\r\n            <ng-container *xOutlet=\"table.headSearchTpl()!; context: { $column: column }\"></ng-container>\r\n          }\r\n          @default {\r\n            <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n            @if (column.dragWidth) {\r\n              <div\r\n                class=\"x-table-drag-width\"\r\n                x-drag\r\n                (dragMoved)=\"dragWidthMoved($event, column)\"\r\n                (dragStarted)=\"dragWidthStarted($event, column);\"\r\n                (dragEnded)=\"dragWidthEnded($event, column)\"\r\n              ></div>\r\n            }\r\n          }\r\n        }\r\n      </th>\r\n    }\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      @if (column.headChecked) {\r\n        <x-checkbox\r\n          [data]=\"[{ id: true, label: column.label }]\"\r\n          [(ngModel)]=\"table.checkedValues()[column.id]\"\r\n          (ngModelChange)=\"table.headChecked($event, column)\"\r\n          [indeterminate]=\"table.checkedValues()[column.id + table.indeterminate()]\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (!column.headChecked) {\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      }\r\n    }\r\n    @case ('index') {\r\n      <a\r\n        ><ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n          <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n            {{ column.label }}\r\n          </ng-container>\r\n        </ng-container></a\r\n      >\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n      <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n        {{ column.label }}\r\n      </ng-container>\r\n    </ng-container>\r\n    @if (column.sort) {\r\n      <x-icon\r\n        type=\"fto-bar-chart\"\r\n        class=\"x-table-sort-icon\"\r\n        [class.x-table-icon-up]=\"sortStr() === column.id + ' desc'\"\r\n        [class.x-table-icon-down]=\"sortStr() === column.id + ' asc'\"\r\n      ></x-icon>\r\n    }\r\n  </a>\r\n</ng-template>\r\n" }]
-        }], propDecorators: { thead: [{ type: i0.ViewChild, args: ['thead', { isSignal: true }] }] } });
-
-class XTableFootComponent extends XTableFootProperty {
-    constructor() {
-        super(...arguments);
-        this.tfoot = viewChild.required('tfoot');
-        this.table = inject(X_TABLE_CONTEXT, { optional: true });
-        this.cdr = inject(ChangeDetectorRef);
-        this.getRowHeight = computed(() => (this.rowHeight() == 0 ? '' : this.rowHeight()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getRowHeight" }] : /* istanbul ignore next */ []));
-        this.elementRef = inject(ElementRef);
-    }
-    ngOnInit() {
-        XRemoveNgTag(this.elementRef.nativeElement);
-    }
-    ngAfterViewInit() {
-        this.table.tfoot.set(this.tfoot());
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableFootComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: XTableFootComponent, isStandalone: true, selector: "x-table-foot", viewQueries: [{ propertyName: "tfoot", first: true, predicate: ["tfoot"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<tfoot #tfoot class=\"x-table-footer\" [style.height.px]=\"getRowHeight()!\" [style.min-height.px]=\"getRowHeight()\">\r\n  <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n</tfoot>\r\n", dependencies: [{ kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableFootComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTableFootPrefix}`, imports: [XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tfoot #tfoot class=\"x-table-footer\" [style.height.px]=\"getRowHeight()!\" [style.min-height.px]=\"getRowHeight()\">\r\n  <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n</tfoot>\r\n" }]
-        }], propDecorators: { tfoot: [{ type: i0.ViewChild, args: ['tfoot', { isSignal: true }] }] } });
-
-class XTableCheckboxDragSelectService {
-    constructor() {
-        this.isMouseDown = false;
-        this.isDragging = false;
-        this.startIndex = -1;
-        this.downValue = false;
-        this.changeRows = [];
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableCheckboxDragSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableCheckboxDragSelectService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableCheckboxDragSelectService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class XTableCheckboxDragSelectDirective {
-    constructor() {
-        this.dragSelectService = inject(XTableCheckboxDragSelectService);
-        this.document = inject(DOCUMENT);
-        this.checkbox = inject(XCheckboxComponent, { host: true });
-        this.dragRows = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dragRows" }] : /* istanbul ignore next */ []));
-        this.dragRow = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dragRow" }] : /* istanbul ignore next */ []));
-        this.dragColumn = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dragColumn" }] : /* istanbul ignore next */ []));
-        this.dragDisabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dragDisabled" }] : /* istanbul ignore next */ []));
-        this.dragStart = output();
-        this.dragMove = output();
-        this.dragEnd = output();
-    }
-    onMouseDown(event) {
-        if (this.dragDisabled())
-            return;
-        const target = event.target;
-        if (this.isCheckboxLike(target)) {
-            this.dragTimeout = setTimeout(() => {
-                this.dragSelectService.downValue = !!this.checkbox.value();
-                this.dragSelectService.startIndex = this.dragRows().findIndex((row) => row.id === this.dragRow().id);
-                this.dragSelectService.isMouseDown = true;
-            }, 100);
-            event.preventDefault();
-        }
-    }
-    onMouseUp() {
-        if (this.dragDisabled())
-            return;
-        clearTimeout(this.dragTimeout);
-        if (this.dragSelectService.isDragging) {
-            this.dragEnd.emit(this.dragSelectService.changeRows);
-        }
-        this.dragSelectService.isDragging = false;
-        this.dragSelectService.startIndex = -1;
-        this.dragSelectService.downValue = false;
-        this.dragSelectService.isMouseDown = false;
-        this.dragSelectService.changeRows = [];
-        this.document.body.style.cursor = '';
-    }
-    onMouseMove(event) {
-        if (this.dragDisabled())
-            return;
-        if (!this.dragSelectService.isMouseDown)
-            return;
-        if (!this.dragSelectService.isDragging) {
-            this.dragSelectService.isDragging = true;
-            this.document.body.style.cursor = 'pointer';
-            this.dragStart.emit();
-        }
-        if (this.dragSelectService.startIndex === -1)
-            return;
-        const rowEl = event.target.closest('tr');
-        if (!rowEl)
-            return;
-        const currentKey = rowEl.getAttribute('data-row-key');
-        const currentIndex = this.dragRows().findIndex((row) => `${row.id}` === currentKey);
-        if (currentIndex === -1)
-            return;
-        const minIndex = Math.min(this.dragSelectService.startIndex, currentIndex);
-        const maxIndex = Math.max(this.dragSelectService.startIndex, currentIndex);
-        const checked = !this.dragSelectService.downValue;
-        this.dragRows().forEach((row, index) => {
-            if (index >= minIndex && index <= maxIndex) {
-                if (!row.disabled) {
-                    row[this.dragColumn().id] = checked;
-                    if (!this.dragSelectService.changeRows.some((x) => x.id === row.id)) {
-                        this.dragSelectService.changeRows.push(row);
-                    }
-                }
-            }
-        });
-        this.dragMove.emit();
-        event.preventDefault();
-    }
-    isCheckboxLike(el) {
-        return el.classList.contains('x-checkbox-box');
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableCheckboxDragSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: XTableCheckboxDragSelectDirective, isStandalone: true, selector: "[xTableCheckboxDragSelect]", inputs: { dragRows: { classPropertyName: "dragRows", publicName: "dragRows", isSignal: true, isRequired: true, transformFunction: null }, dragRow: { classPropertyName: "dragRow", publicName: "dragRow", isSignal: true, isRequired: true, transformFunction: null }, dragColumn: { classPropertyName: "dragColumn", publicName: "dragColumn", isSignal: true, isRequired: true, transformFunction: null }, dragDisabled: { classPropertyName: "dragDisabled", publicName: "dragDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd" }, host: { listeners: { "mousedown": "onMouseDown($event)", "document:mouseup": "onMouseUp()", "document:mousemove": "onMouseMove($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableCheckboxDragSelectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[xTableCheckboxDragSelect]'
-                }]
-        }], propDecorators: { dragRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragRows", required: true }] }], dragRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragRow", required: true }] }], dragColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragColumn", required: true }] }], dragDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDisabled", required: false }] }], dragStart: [{ type: i0.Output, args: ["dragStart"] }], dragMove: [{ type: i0.Output, args: ["dragMove"] }], dragEnd: [{ type: i0.Output, args: ["dragEnd"] }], onMouseDown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }], onMouseUp: [{
-                type: HostListener,
-                args: ['document:mouseup']
-            }], onMouseMove: [{
-                type: HostListener,
-                args: ['document:mousemove', ['$event']]
-            }] } });
-
-class XTableBodyComponent extends XTableBodyProperty {
-    constructor() {
-        super();
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject((ElementRef));
-        this.cdr = inject(ChangeDetectorRef);
-        this.tbody = viewChild.required('tbody');
-        this.virtualBody = viewChild(CdkVirtualScrollViewport, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "virtualBody" }] : /* istanbul ignore next */ []));
-        this.table = inject(X_TABLE_CONTEXT, { optional: true });
-        this.doc = inject(DOCUMENT$1);
-        this.unSubject = new Subject();
-        this.domSanitizer = inject(DomSanitizer);
-        this.tbodyStyle = signal({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tbodyStyle" }] : /* istanbul ignore next */ []));
-        this.isEmpty = computed(() => this.data().length === 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
-        this.getRowHeight = computed(() => (this.rowHeight() == 0 ? '' : this.rowHeight()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getRowHeight" }] : /* istanbul ignore next */ []));
-        this.getItemSize = computed(() => this.rowHeight() !== 0 && this.itemSize() > this.rowHeight() ? this.rowHeight() : this.itemSize(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getItemSize" }] : /* istanbul ignore next */ []));
-        this.docClientHeight = signal(this.doc.documentElement.clientHeight, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "docClientHeight" }] : /* istanbul ignore next */ []));
-        this.headHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headHeight" }] : /* istanbul ignore next */ []));
-        this.captionHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "captionHeight" }] : /* istanbul ignore next */ []));
-        this.footHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footHeight" }] : /* istanbul ignore next */ []));
-        this.paginationHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "paginationHeight" }] : /* istanbul ignore next */ []));
-        this.checkboxDragging = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "checkboxDragging" }] : /* istanbul ignore next */ []));
-        this.expandChanged = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expandChanged" }] : /* istanbul ignore next */ []));
-        this.bodyHeightSignal = computed(() => {
-            const adaptionHeight = this.adaptionHeight();
-            if (adaptionHeight && adaptionHeight > 0) {
-                let bodyHeight = this.docPercent() * this.docClientHeight() -
-                    this.captionHeight() -
-                    this.headHeight() -
-                    this.footHeight() -
-                    this.paginationHeight() -
-                    adaptionHeight;
-                if (bodyHeight < 0)
-                    bodyHeight = 0;
-                return bodyHeight;
-            }
-            if (this.scroll()?.y && !this.bodyHeight()) {
-                return this.scroll().y;
-            }
-            return this.bodyHeight();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "bodyHeightSignal" }] : /* istanbul ignore next */ []));
-        this.minBufferPxSignal = computed(() => {
-            const adaptionHeight = this.adaptionHeight();
-            if (adaptionHeight && adaptionHeight > 0) {
-                return this.bodyHeightSignal();
-            }
-            return this.minBufferPx();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "minBufferPxSignal" }] : /* istanbul ignore next */ []));
-        this.maxBufferPxSignal = computed(() => {
-            const adaptionHeight = this.adaptionHeight();
-            if (adaptionHeight && adaptionHeight > 0) {
-                return this.bodyHeightSignal() * 1.2;
-            }
-            return this.maxBufferPx();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "maxBufferPxSignal" }] : /* istanbul ignore next */ []));
-        this.treeData = computed(() => {
-            if (!this.table.treeTable())
-                return [];
-            this.expandChanged();
-            const treeData = [];
-            const addItems = (data) => {
-                for (let item of data) {
-                    treeData.push(item);
-                    if (item.children && item.children.length > 0 && item.expanded) {
-                        addItems(item.children);
-                    }
-                }
-            };
-            addItems(this.data());
-            return treeData;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "treeData" }] : /* istanbul ignore next */ []));
-        this.rows = computed(() => {
-            if (!this.table.treeTable())
-                return this.data();
-            return this.treeData();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            if (this.virtualBody()) {
-                this.virtualBody()['_scrollStrategy']['_minBufferPx'] = this.minBufferPxSignal();
-            }
-        });
-        effect(() => {
-            if (this.virtualBody()) {
-                this.virtualBody()['_scrollStrategy']['_maxBufferPx'] = this.maxBufferPxSignal();
-            }
-        });
-    }
-    ngOnInit() {
-        XRemoveNgTag(this.elementRef.nativeElement);
-        if (this.level() > 0)
-            XRemoveNgTag(this.tbody().nativeElement);
-        fromEvent(this.doc.defaultView, 'resize')
-            .pipe(debounceTime(30), takeUntil(this.unSubject))
-            .subscribe(() => {
-            this.docClientHeight.set(this.doc.documentElement.clientHeight);
-        });
-    }
-    ngAfterViewInit() {
-        this.table.virtualBody.set(this.virtualBody());
-        this.docClientHeight.set(this.doc.documentElement.clientHeight);
-        this.setSubject();
-        this.setScroll();
-    }
-    ngAfterViewChecked() {
-        let headHeight = 0;
-        for (let thead of this.table.theads()) {
-            headHeight += thead.nativeElement.clientHeight;
-        }
-        this.headHeight.set(headHeight);
-        const captionHeight = this.table.caption()?.nativeElement.clientHeight || 0;
-        this.captionHeight.set(captionHeight);
-        const footHeight = this.table.tfoot()?.nativeElement.clientHeight || 0;
-        this.footHeight.set(footHeight);
-        const paginationHeight = this.table.pagination()?.elementRef.nativeElement.clientHeight || 0;
-        this.paginationHeight.set(paginationHeight);
-    }
-    ngOnDestroy() {
-        this.unSubject.next();
-        this.unSubject.complete();
-        this.resizeObserver?.disconnect();
-    }
-    setSubject() {
-        if (this.virtualBody()) {
-            this.table.scrollContentEle.set(this.virtualBody().elementRef.nativeElement.querySelector('.cdk-virtual-scroll-content-wrapper'));
-            if (this.scroll()?.x) {
-                this.renderer.setStyle(this.table.scrollContentEle(), 'width', `${this.scroll()?.x}px`);
-            }
-            XResize(this.table.table().nativeElement, this.table.scrollContentEle())
-                .pipe(debounceTime(30), takeUntil(this.unSubject))
-                .subscribe((x) => {
-                this.resizeObserver = x.resizeObserver;
-                this.setScroll();
-            });
-        }
-        if (this.table.scrollContentEle()) {
-            fromEvent(this.virtualBody().elementRef.nativeElement, 'scroll')
-                .pipe(takeUntil(this.unSubject))
-                .subscribe((x) => {
-                const ele = x.srcElement;
-                this.table.scrollTop.set(ele.scrollTop);
-                this.table.scrollLeft.set(ele.scrollLeft);
-                if (ele.scrollLeft >= 0 && this.table.theads().length > 0) {
-                    for (let thead of this.table.theads()) {
-                        thead.nativeElement.scrollLeft = this.table.scrollLeft();
-                    }
-                }
-                this.table.scrollLeftMax.set(ele.scrollLeft + ele.clientWidth === ele.scrollWidth);
-            });
-        }
-    }
-    setScroll() {
-        if (!this.virtualBody())
-            return;
-        const ele = this.virtualBody().elementRef.nativeElement;
-        const hasY = ele.scrollHeight > this.bodyHeightSignal();
-        const hasX = this.table.scrollContentEle().clientWidth > ele.clientWidth;
-        if (!this.table.hasScrollY() && hasY) {
-            this.table.hasScrollY.set(true);
-            this.table.scrollYWidth.set(ele.offsetWidth - ele.clientWidth);
-        }
-        else if (this.table.hasScrollY() && !hasY) {
-            this.table.hasScrollY.set(false);
-            this.table.scrollYWidth.set(0);
-        }
-        if (!this.table.hasScrollX() && hasX) {
-            this.table.hasScrollX.set(true);
-            this.table.scrollXHeight.set(ele.offsetHeight - ele.clientHeight);
-        }
-        else if (this.table.hasScrollX() && !hasX) {
-            this.table.hasScrollX.set(false);
-            this.table.scrollXHeight.set(0);
-            this.table.scrollXWidth.set(null);
-        }
-        if (hasX) {
-            this.table.scrollXWidth.set(ele.offsetWidth + ele.scrollWidth - ele.clientWidth);
-        }
-        this.virtualBody().checkViewportSize();
-    }
-    setStyle() {
-        let height = this.rowHeight() === 0 ? '' : this.rowHeight();
-        if (this.cellConfig() && this.cellConfig().cells) {
-            const spt = this.cellConfig().cells?.map((x) => {
-                const gridAreaSpt = x.gridArea?.split('/');
-                return gridAreaSpt && gridAreaSpt.length > 3 ? Number(gridAreaSpt[2]) : 2;
-            });
-            height = ((Math.max(...spt) - 1) * height);
-        }
-        this.tbodyStyle.set({
-            height: `${height}px`
-        });
-    }
-    setDomSanitizer(str) {
-        return this.domSanitizer.bypassSecurityTrustHtml(str);
-    }
-    getIndex(index, item) {
-        if (!isNaN(index))
-            return index;
-        return this.data().indexOf(item);
-    }
-    getFlex(column) {
-        if (column.width)
-            return 'none';
-        if (!column.flex)
-            return 1;
-        return column.flex;
-    }
-    getTitle(row, column) {
-        let it = row[column.id];
-        return it ? XStripTags(it) : '';
-    }
-    onRowClick(event, row) {
-        if (row.disabled)
-            return;
-        if (this.table.allowCheckRow() && this.table.rowChecked()) {
-            if (!XParentPath(event.target).includes('x-checkbox')) {
-                row[this.table.rowChecked().id] = !row[this.table.rowChecked().id];
-                this.table.bodyChecked(this.table.rowChecked(), row);
-            }
-        }
-        this.activatedRow.set(row);
-        this.rowClick.emit(row);
-    }
-    onExpanded(event, node) {
-        node.expanded = !node.expanded;
-        this.expandChanged.update((x) => !x);
-        event?.stopPropagation();
-    }
-    trackByItem(_index, item) {
-        return item.id;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XTableBodyComponent, isStandalone: true, selector: "x-table-body", viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<tbody #tbody [class.x-table-body-checkbox-dragging]=\"checkboxDragging()\">\r\n  @if (cellConfig()) {\r\n    @for (row of data(); track row.id; let i = $index) {\r\n      <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [attr.data-row-key]=\"row.id\">\r\n        @for (column of cellConfig()!.cells; track column; let j = $index) {\r\n          <td\r\n            [title]=\"getTitle(row, column)\"\r\n            [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n            [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n            [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n            [style.left.px]=\"column.left\"\r\n            [style.right.px]=\"column.right\"\r\n            [style.grid-area]=\"column.gridArea\"\r\n          >\r\n            <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n          </td>\r\n        }\r\n      </tr>\r\n    }\r\n  } @else {\r\n    @if (virtualScroll()) {\r\n      <cdk-virtual-scroll-viewport\r\n        #virtualBody\r\n        [itemSize]=\"getItemSize()\"\r\n        [minBufferPx]=\"minBufferPxSignal()\"\r\n        [maxBufferPx]=\"maxBufferPxSignal()\"\r\n        [style.height.px]=\"bodyHeightSignal()\"\r\n      >\r\n        <tr\r\n          *cdkVirtualFor=\"let row of rows(); let index = index; trackBy: trackByItem\"\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n        </tr>\r\n      </cdk-virtual-scroll-viewport>\r\n    } @else {\r\n      @for (row of rows(); track row.id; let i = $index) {\r\n        <tr\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n        </tr>\r\n      }\r\n    }\r\n  }\r\n  @if (table.showEmpty() && isEmpty() && level() === 0) {\r\n    <x-empty [img]=\"table.emptyImg()!\" [content]=\"table.emptyContent()!\"></x-empty>\r\n  }\r\n</tbody>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *xOutlet=\"rowDefault; context: { row: row, i: i, level: row.level }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #rowDefault let-row=\"row\" let-i=\"i\">\r\n  @for (column of columns(); track column.id; let j = $index) {\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-dragging]=\"column.dragging\"\r\n      [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n      [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n      [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.right.px]=\"column.right\"\r\n      [ngClass]=\"!rowClass() ? {} : rowClass()!(row, i)\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      <x-checkbox\r\n        xTableCheckboxDragSelect\r\n        [dragRows]=\"data()\"\r\n        [dragRow]=\"row\"\r\n        [dragColumn]=\"column\"\r\n        (dragStart)=\"checkboxDragging.set(true)\"\r\n        (dragEnd)=\"checkboxDragging.set(false); table.setCheckbox($event, column)\"\r\n        [dragDisabled]=\"row.disabled || column.checkboxDragDisabled || table.checkboxDragDisabled()\"\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        [disabled]=\"row.disabled\"\r\n        (ngModelChange)=\"table.bodyChecked(column, row)\"\r\n        single\r\n      ></x-checkbox>\r\n    }\r\n    @case ('index') {\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    }\r\n    @default {\r\n      @if (table.isExpandColumn(column)) {\r\n        <x-button\r\n          [class.is-leaf]=\"!row.leaf\"\r\n          [class.is-expanded]=\"row.expanded\"\r\n          (click)=\"onExpanded($event, row)\"\r\n          icon=\"fto-chevron-right\"\r\n          size=\"mini\"\r\n          onlyIcon\r\n          flat\r\n          plain\r\n          class=\"x-table-expand\"\r\n          [style.margin-left.rem]=\"row.level - 0.5\"\r\n        ></x-button>\r\n      }\r\n      <ng-container\r\n        *xOutlet=\"columnTpl()[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\"\r\n      >\r\n        <ng-container *xOutlet=\"table.bodyTdTpl(); context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n          @if ((table.bodyInnerHTML() && column.innerHTML !== false) || column.innerHTML) {\r\n            <div x-inner-html [html]=\"row[column.id]\" [style]=\"{ textAlign: column.textAlign }\"></div>\r\n          } @else {\r\n            <div [style.text-align]=\"column.textAlign\">{{ row[column.id] }}</div>\r\n          }\r\n          {{ table.rowExpand() && table.rowExpand()!.id === column.id ? 'x-table-body-level-' + row.level : '' }}\r\n        </ng-container>\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\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: "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: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XInnerHTMLComponent, selector: "[x-inner-html], x-inner-html", inputs: ["html", "style"] }, { kind: "directive", type: XTableCheckboxDragSelectDirective, selector: "[xTableCheckboxDragSelect]", inputs: ["dragRows", "dragRow", "dragColumn", "dragDisabled"], outputs: ["dragStart", "dragMove", "dragEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableBodyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTableBodyPrefix}`, imports: [
-                        NgClass,
-                        NgTemplateOutlet,
-                        FormsModule,
-                        XEmptyComponent,
-                        ScrollingModule,
-                        XOutletDirective,
-                        XCheckboxComponent,
-                        XButtonComponent,
-                        XInnerHTMLComponent,
-                        XTableCheckboxDragSelectDirective
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tbody #tbody [class.x-table-body-checkbox-dragging]=\"checkboxDragging()\">\r\n  @if (cellConfig()) {\r\n    @for (row of data(); track row.id; let i = $index) {\r\n      <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [attr.data-row-key]=\"row.id\">\r\n        @for (column of cellConfig()!.cells; track column; let j = $index) {\r\n          <td\r\n            [title]=\"getTitle(row, column)\"\r\n            [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n            [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n            [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n            [style.left.px]=\"column.left\"\r\n            [style.right.px]=\"column.right\"\r\n            [style.grid-area]=\"column.gridArea\"\r\n          >\r\n            <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n          </td>\r\n        }\r\n      </tr>\r\n    }\r\n  } @else {\r\n    @if (virtualScroll()) {\r\n      <cdk-virtual-scroll-viewport\r\n        #virtualBody\r\n        [itemSize]=\"getItemSize()\"\r\n        [minBufferPx]=\"minBufferPxSignal()\"\r\n        [maxBufferPx]=\"maxBufferPxSignal()\"\r\n        [style.height.px]=\"bodyHeightSignal()\"\r\n      >\r\n        <tr\r\n          *cdkVirtualFor=\"let row of rows(); let index = index; trackBy: trackByItem\"\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n        </tr>\r\n      </cdk-virtual-scroll-viewport>\r\n    } @else {\r\n      @for (row of rows(); track row.id; let i = $index) {\r\n        <tr\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n        </tr>\r\n      }\r\n    }\r\n  }\r\n  @if (table.showEmpty() && isEmpty() && level() === 0) {\r\n    <x-empty [img]=\"table.emptyImg()!\" [content]=\"table.emptyContent()!\"></x-empty>\r\n  }\r\n</tbody>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *xOutlet=\"rowDefault; context: { row: row, i: i, level: row.level }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #rowDefault let-row=\"row\" let-i=\"i\">\r\n  @for (column of columns(); track column.id; let j = $index) {\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-dragging]=\"column.dragging\"\r\n      [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n      [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n      [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.right.px]=\"column.right\"\r\n      [ngClass]=\"!rowClass() ? {} : rowClass()!(row, i)\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      <x-checkbox\r\n        xTableCheckboxDragSelect\r\n        [dragRows]=\"data()\"\r\n        [dragRow]=\"row\"\r\n        [dragColumn]=\"column\"\r\n        (dragStart)=\"checkboxDragging.set(true)\"\r\n        (dragEnd)=\"checkboxDragging.set(false); table.setCheckbox($event, column)\"\r\n        [dragDisabled]=\"row.disabled || column.checkboxDragDisabled || table.checkboxDragDisabled()\"\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        [disabled]=\"row.disabled\"\r\n        (ngModelChange)=\"table.bodyChecked(column, row)\"\r\n        single\r\n      ></x-checkbox>\r\n    }\r\n    @case ('index') {\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    }\r\n    @default {\r\n      @if (table.isExpandColumn(column)) {\r\n        <x-button\r\n          [class.is-leaf]=\"!row.leaf\"\r\n          [class.is-expanded]=\"row.expanded\"\r\n          (click)=\"onExpanded($event, row)\"\r\n          icon=\"fto-chevron-right\"\r\n          size=\"mini\"\r\n          onlyIcon\r\n          flat\r\n          plain\r\n          class=\"x-table-expand\"\r\n          [style.margin-left.rem]=\"row.level - 0.5\"\r\n        ></x-button>\r\n      }\r\n      <ng-container\r\n        *xOutlet=\"columnTpl()[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\"\r\n      >\r\n        <ng-container *xOutlet=\"table.bodyTdTpl(); context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n          @if ((table.bodyInnerHTML() && column.innerHTML !== false) || column.innerHTML) {\r\n            <div x-inner-html [html]=\"row[column.id]\" [style]=\"{ textAlign: column.textAlign }\"></div>\r\n          } @else {\r\n            <div [style.text-align]=\"column.textAlign\">{{ row[column.id] }}</div>\r\n          }\r\n          {{ table.rowExpand() && table.rowExpand()!.id === column.id ? 'x-table-body-level-' + row.level : '' }}\r\n        </ng-container>\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { tbody: [{ type: i0.ViewChild, args: ['tbody', { isSignal: true }] }], virtualBody: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }] } });
-
-class XTableComponent extends XTableProperty {
-    constructor() {
-        super(...arguments);
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject((ElementRef));
-        this.cdr = inject(ChangeDetectorRef);
-        this.unSubject = new Subject();
-        this.classMap = computed(() => ({ [`${XTablePrefix}-row-size-${this.rowSize()}`]: !XIsEmpty(this.rowSize()) }), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
-        this.theads = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "theads" }] : /* istanbul ignore next */ []));
-        this.tfoot = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tfoot" }] : /* istanbul ignore next */ []));
-        this.virtualBody = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "virtualBody" }] : /* istanbul ignore next */ []));
-        this.theadsChange = [];
-        this.scrollContentEle = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollContentEle" }] : /* istanbul ignore next */ []));
-        this.hasScrollY = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasScrollY" }] : /* istanbul ignore next */ []));
-        this.scrollYWidth = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollYWidth" }] : /* istanbul ignore next */ []));
-        this.hasScrollX = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasScrollX" }] : /* istanbul ignore next */ []));
-        this.scrollXHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollXHeight" }] : /* istanbul ignore next */ []));
-        this.scrollXWidth = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollXWidth" }] : /* istanbul ignore next */ []));
-        this.scrollLeft = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollLeft" }] : /* istanbul ignore next */ []));
-        this.scrollLeftMax = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollLeftMax" }] : /* istanbul ignore next */ []));
-        this.scrollTop = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scrollTop" }] : /* istanbul ignore next */ []));
-        this.rowChecked = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rowChecked" }] : /* istanbul ignore next */ []));
-        this.headCheckboxList = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headCheckboxList" }] : /* istanbul ignore next */ []));
-        this.rowExpand = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rowExpand" }] : /* istanbul ignore next */ []));
-        this.headExpandList = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headExpandList" }] : /* istanbul ignore next */ []));
-        this.dataIsFunc = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dataIsFunc" }] : /* istanbul ignore next */ []));
-        this.getting = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getting" }] : /* istanbul ignore next */ []));
-        this.tableData = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tableData" }] : /* istanbul ignore next */ []));
-        this.treeTableData = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "treeTableData" }] : /* istanbul ignore next */ []));
-        this.checkedValues = signal({}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "checkedValues" }] : /* istanbul ignore next */ []));
-        this.indeterminate = signal('$$indeterminate', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
-        this.table = viewChild.required('table');
-        this.caption = viewChild('caption', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
-        this.pagination = viewChild('pagination', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pagination" }] : /* istanbul ignore next */ []));
-        this.stickyTopRightEle = viewChild('stickyTopRightEle', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "stickyTopRightEle" }] : /* istanbul ignore next */ []));
-        this.stickyBottomRightEle = viewChild('stickyBottomRightEle', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "stickyBottomRightEle" }] : /* istanbul ignore next */ []));
-        this.headCom = viewChildren(XTableHeadComponent, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headCom" }] : /* istanbul ignore next */ []));
-        this.bodyCom = viewChildren(XTableBodyComponent, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "bodyCom" }] : /* istanbul ignore next */ []));
-        this.footCom = viewChild(XTableFootComponent, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footCom" }] : /* istanbul ignore next */ []));
-        this.getScrollLeft = computed(() => this.scrollLeft() > 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getScrollLeft" }] : /* istanbul ignore next */ []));
-        this.getScrollTop = computed(() => this.scrollTop() > 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getScrollTop" }] : /* istanbul ignore next */ []));
-        this.getRowHeight = computed(() => (this.rowHeight() === 0 ? '' : this.rowHeight()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getRowHeight" }] : /* istanbul ignore next */ []));
-        this.getStickyTopScrollTop = computed(() => (this.caption() ? this.caption().nativeElement.offsetHeight : 0), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getStickyTopScrollTop" }] : /* istanbul ignore next */ []));
-        this.getStickyBottomScrollTop = computed(() => {
-            let top = 0;
-            if (this.footer() && this.tfoot()) {
-                top += this.tfoot().nativeElement.clientHeight + 1;
-            }
-            return top;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getStickyBottomScrollTop" }] : /* istanbul ignore next */ []));
-        this.getStickyTopRightEleHeight = computed(() => {
-            if (this.stickyTopRightEle()) {
-                return this.stickyTopRightEle().nativeElement.offsetHeight;
-            }
-            else {
-                return 0;
-            }
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getStickyTopRightEleHeight" }] : /* istanbul ignore next */ []));
-        this.getStickyBottomRightEleHeight = computed(() => {
-            if (this.stickyBottomRightEle()) {
-                return this.stickyBottomRightEle().nativeElement.offsetHeight;
-            }
-            else {
-                return 0;
-            }
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "getStickyBottomRightEleHeight" }] : /* istanbul ignore next */ []));
-        this.hasStickyTopRight = computed(() => this.showHeader() &&
-            (this.headerPosition() === 'top' || this.headerPosition() === 'top-bottom') &&
-            this.columns().some((x) => Number(x.right) >= 0), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasStickyTopRight" }] : /* istanbul ignore next */ []));
-        this.hasStickyTopRightSearch = computed(() => !!this.headSearchTpl(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasStickyTopRightSearch" }] : /* istanbul ignore next */ []));
-        this.hasStickyBottomRight = computed(() => this.showHeader() &&
-            (this.headerPosition() === 'bottom' || this.headerPosition() === 'top-bottom') &&
-            this.columns().some((x) => Number(x.right) >= 0), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasStickyBottomRight" }] : /* istanbul ignore next */ []));
-        this.cellConfigSignal = computed(() => {
-            const cellConfig = this.cellConfig();
-            if (!cellConfig)
-                return;
-            const setRule = (rule) => {
-                if (!rule)
-                    return;
-                let gridTemplateColumns = '', cells = [];
-                if (!rule.gridTemplateColumns) {
-                    gridTemplateColumns = `${this.columns()
-                        .map((x) => {
-                        if (x.width)
-                            return x.width;
-                        if (x.flex)
-                            return `${x.flex}fr`;
-                        return '1fr';
-                    })
-                        .join(' ')}`;
-                }
-                if (!rule.cells)
-                    return;
-                cells = rule.cells.map((y) => {
-                    const col = this.columns().find((z) => z.id === y.id);
-                    if (col) {
-                        return { ...col, ...y };
-                    }
-                    return y;
-                });
-                return { gridTemplateColumns, cells };
-            };
-            return { thead: setRule(cellConfig.thead), tbody: setRule(cellConfig.tbody) };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cellConfigSignal" }] : /* istanbul ignore next */ []));
-        this.tbodyHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tbodyHeight" }] : /* istanbul ignore next */ []));
-        this.tbodyScrollHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tbodyScrollHeight" }] : /* istanbul ignore next */ []));
-    }
-    ngOnInit() {
-        this.setRowChecked();
-        this.setRowExpand();
-    }
-    ngOnChanges(simples) {
-        const { data, checkedRow, columns, activatedRow, manual, showPagination, expandedAll, paginationPosition } = simples;
-        XIsChange(expandedAll) && this.setExpandedAll();
-        XIsChange(data, checkedRow) && this.setData();
-        if (XIsChange(columns)) {
-            this.setRowChecked();
-            this.setRowExpand();
-        }
-        XIsChange(columns, activatedRow, showPagination) && this.cdr.detectChanges();
-        XIsChange(manual) && this.setManual();
-        XIsChange(paginationPosition) && this.setPaginationPosition(paginationPosition);
-    }
-    ngAfterViewChecked() {
-        if (this.bodyCom().length > 0) {
-            const first = this.bodyCom()[0].tbody().nativeElement;
-            this.tbodyHeight.set(first.clientHeight);
-            this.tbodyScrollHeight.set(first.scrollHeight);
-            // let trs = first.tbody().nativeElement.querySelectorAll('tr');
-            // let i = 0;
-            // let h = 0;
-            // while (i < trs.length) {
-            //   h += trs[i].clientHeight;
-            // }
-            // this.trsHeight.set(h);
-        }
-    }
-    ngOnDestroy() {
-        this.unSubject.next();
-        this.unSubject.complete();
-    }
-    setPaginationPosition(position) {
-        const { currentValue, previousValue } = position;
-        if (previousValue) {
-            this.renderer.removeClass(this.elementRef.nativeElement, `x-table-${previousValue}`);
-        }
-        if (currentValue) {
-            this.renderer.addClass(this.elementRef.nativeElement, `x-table-${currentValue}`);
-        }
-    }
-    getSticky(column) {
-        return this.getStickyLeft(column) || this.getStickyRight(column);
-    }
-    getStickyLeft(column) {
-        return Number(column.left) >= 0;
-    }
-    getStickyLeftLast(column) {
-        let lefts = this.columns().filter((x) => Number(x.left) >= 0);
-        if (lefts.length === 0)
-            return false;
-        return lefts[lefts.length - 1].id === column.id;
-    }
-    getStickyRight(column) {
-        return Number(column.right) >= 0;
-    }
-    getStickyRightFirst(column) {
-        let rights = this.columns().filter((x) => Number(x.right) >= 0);
-        if (rights.length === 0)
-            return false;
-        return rights[0].id === column.id;
-    }
-    getIndex(index) {
-        return (this.index() - 1) * this.size() + index + 1;
-    }
-    setData() {
-        const data = this.data();
-        if (XIsArray(data)) {
-            this.dataIsFunc.set(false);
-            this.tableData.set(data);
-            this.setChecked(data);
-            this.setHeadCheckboxList(data);
-            this.setExpand(data);
-            this.detectChanges();
-        }
-        else if (data instanceof Function) {
-            this.dataIsFunc.set(true);
-            this.getDataByFunc();
-        }
-    }
-    getDataByFunc() {
-        if (!this.manual() || !this.dataIsFunc())
-            return;
-        this.getting.set(true);
-        this.unSubject.next();
-        this.data()(this.index(), this.size(), this.query())
-            .pipe(takeUntil(this.unSubject))
-            .subscribe((x) => {
-            let [data, total] = [x.list, x.total];
-            if (this.virtualBody()) {
-                this.virtualBody().scrollToIndex(0);
-                this.virtualBody().checkViewportSize();
-            }
-            this.getting.set(false);
-            this.tableData.set(data);
-            this.setChecked(data);
-            this.setHeadCheckboxList(data);
-            this.setExpand(data);
-            this.total.set(total);
-        });
-    }
-    setManual() {
-        this.getDataByFunc();
-    }
-    setRowChecked() {
-        this.rowChecked.set(this.columns().find((x) => x.rowChecked));
-        this.headCheckboxList.set(this.columns().filter((x) => x.type === 'checkbox' && x.headChecked));
-    }
-    setRowExpand() {
-        this.rowExpand.set(this.columns().find((x) => x.rowExpand));
-    }
-    isExpandColumn(column) {
-        let expandColumn = this.columns().find((x) => x.id === column.id && x.type === 'expand');
-        if (expandColumn) {
-            return true;
-        }
-        return false;
-    }
-    pageChange(_type) {
-        this.getDataByFunc();
-        this.resetScroll();
-    }
-    change(index) {
-        this.index.set(index);
-        this.getDataByFunc();
-        this.resetScroll();
-    }
-    resetScroll(x = true, y = true) {
-        if (this.hasScrollX() && x)
-            this.virtualBody()?.scrollTo({ left: 0 });
-        if (this.hasScrollY() && y)
-            this.virtualBody()?.scrollTo({ top: 0 });
-    }
-    setChecked(data) {
-        let result = [];
-        if (XIsEmpty(data) || !this.checkedRow())
-            return;
-        for (let key in this.checkedRow()) {
-            const arr = this.checkedRow()[key];
-            for (let item of data) {
-                item[key] = arr.includes(item.id);
-                result = [...result, item];
-            }
-        }
-        if (result.length > 0)
-            data = [...result];
-    }
-    setHeadCheckboxList(data) {
-        if (XIsEmpty(data) || !this.headCheckboxList())
-            return;
-        for (let column of this.headCheckboxList()) {
-            this.setCheckedValues(column);
-        }
-    }
-    setExpand(data) {
-        const getChildren = (node, level) => {
-            node.level = level;
-            node.expanded = this.expandedAll() || level <= this.expandedLevel() || this.expanded().includes(node.id);
-            if (XIsUndefined(node.children))
-                node.children = data.filter((y) => y.pid === node.id);
-            if (XIsUndefined(node.leaf))
-                node.leaf = node.children?.length > 0;
-            if (node.leaf)
-                node.children?.map((y) => getChildren(y, level + 1));
-            return node;
-        };
-        this.treeTableData.set(data
-            .filter((x) => XIsEmpty(x.pid))
-            .map((x, index) => {
-            if (XIsUndefined(x.id))
-                x.id = index + 1;
-            return getChildren(x, 0);
-        }));
-    }
-    setExpandedAll() {
-        if (!this.treeTable() || this.treeTableData()?.length === 0)
-            return;
-        const setChildren = (nodes) => {
-            if (XIsEmpty(nodes))
-                return;
-            nodes.forEach((x) => {
-                x.expanded = Boolean(this.expandedAll());
-                setChildren(x.children);
-            });
-        };
-        this.treeTableData.update((x) => {
-            setChildren(x);
-            return [...x];
-        });
-    }
-    checkSort(sort) {
-        if (!this.dataIsFunc)
-            return;
-        let query = this.query();
-        if (typeof query === 'undefined')
-            query = {};
-        query.sort = sort;
-        this.query.set(query);
-        this.getDataByFunc();
-    }
-    headChecked(checked, column) {
-        this.tableData.update((z) => {
-            z.forEach((x) => {
-                if (!x.disabled) {
-                    x[column.id] = checked;
-                }
-            });
-            return [...z];
-        });
-        this.setCheckedValues(column);
-        this.headCheckboxChange.emit({ rows: this.tableData(), checkbox: this.checkedValues() });
-        this.detectChanges();
-    }
-    setCheckbox(rows, column) {
-        this.setCheckedValues(column);
-        for (let row of rows) {
-            this.bodyCheckboxChange.emit(row);
-        }
-    }
-    bodyChecked(column, row) {
-        this.setCheckedValues(column);
-        this.bodyCheckboxChange.emit(row);
-    }
-    setCheckedValues(column) {
-        const notDisabled = this.tableData().filter((x) => !x.disabled);
-        const count = notDisabled.length;
-        const checkedLen = notDisabled.filter((x) => x[column.id]).length;
-        this.checkedValues.update((x) => {
-            x[column.id] = count === checkedLen && count !== 0;
-            x[column.id + this.indeterminate()] = checkedLen > 0 && checkedLen < count;
-            return { ...x };
-        });
-    }
-    detectChanges() {
-        this.headCom()?.forEach((x) => {
-            x.cdr.markForCheck();
-        });
-        this.bodyCom()?.forEach((x) => {
-            x.cdr.markForCheck();
-        });
-        this.footCom()?.cdr.markForCheck();
-        this.cdr.markForCheck();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XTableComponent, isStandalone: true, selector: "x-table", providers: [
-            {
-                provide: X_TABLE_CONTEXT,
-                useExisting: XTableComponent
-            }
-        ], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "caption", first: true, predicate: ["caption"], descendants: true, isSignal: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true, isSignal: true }, { propertyName: "stickyTopRightEle", first: true, predicate: ["stickyTopRightEle"], descendants: true, isSignal: true }, { propertyName: "stickyBottomRightEle", first: true, predicate: ["stickyBottomRightEle"], descendants: true, isSignal: true }, { propertyName: "headCom", predicate: XTableHeadComponent, descendants: true, isSignal: true }, { propertyName: "bodyCom", predicate: XTableBodyComponent, descendants: true, isSignal: true }, { propertyName: "footCom", first: true, predicate: XTableFootComponent, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap()\"\r\n  [x-loading]=\"loading() && getting()\"\r\n  [class.x-table-wrapper-border-hidden]=\"hiddenWrapBorder()\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft()\"\r\n  [class.x-table-scroll-left-max]=\"scrollLeftMax()\"\r\n  [class.x-table-scroll-top]=\"getScrollTop()\"\r\n  [class.x-table-has-scroll-right]=\"scrollYWidth()\"\r\n  [class.x-table-has-scroll-bottom]=\"scrollXWidth()\"\r\n  [class.x-table-bordered]=\"bordered()\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight() == 0\"\r\n  [class.x-table-cell-config]=\"!!cellConfigSignal()\"\r\n  [class.x-table-last-tr-bordered]=\"!!adaptionHeight() || tbodyHeight() >= tbodyScrollHeight()\"\r\n>\r\n  @if (header()) {\r\n    <caption #caption class=\"x-table-header\" [style.height.px]=\"getRowHeight()\" [style.min-height.px]=\"getRowHeight()\">\r\n      <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n    </caption>\r\n  }\r\n  @if (showHeader() && (headerPosition() === 'top' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [headerHeight]=\"headerHeight()!\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'top'\"\r\n    ></x-table-head>\r\n  }\r\n  <x-table-body\r\n    [data]=\"treeTable() ? treeTableData() : tableData()\"\r\n    [columns]=\"columns()\"\r\n    [itemSize]=\"itemSize()\"\r\n    [rowHeight]=\"rowHeight()\"\r\n    [bodyHeight]=\"bodyHeight()!\"\r\n    [columnTpl]=\"bodyColumnTpl()\"\r\n    [allowSelectRow]=\"allowSelectRow()\"\r\n    [virtualScroll]=\"virtualScroll()\"\r\n    [minBufferPx]=\"minBufferPx()\"\r\n    [maxBufferPx]=\"maxBufferPx()\"\r\n    [adaptionHeight]=\"adaptionHeight()!\"\r\n    [docPercent]=\"docPercent()\"\r\n    [scroll]=\"scroll()\"\r\n    [rowClass]=\"rowClass()\"\r\n    [cellConfig]=\"cellConfigSignal()?.tbody\"\r\n    [expandedAll]=\"expandedAll()\"\r\n    [expandTpl]=\"expandTpl()\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (rowClick)=\"rowClick.emit($event)\"\r\n  ></x-table-body>\r\n  @if (showHeader() && (headerPosition() === 'bottom' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [headerHeight]=\"headerHeight()!\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'bottom'\"\r\n    ></x-table-head>\r\n  }\r\n  @if (footer()) {\r\n    <x-table-foot [footer]=\"footer()\" [rowHeight]=\"rowHeight()\"></x-table-foot>\r\n  }\r\n  @if (hasStickyTopRight()) {\r\n    <div\r\n      #stickyTopRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.top.px]=\"getStickyTopScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyTopRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.top.px]=\"getStickyTopScrollTop() + getStickyTopRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight()) {\r\n    <div\r\n      #stickyBottomRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop() + getStickyBottomRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n</table>\r\n@if (showPagination() && size()) {\r\n  <x-pagination\r\n    #pagination\r\n    [(index)]=\"index\"\r\n    [(size)]=\"size\"\r\n    [(query)]=\"query\"\r\n    [total]=\"total()\"\r\n    (indexChange)=\"pageChange('index')\"\r\n    (sizeChange)=\"pageChange('size')\"\r\n    [showEllipsis]=\"showEllipsis()\"\r\n    [showTotal]=\"showTotal()\"\r\n    [space]=\"space()\"\r\n    [showBackground]=\"showBackground()\"\r\n    [showSize]=\"showSize()\"\r\n    [showJump]=\"showJump()\"\r\n    [jumpWidth]=\"jumpWidth()\"\r\n    [showInputSize]=\"showInputSize()\"\r\n    [inputSizeWidth]=\"inputSizeWidth()\"\r\n    [sizeData]=\"sizeData()\"\r\n    [sizeWidth]=\"sizeWidth()\"\r\n    [pageLinkSize]=\"pageLinkSize()\"\r\n    [disabled]=\"disabled()\"\r\n    [totalTpl]=\"totalTpl()\"\r\n    [simple]=\"simple()\"\r\n    [simpleIndexWidth]=\"simpleIndexWidth()\"\r\n    [jumpTooltipText]=\"jumpTooltipText()\"\r\n    [showJumpTooltipText]=\"showJumpTooltipText()\"\r\n    [inputSizeTooltipText]=\"inputSizeTooltipText()\"\r\n    [showInputSizeTooltipText]=\"showInputSizeTooltipText()\"\r\n    [inputIndexSizeSureType]=\"inputIndexSizeSureType()\"\r\n  >\r\n  </x-pagination>\r\n}\r\n", styles: [".x-table{margin:0;padding:0}.x-table{display:flex;flex-direction:column;border-collapse:collapse;width:100%;position:relative}.x-table:not(.x-table-wrapper-border-hidden){border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;min-height:42px}.x-table>thead>tr{width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:5}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr.cdk-drop-list-dragging>th.cdk-drag-placeholder{background-color:var(--x-background-a200);opacity:.9}.x-table>thead.x-table-head-bottom>tr>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none}.x-table>thead.x-table-head-bottom>tr.x-table-search>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:5}.x-table>tbody tr>td>x-button .x-icon{transition:var(--x-animation-duration-base)}.x-table>tbody tr>td>x-button.is-leaf{visibility:hidden}.x-table>tbody tr>td>x-button.is-expanded .x-icon{transform:rotate(90deg)}.x-table>tbody tr>td.x-table-dragging{background-color:var(--x-background-a200);opacity:.9}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-primary-900)}.x-table>tbody tr:hover:not(.x-table-activated)>td{background-color:var(--x-background-a100)}.x-table>tbody tr:last-child>td{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>tbody:before{position:absolute;box-shadow:inset 0 10px 8px -8px #00000026;top:-1px;right:0;height:30px;width:100%;transition:box-shadow .3s;content:\"\";pointer-events:none;z-index:10}.x-table-scroll-left .x-table-sticky-left-last:after{position:absolute;box-shadow:inset 10px 0 8px -8px #00000026;top:0;right:0;bottom:-1px;width:30px;transform:translate(100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-expand{margin-right:.5rem}.x-table-expandTpl>tr{display:block!important;height:inherit!important}.x-table-header{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;display:flex;align-items:center}.x-table-footer{display:flex;align-items:center;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-sticky-right-scroll{position:absolute;right:0;min-height:42px;background-color:var(--x-background);z-index:1}.x-table-has-scroll-right .x-table-footer{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-has-scroll-bottom:not(.x-table-scroll-left-max) .x-table-sticky-right-first:after{box-shadow:inset -10px 0 8px -8px #00000026;position:absolute;top:0;bottom:-1px;left:0;width:30px;transform:translate(-100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-border-bottom{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-top{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-last-tr-bordered>tbody tr:last-child>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big .x-table-header,.x-table-row-size-big .x-table-footer{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large .x-table-header,.x-table-row-size-large .x-table-footer{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-medium .x-table-header,.x-table-row-size-medium .x-table-footer{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small .x-table-header,.x-table-row-size-small .x-table-footer{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}.x-table-row-size-mini .x-table-header,.x-table-row-size-mini .x-table-footer{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}x-table{width:100%;display:flex;flex-direction:column}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}x-table.x-table-top-left{flex-direction:column-reverse}x-table.x-table-top-left .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-center{flex-direction:column-reverse;align-items:center}x-table.x-table-top-center .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-right{flex-direction:column-reverse;align-items:flex-end}x-table.x-table-top-right .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-bottom-center{align-items:center}x-table.x-table-bottom-right{align-items:flex-end}body>.x-table-th{display:block;overflow:hidden}body>.x-table-th-big{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}body>.x-table-th-large{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}body>.x-table-th-medium{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}body>.x-table-th-small{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}body>.x-table-th-mini{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}body>.x-table-th.cdk-drag-preview{display:flex;align-items:center;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-style:dashed;background-color:var(--x-background);opacity:.8;box-shadow:var(--x-box-shadow)}body>.x-table-th.cdk-drag-preview>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.x-table-th.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: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XLoadingComponent, selector: "x-loading, [x-loading]" }, { kind: "component", type: XTableHeadComponent, selector: "x-table-head" }, { kind: "component", type: XTableFootComponent, selector: "x-table-foot" }, { kind: "component", type: XTableBodyComponent, selector: "x-table-body" }, { kind: "component", type: XPaginationComponent, selector: "x-pagination" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XTablePrefix}`, imports: [
-                        NgClass,
-                        XOutletDirective,
-                        XLoadingComponent,
-                        XTableHeadComponent,
-                        XTableFootComponent,
-                        XTableBodyComponent,
-                        XPaginationComponent
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: X_TABLE_CONTEXT,
-                            useExisting: XTableComponent
-                        }
-                    ], template: "<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap()\"\r\n  [x-loading]=\"loading() && getting()\"\r\n  [class.x-table-wrapper-border-hidden]=\"hiddenWrapBorder()\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft()\"\r\n  [class.x-table-scroll-left-max]=\"scrollLeftMax()\"\r\n  [class.x-table-scroll-top]=\"getScrollTop()\"\r\n  [class.x-table-has-scroll-right]=\"scrollYWidth()\"\r\n  [class.x-table-has-scroll-bottom]=\"scrollXWidth()\"\r\n  [class.x-table-bordered]=\"bordered()\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight() == 0\"\r\n  [class.x-table-cell-config]=\"!!cellConfigSignal()\"\r\n  [class.x-table-last-tr-bordered]=\"!!adaptionHeight() || tbodyHeight() >= tbodyScrollHeight()\"\r\n>\r\n  @if (header()) {\r\n    <caption #caption class=\"x-table-header\" [style.height.px]=\"getRowHeight()\" [style.min-height.px]=\"getRowHeight()\">\r\n      <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n    </caption>\r\n  }\r\n  @if (showHeader() && (headerPosition() === 'top' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [headerHeight]=\"headerHeight()!\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'top'\"\r\n    ></x-table-head>\r\n  }\r\n  <x-table-body\r\n    [data]=\"treeTable() ? treeTableData() : tableData()\"\r\n    [columns]=\"columns()\"\r\n    [itemSize]=\"itemSize()\"\r\n    [rowHeight]=\"rowHeight()\"\r\n    [bodyHeight]=\"bodyHeight()!\"\r\n    [columnTpl]=\"bodyColumnTpl()\"\r\n    [allowSelectRow]=\"allowSelectRow()\"\r\n    [virtualScroll]=\"virtualScroll()\"\r\n    [minBufferPx]=\"minBufferPx()\"\r\n    [maxBufferPx]=\"maxBufferPx()\"\r\n    [adaptionHeight]=\"adaptionHeight()!\"\r\n    [docPercent]=\"docPercent()\"\r\n    [scroll]=\"scroll()\"\r\n    [rowClass]=\"rowClass()\"\r\n    [cellConfig]=\"cellConfigSignal()?.tbody\"\r\n    [expandedAll]=\"expandedAll()\"\r\n    [expandTpl]=\"expandTpl()\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (rowClick)=\"rowClick.emit($event)\"\r\n  ></x-table-body>\r\n  @if (showHeader() && (headerPosition() === 'bottom' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [headerHeight]=\"headerHeight()!\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'bottom'\"\r\n    ></x-table-head>\r\n  }\r\n  @if (footer()) {\r\n    <x-table-foot [footer]=\"footer()\" [rowHeight]=\"rowHeight()\"></x-table-foot>\r\n  }\r\n  @if (hasStickyTopRight()) {\r\n    <div\r\n      #stickyTopRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.top.px]=\"getStickyTopScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyTopRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.top.px]=\"getStickyTopScrollTop() + getStickyTopRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight()) {\r\n    <div\r\n      #stickyBottomRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop() + getStickyBottomRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n</table>\r\n@if (showPagination() && size()) {\r\n  <x-pagination\r\n    #pagination\r\n    [(index)]=\"index\"\r\n    [(size)]=\"size\"\r\n    [(query)]=\"query\"\r\n    [total]=\"total()\"\r\n    (indexChange)=\"pageChange('index')\"\r\n    (sizeChange)=\"pageChange('size')\"\r\n    [showEllipsis]=\"showEllipsis()\"\r\n    [showTotal]=\"showTotal()\"\r\n    [space]=\"space()\"\r\n    [showBackground]=\"showBackground()\"\r\n    [showSize]=\"showSize()\"\r\n    [showJump]=\"showJump()\"\r\n    [jumpWidth]=\"jumpWidth()\"\r\n    [showInputSize]=\"showInputSize()\"\r\n    [inputSizeWidth]=\"inputSizeWidth()\"\r\n    [sizeData]=\"sizeData()\"\r\n    [sizeWidth]=\"sizeWidth()\"\r\n    [pageLinkSize]=\"pageLinkSize()\"\r\n    [disabled]=\"disabled()\"\r\n    [totalTpl]=\"totalTpl()\"\r\n    [simple]=\"simple()\"\r\n    [simpleIndexWidth]=\"simpleIndexWidth()\"\r\n    [jumpTooltipText]=\"jumpTooltipText()\"\r\n    [showJumpTooltipText]=\"showJumpTooltipText()\"\r\n    [inputSizeTooltipText]=\"inputSizeTooltipText()\"\r\n    [showInputSizeTooltipText]=\"showInputSizeTooltipText()\"\r\n    [inputIndexSizeSureType]=\"inputIndexSizeSureType()\"\r\n  >\r\n  </x-pagination>\r\n}\r\n", styles: [".x-table{margin:0;padding:0}.x-table{display:flex;flex-direction:column;border-collapse:collapse;width:100%;position:relative}.x-table:not(.x-table-wrapper-border-hidden){border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;min-height:42px}.x-table>thead>tr{width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:5}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr.cdk-drop-list-dragging>th.cdk-drag-placeholder{background-color:var(--x-background-a200);opacity:.9}.x-table>thead.x-table-head-bottom>tr>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none}.x-table>thead.x-table-head-bottom>tr.x-table-search>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:5}.x-table>tbody tr>td>x-button .x-icon{transition:var(--x-animation-duration-base)}.x-table>tbody tr>td>x-button.is-leaf{visibility:hidden}.x-table>tbody tr>td>x-button.is-expanded .x-icon{transform:rotate(90deg)}.x-table>tbody tr>td.x-table-dragging{background-color:var(--x-background-a200);opacity:.9}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-primary-900)}.x-table>tbody tr:hover:not(.x-table-activated)>td{background-color:var(--x-background-a100)}.x-table>tbody tr:last-child>td{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>tbody:before{position:absolute;box-shadow:inset 0 10px 8px -8px #00000026;top:-1px;right:0;height:30px;width:100%;transition:box-shadow .3s;content:\"\";pointer-events:none;z-index:10}.x-table-scroll-left .x-table-sticky-left-last:after{position:absolute;box-shadow:inset 10px 0 8px -8px #00000026;top:0;right:0;bottom:-1px;width:30px;transform:translate(100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-expand{margin-right:.5rem}.x-table-expandTpl>tr{display:block!important;height:inherit!important}.x-table-header{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;display:flex;align-items:center}.x-table-footer{display:flex;align-items:center;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-sticky-right-scroll{position:absolute;right:0;min-height:42px;background-color:var(--x-background);z-index:1}.x-table-has-scroll-right .x-table-footer{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-has-scroll-bottom:not(.x-table-scroll-left-max) .x-table-sticky-right-first:after{box-shadow:inset -10px 0 8px -8px #00000026;position:absolute;top:0;bottom:-1px;left:0;width:30px;transform:translate(-100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-border-bottom{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-top{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-last-tr-bordered>tbody tr:last-child>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big .x-table-header,.x-table-row-size-big .x-table-footer{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large .x-table-header,.x-table-row-size-large .x-table-footer{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-medium .x-table-header,.x-table-row-size-medium .x-table-footer{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small .x-table-header,.x-table-row-size-small .x-table-footer{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}.x-table-row-size-mini .x-table-header,.x-table-row-size-mini .x-table-footer{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}x-table{width:100%;display:flex;flex-direction:column}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}x-table.x-table-top-left{flex-direction:column-reverse}x-table.x-table-top-left .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-center{flex-direction:column-reverse;align-items:center}x-table.x-table-top-center .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-right{flex-direction:column-reverse;align-items:flex-end}x-table.x-table-top-right .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-bottom-center{align-items:center}x-table.x-table-bottom-right{align-items:flex-end}body>.x-table-th{display:block;overflow:hidden}body>.x-table-th-big{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}body>.x-table-th-large{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}body>.x-table-th-medium{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}body>.x-table-th-small{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}body>.x-table-th-mini{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}body>.x-table-th.cdk-drag-preview{display:flex;align-items:center;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-style:dashed;background-color:var(--x-background);opacity:.8;box-shadow:var(--x-box-shadow)}body>.x-table-th.cdk-drag-preview>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.x-table-th.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
-        }], propDecorators: { table: [{ type: i0.ViewChild, args: ['table', { isSignal: true }] }], caption: [{ type: i0.ViewChild, args: ['caption', { isSignal: true }] }], pagination: [{ type: i0.ViewChild, args: ['pagination', { isSignal: true }] }], stickyTopRightEle: [{ type: i0.ViewChild, args: ['stickyTopRightEle', { isSignal: true }] }], stickyBottomRightEle: [{ type: i0.ViewChild, args: ['stickyBottomRightEle', { isSignal: true }] }], headCom: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => XTableHeadComponent), { isSignal: true }] }], bodyCom: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => XTableBodyComponent), { isSignal: true }] }], footCom: [{ type: i0.ViewChild, args: [i0.forwardRef(() => XTableFootComponent), { isSignal: true }] }] } });
-
-class XTableModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XTableModule, imports: [XTableComponent, XTableHeadComponent, XTableBodyComponent, XTableFootComponent], exports: [XTableComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableModule, imports: [XTableComponent, XTableHeadComponent, XTableBodyComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [XTableComponent],
-                    imports: [XTableComponent, XTableHeadComponent, XTableBodyComponent, XTableFootComponent]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XTableBodyComponent, XTableBodyPrefix, XTableBodyProperty, XTableComponent, XTableFootComponent, XTableFootPrefix, XTableFootProperty, XTableHeadComponent, XTableHeadPrefix, XTableHeadProperty, XTableModule, XTablePrefix, XTableProperty };
-//# sourceMappingURL=ng-nest-ui-table.mjs.map