@ng-nest/ui 12.0.10 → 12.1.2

package/fesm2015/ng-nest-ui-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-progress.js","sources":["../../../../lib/ng-nest/ui/progress/progress.property.ts","../../../../lib/ng-nest/ui/progress/progress.component.ts","../../../../lib/ng-nest/ui/progress/progress.component.html","../../../../lib/ng-nest/ui/progress/progress.module.ts","../../../../lib/ng-nest/ui/progress/ng-nest-ui-progress.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XInputNumber, XProperty, XInputBoolean, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Progress\r\n * @selector x-progress\r\n * @decorator component\r\n */\r\nexport const XProgressPrefix = 'x-progress';\r\nconst X_CONFIG_NAME = 'progress';\r\n\r\n/**\r\n * Progress Property\r\n */\r\n@Component({ template: '' })\r\nexport class XProgressProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 显示进度 0-100\r\n   * @en_US Show progress 0-100\r\n   */\r\n  @Input() @XInputNumber() percent: XNumber = 0;\r\n  /**\r\n   * @zh_CN 进度条高度\r\n   * @en_US Height of progress bar\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0.5rem') height?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  @Input() status: XProgressStatus = 'normal';\r\n  /**\r\n   * @zh_CN 是否显示百分比文本\r\n   * @en_US Whether to display percentage text\r\n   */\r\n  @Input() @XInputBoolean() info: XBoolean = true;\r\n  /**\r\n   * @zh_CN 百分比文本是否显示在进度条里面\r\n   * @en_US Whether the percentage text is displayed in the progress bar\r\n   */\r\n  @Input() @XInputBoolean() inside?: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义百分比文本内容\r\n   * @en_US Custom percentage text content\r\n   */\r\n  @Input() format?: Function;\r\n  /**\r\n   * @zh_CN 自定义颜色\r\n   * @en_US Custom color\r\n   */\r\n  @Input() color?: string | { color: string; percent: number }[] | Function;\r\n}\r\n\r\n/**\r\n * @zh_CN 进度条类型\r\n * @en_US Progress bar type\r\n */\r\nexport type XProgressType = 'line' | 'circle' | 'dashboard';\r\n\r\n/**\r\n * @zh_CN 状态\r\n * @en_US Status\r\n */\r\nexport type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XProgressPrefix, XProgressProperty } from './progress.property';\r\nimport { XIsFunction, XIsString, XIsObjectArray, XIsEmpty, XIsChange, XNumber, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XProgressPrefix}`,\r\n  templateUrl: './progress.component.html',\r\n  styleUrls: ['./progress.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XProgressComponent extends XProgressProperty implements OnInit, OnChanges {\r\n  currentColor!: string;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { status, percent } = simples;\r\n    XIsChange(status) && this.setClassMap();\r\n    XIsChange(percent) && this.setColor();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XProgressPrefix}-${this.status}`]: true,\r\n      [`${XProgressPrefix}-inside`]: Boolean(this.inside)\r\n    };\r\n  }\r\n\r\n  setColor() {\r\n    if (XIsEmpty(this.color)) return;\r\n    if (XIsString(this.color)) {\r\n      this.currentColor = this.color as string;\r\n    } else if (XIsObjectArray(this.color)) {\r\n      this.currentColor = this.getLevelColor(this.percent);\r\n    } else if (XIsFunction(this.color)) {\r\n      this.currentColor = (this.color as Function)(this.percent);\r\n    }\r\n  }\r\n\r\n  getLevelColor(percent: XNumber) {\r\n    let colors = (this.color as { color: string; percent: number }[]).sort((a, b) => a.percent - b.percent);\r\n    for (let i = 0; i < colors.length; i++) {\r\n      if (colors[i].percent > Number(percent)) {\r\n        return colors[i].color;\r\n      }\r\n    }\r\n    return colors[colors.length - 1].color;\r\n  }\r\n\r\n  onFormat(percent: XNumber) {\r\n    return this.format && this.format(percent);\r\n  }\r\n}\r\n","<div class=\"x-progress\" [ngClass]=\"classMap\">\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <span *ngIf=\"inside\">{{ percent }}%</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <span class=\"x-progress-text\" *ngIf=\"info && !inside\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XProgressComponent } from './progress.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XProgressProperty } from './progress.property';\r\n\r\n@NgModule({\r\n  declarations: [XProgressComponent, XProgressProperty],\r\n  exports: [XProgressComponent],\r\n  imports: [CommonModule, FormsModule, XIconModule]\r\n})\r\nexport class XProgressModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-progress.js","sources":["../../../../lib/ng-nest/ui/progress/progress.property.ts","../../../../lib/ng-nest/ui/progress/progress.component.ts","../../../../lib/ng-nest/ui/progress/progress.component.html","../../../../lib/ng-nest/ui/progress/progress.module.ts","../../../../lib/ng-nest/ui/progress/ng-nest-ui-progress.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XInputNumber, XProperty, XInputBoolean, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Progress\r\n * @selector x-progress\r\n * @decorator component\r\n */\r\nexport const XProgressPrefix = 'x-progress';\r\nconst X_CONFIG_NAME = 'progress';\r\n\r\n/**\r\n * Progress Property\r\n */\r\n@Component({ template: '' })\r\nexport class XProgressProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 进度条类型\r\n   * @en_US Progress bar type\r\n   */\r\n  @Input() type: XProgressType = 'line';\r\n  /**\r\n   * @zh_CN 显示进度 0-100\r\n   * @en_US Show progress 0-100\r\n   */\r\n  @Input() @XInputNumber() percent: XNumber = 0;\r\n  /**\r\n   * @zh_CN 进度条高度\r\n   * @en_US Height of progress bar\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0.5rem') height?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  @Input() status: XProgressStatus = 'normal';\r\n  /**\r\n   * @zh_CN 是否显示百分比文本\r\n   * @en_US Whether to display percentage text\r\n   */\r\n  @Input() @XInputBoolean() info: XBoolean = true;\r\n  /**\r\n   * @zh_CN 百分比文本是否显示在进度条里面\r\n   * @en_US Whether the percentage text is displayed in the progress bar\r\n   */\r\n  @Input() @XInputBoolean() inside?: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义百分比文本内容\r\n   * @en_US Custom percentage text content\r\n   */\r\n  @Input() format?: Function;\r\n  /**\r\n   * @zh_CN 自定义颜色\r\n   * @en_US Custom color\r\n   */\r\n  @Input() color?: XProgressColor;\r\n  /**\r\n   * @zh_CN 渐变颜色\r\n   * @en_US Gradient color\r\n   */\r\n  @Input() gradient?: XProgressGradient;\r\n  /**\r\n   * @zh_CN 步骤进度条\r\n   * @en_US Steps progress bar\r\n   */\r\n  @Input() steps?: number;\r\n  /**\r\n   * @zh_CN 单个步骤的宽度\r\n   * @en_US Single step width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '1rem') stepWidth?: string;\r\n  /**\r\n   * @zh_CN 单个步骤的宽度自适应\r\n   * @en_US Single step width flex\r\n   */\r\n  @Input() @XInputBoolean() stepFlex?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆环/仪表盘厚度\r\n   * @en_US Ring thickness\r\n   */\r\n  @Input() thickness?: string = '0.5rem';\r\n  /**\r\n   * @zh_CN 圆环/仪表盘尺寸\r\n   * @en_US Ring size\r\n   */\r\n  @Input() size?: string = '5rem';\r\n  /**\r\n   * @zh_CN 仪表盘缺口角度 0~300\r\n   * @en_US Dashboard notch angle\r\n   */\r\n  @Input() notchAngle?: number = 80;\r\n  /**\r\n   * @zh_CN 分段显示颜色，只适用 type = 'line'\r\n   * @en_US Segmentation display color, only use of type = 'line'\r\n   */\r\n  @Input() @XInputBoolean() subsection?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 进度条类型\r\n * @en_US Progress bar type\r\n */\r\nexport type XProgressType = 'line' | 'circle' | 'dashboard';\r\n\r\n/**\r\n * @zh_CN 进度条颜色\r\n * @en_US Progress bar color\r\n */\r\nexport type XProgressColor = string | XProgressColorNode[] | Function;\r\n\r\n/**\r\n * @zh_CN 进度条节点颜色\r\n * @en_US Progress bar node color\r\n */\r\nexport interface XProgressColorNode {\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color: string;\r\n  /**\r\n   * @zh_CN 百分比\r\n   * @en_US Percent\r\n   */\r\n  percent: number;\r\n}\r\n/**\r\n * @zh_CN 状态\r\n * @en_US Status\r\n */\r\nexport type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';\r\n\r\n/**\r\n * @zh_CN 渐变颜色\r\n * @en_US Gradient color\r\n */\r\nexport type XProgressGradient = { direction?: string } & ({ from: string; to: string } | { [percent: string]: string });\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XProgressPrefix, XProgressProperty } from './progress.property';\r\nimport {\r\n  XIsFunction,\r\n  XIsString,\r\n  XIsObjectArray,\r\n  XIsEmpty,\r\n  XIsChange,\r\n  XNumber,\r\n  XConfigService,\r\n  XIsNumber\r\n} from '@ng-nest/ui/core';\r\nimport { XProgressColorNode } from './progress.property';\r\n\r\n@Component({\r\n  selector: `${XProgressPrefix}`,\r\n  templateUrl: './progress.component.html',\r\n  styleUrls: ['./progress.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XProgressComponent extends XProgressProperty implements OnChanges {\r\n  currentColor!: string;\r\n  linearGradient!: string;\r\n  stepsArray: Array<boolean> = [];\r\n  circleClipPath!: string;\r\n  dashboardClipPath!: string;\r\n  dashboardRailClipPath!: string;\r\n  subLinearGradient!: string;\r\n\r\n  get maskWidth() {\r\n    return XIsNumber(this.percent) ? 100 - Number(this.percent) : 100;\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { status, percent, gradient, steps, type, notchAngle } = simples;\r\n    XIsChange(type, status) && this.setClassMap();\r\n    XIsChange(percent) && this.setColor();\r\n    XIsChange(gradient) && this.setGradient();\r\n    XIsChange(steps, percent) && this.setSteps();\r\n    XIsChange(type, percent, notchAngle) && this.setType();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XProgressPrefix}-${this.status}`]: true,\r\n      [`${XProgressPrefix}-${this.type}`]: true,\r\n      [`${XProgressPrefix}-inside`]: Boolean(this.inside)\r\n    };\r\n  }\r\n\r\n  setColor() {\r\n    if (this.subsection) {\r\n      this.setSubLinearGradient();\r\n    } else {\r\n      if (XIsEmpty(this.color)) return;\r\n      if (XIsString(this.color)) {\r\n        this.currentColor = this.color as string;\r\n      } else if (XIsObjectArray(this.color)) {\r\n        this.currentColor = this.getLevelColor(this.percent);\r\n      } else if (XIsFunction(this.color)) {\r\n        this.currentColor = (this.color as Function)(this.percent);\r\n      }\r\n    }\r\n  }\r\n\r\n  getLevelColor(percent: XNumber) {\r\n    let colors = (this.color as XProgressColorNode[]).sort((a, b) => a.percent - b.percent);\r\n    for (let i = 0; i < colors.length; i++) {\r\n      if (colors[i].percent > Number(percent)) {\r\n        return colors[i].color;\r\n      }\r\n    }\r\n    return colors[colors.length - 1].color;\r\n  }\r\n\r\n  setGradient() {\r\n    if (this.subsection) return;\r\n    if (XIsEmpty(this.gradient)) {\r\n      this.linearGradient = '';\r\n    } else {\r\n      const { from, to, direction = 'to right', ...percents } = this.gradient || {};\r\n      if (Object.keys(percents).length !== 0) {\r\n        this.linearGradient = `linear-gradient(${direction}, ${this.sortGradient(percents as { [percent: string]: string }).map(\r\n          ({ key, value }) => `${value} ${key}%`\r\n        )})`;\r\n        return;\r\n      }\r\n      this.linearGradient = `linear-gradient(${direction}, ${from}, ${to})`;\r\n    }\r\n  }\r\n\r\n  sortGradient(percents: { [percent: string]: string }) {\r\n    let arr: { key: number; value: string }[] = [];\r\n    Object.keys(percents).forEach((key) => {\r\n      const value = percents[key];\r\n      const numKey = +key.replace('%', '');\r\n      if (!isNaN(numKey)) {\r\n        arr.push({ key: numKey, value });\r\n      }\r\n    });\r\n    return arr.sort((a, b) => a.key - b.key);\r\n  }\r\n\r\n  setSubLinearGradient() {\r\n    let colors = this.color as XProgressColorNode[];\r\n    if (!colors || colors.length <= 0) {\r\n      this.subLinearGradient = `linear-gradient(to right, var(--x-primary) 0%, var(--x-primary) 100%)`;\r\n      return;\r\n    } else if (colors.length === 1) {\r\n      colors.push({ percent: 100, color: 'var(--x-primary)' });\r\n    }\r\n    colors = colors.sort((a, b) => a.percent - b.percent);\r\n    let lgs: string[] = [];\r\n    colors.reduce((a, b, index) => {\r\n      if (index === 1 && a.percent > 0) {\r\n        lgs.push(`${a.color} 0%, ${a.color} ${a.percent}%`);\r\n      }\r\n      lgs.push(`${b.color} ${a.percent}%, ${b.color} ${b.percent}%`);\r\n      if (index === colors.length - 1 && b.percent < 100) {\r\n        lgs.push(`var(--x-primary) ${b.percent}%, var(--x-primary) 100%`);\r\n      }\r\n      return b;\r\n    });\r\n    this.subLinearGradient = `linear-gradient(to right,${lgs.join(',')})`;\r\n  }\r\n\r\n  setSteps() {\r\n    if (XIsEmpty(this.steps)) {\r\n      this.stepsArray = [];\r\n    } else {\r\n      const critical = Math.ceil((Number(this.percent) / 100) * this.steps!);\r\n      this.stepsArray = Array.from({ length: this.steps as number }).map((_, index) => index + 1 <= critical);\r\n    }\r\n  }\r\n\r\n  setType() {\r\n    if (this.type === 'circle') {\r\n      this.setCircleClipPath();\r\n    } else if (this.type === 'dashboard') {\r\n      this.setDashboardClipPath();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * circle �е� 100% ���� clip-path �е� 400%\r\n   */\r\n  setCircleClipPath() {\r\n    let value = Number(this.percent) * 4;\r\n    let k1 = 'polygon(50% 50%,50% 0%,';\r\n    let k2 = k1 + '100% 0%,';\r\n    let k3 = k2 + '100% 100%,';\r\n    let k4 = k3 + '0% 100%,';\r\n    let k5 = k4 + '0% 0%,';\r\n    if (value <= 50) {\r\n      value += 50;\r\n      this.circleClipPath = `${k1}${value}% 0%)`;\r\n    } else if (value > 50 && value <= 150) {\r\n      value -= 50;\r\n      this.circleClipPath = `${k2}100% ${value}%)`;\r\n    } else if (value > 150 && value <= 250) {\r\n      value = 250 - value;\r\n      this.circleClipPath = `${k3}${value}% 100%)`;\r\n    } else if (value > 250 && value <= 350) {\r\n      value = 350 - value;\r\n      this.circleClipPath = `${k4}0% ${value}%)`;\r\n    } else if (value > 350 && value <= 400) {\r\n      value -= 350;\r\n      this.circleClipPath = `${k5}${value}% 0%)`;\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);\r\n   * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);\r\n   * 270 polygon(50% 50%, 0% 0%, 100% 0%);\r\n   */\r\n  setDashboardClipPath() {\r\n    let railValue = (Number(this.notchAngle) / 360) * 50 * 4;\r\n    let k1 = `polygon(50% 50%,`;\r\n    let start = '';\r\n    let per = 0;\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      start = `${k1} ${per}% 100%`;\r\n      this.dashboardRailClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${100 - per}% 100%)`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      start = `${k1} 0% ${per}%`;\r\n      this.dashboardRailClipPath = `${start}, 0% 0%, 100% 0%, 100% ${per}%)`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      start = `${k1} ${per}% 0%`;\r\n      this.dashboardRailClipPath = `${start}, ${100 - per}% 0%)`;\r\n    }\r\n\r\n    this.setCircleClipPathValue(start, railValue);\r\n  }\r\n\r\n  setCircleClipPathValue(start: string, railValue: number) {\r\n    let value = ((400 - railValue * 2) / 100) * Number(this.percent);\r\n    let val = value + railValue;\r\n    if (val <= 50) {\r\n      val = 50 - val;\r\n      this.dashboardClipPath = `${start}, ${val}% 100%)`;\r\n    } else if (val > 50 && val <= 150) {\r\n      val = 150 - val;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% ${val}%)`;\r\n    } else if (val > 150 && val <= 250) {\r\n      val = val - 150;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, ${val}% 0%)`;\r\n    } else if (val > 250 && val <= 350) {\r\n      val = val - 250;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% ${val}%)`;\r\n    } else if (val > 350 && val <= 400) {\r\n      val = 100 - (val - 350);\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${val}% 100%)`;\r\n    }\r\n  }\r\n\r\n  onFormat(percent: XNumber) {\r\n    return this.format && this.format(percent);\r\n  }\r\n}\r\n","<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XProgressComponent } from './progress.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XProgressProperty } from './progress.property';\r\n\r\n@NgModule({\r\n  declarations: [XProgressComponent, XProgressProperty],\r\n  exports: [XProgressComponent],\r\n  imports: [CommonModule, FormsModule, XIconModule]\r\n})\r\nexport class XProgressModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-select.js

@@ -440,7 +440,7 @@ class XSelectComponent extends XSelectProperty {
     }
 }
 /** @nocollapse */ XSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XSelectComponent, selector: "x-select", providers: [XValueAccessor(XSelectComponent)], viewQueries: [{ propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }, { propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #select class=\"x-select\">\r\n  <div class=\"x-select-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"showClearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"valueTpl ? valueTpl : nodeTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"true\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n      (xClick)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-select{display:inline-block}.x-select{margin:0;padding:0;width:100%}.x-select-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow:hidden auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}\n"], components: [{ type: i4.XInputComponent, selector: "x-input" }], directives: [{ type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XSelectComponent, selector: "x-select", providers: [XValueAccessor(XSelectComponent)], viewQueries: [{ propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }, { propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #select class=\"x-select\">\r\n  <div class=\"x-select-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"showClearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"valueTpl ? valueTpl : nodeTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"true\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n      (xClick)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-select{display:inline-block}.x-select{margin:0;padding:0;width:100%}.x-select x-input{width:100%}.x-select-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow:hidden auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}\n"], components: [{ type: i4.XInputComponent, selector: "x-input" }], directives: [{ type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XSelectComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2015/ng-nest-ui-steps.js

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XDataConvert, XInputNumber, XIsChange, XIsEmpty, XSetData, XIsUndefined, XIsNumber } from '@ng-nest/ui/core';
+import { XProperty, XDataConvert, XInputNumber, XInputBoolean, XIsChange, XIsEmpty, XSetData, XIsUndefined, XIsNumber } from '@ng-nest/ui/core';
 import { Subject } from 'rxjs';
 import { map } from 'rxjs/operators';
 import * as i2 from '@ng-nest/ui/icon';
@@ -47,7 +47,7 @@ class XStepsProperty extends XProperty {
     }
 }
 /** @nocollapse */ XStepsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XStepsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XStepsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XStepsProperty, selector: "ng-component", inputs: { data: "data", layout: "layout", activatedIndex: "activatedIndex", startIndex: "startIndex", status: "status", customTpl: "customTpl" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XStepsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XStepsProperty, selector: "ng-component", inputs: { data: "data", layout: "layout", activatedIndex: "activatedIndex", startIndex: "startIndex", status: "status", customTpl: "customTpl", nodeStatus: "nodeStatus" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XDataConvert()
 ], XStepsProperty.prototype, "data", void 0);
@@ -57,6 +57,9 @@ __decorate([
 __decorate([
     XInputNumber()
 ], XStepsProperty.prototype, "startIndex", void 0);
+__decorate([
+    XInputBoolean()
+], XStepsProperty.prototype, "nodeStatus", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XStepsProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
@@ -72,6 +75,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 type: Input
             }], customTpl: [{
                 type: Input
+            }], nodeStatus: [{
+                type: Input
             }] } });
 
 class XStepsComponent extends XStepsProperty {
@@ -115,14 +120,21 @@ class XStepsComponent extends XStepsProperty {
     }
     setStatus(value) {
         return value.map((x, index) => {
-            if (XIsUndefined(this.activatedIndex)) {
-                x.status = 'wait';
+            if (this.nodeStatus) {
+                if (XIsUndefined(x.status)) {
+                    x.status = 'wait';
+                }
             }
-            else if (XIsNumber(this.activatedIndex)) {
-                x.status = index < this.activatedIndex ? 'finish' : index === this.activatedIndex ? 'process' : 'wait';
+            else {
+                if (XIsUndefined(this.activatedIndex)) {
+                    x.status = 'wait';
+                }
+                else if (XIsNumber(this.activatedIndex)) {
+                    x.status = index < this.activatedIndex ? 'finish' : index === this.activatedIndex ? 'process' : 'wait';
+                }
+                if (this.status && index === this.activatedIndex)
+                    x.status = this.status;
             }
-            if (this.status && index === this.activatedIndex)
-                x.status = this.status;
             return x;
         });
     }

package/fesm2015/ng-nest-ui-steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-steps.js","sources":["../../../../lib/ng-nest/ui/steps/steps.property.ts","../../../../lib/ng-nest/ui/steps/steps.component.ts","../../../../lib/ng-nest/ui/steps/steps.component.html","../../../../lib/ng-nest/ui/steps/steps.module.ts","../../../../lib/ng-nest/ui/steps/ng-nest-ui-steps.ts"],"sourcesContent":["import {\r\n  XData,\r\n  XProperty,\r\n  XParentIdentityProperty,\r\n  XDataConvert,\r\n  XInputNumber,\r\n  XNumber,\r\n  XTemplate\r\n} from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Steps\r\n * @selector x-steps\r\n * @decorator component\r\n */\r\nexport const XStepsPrefix = 'x-steps';\r\n\r\n/**\r\n * Steps Property\r\n */\r\n@Component({ template: '' })\r\nexport class XStepsProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XStepsNode> = [];\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  @Input() layout: XStepsLayout = 'row';\r\n  /**\r\n   * @zh_CN 当前激活节点\r\n   * @en_US Currently active node\r\n   */\r\n  @Input() @XInputNumber() activatedIndex: XNumber = 0;\r\n  /**\r\n   * @zh_CN 步骤开始序号\r\n   * @en_US Step start number\r\n   */\r\n  @Input() @XInputNumber() startIndex: XNumber = 0;\r\n  /**\r\n   * @zh_CN 当前激活节点状态\r\n   * @en_US Current active node status\r\n   */\r\n  @Input() status?: XStepsStatus;\r\n  /**\r\n   * @zh_CN 自定义节点\r\n   * @en_US Custom node\r\n   */\r\n  @Input() customTpl?: XTemplate;\r\n}\r\n\r\nexport interface XStepsNode extends XParentIdentityProperty<XStepsNode> {\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  status?: XStepsStatus;\r\n  /**\r\n   * @zh_CN 描述\r\n   * @en_US Description\r\n   */\r\n  description?: string;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XStepsLayout = 'row' | 'column';\r\n\r\n/**\r\n * @zh_CN 节点状态\r\n * @en_US Node status\r\n */\r\nexport type XStepsStatus = 'wait' | 'process' | 'finish' | 'error';\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  OnDestroy,\r\n  AfterViewInit\r\n} from '@angular/core';\r\nimport { XStepsPrefix, XStepsNode, XStepsProperty } from './steps.property';\r\nimport { XIsChange, XIsUndefined, XIsNumber, XSetData, XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XStepsPrefix}`,\r\n  templateUrl: './steps.component.html',\r\n  styleUrls: ['./steps.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XStepsComponent extends XStepsProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {\r\n  nodes: XStepsNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    const { data, activatedIndex } = changes;\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(activatedIndex) && this.setActivated();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XStepsPrefix}-${this.layout}`] = !XIsEmpty(this.layout);\r\n  }\r\n\r\n  getIndex(index: number) {\r\n    return Number(this.startIndex) + index + 1;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XStepsNode>(this.data, this._unSubject)\r\n      .pipe(map((x) => this.setStatus(x)))\r\n      .subscribe((x) => {\r\n        this.nodes = x;\r\n        this.cdr.detectChanges();\r\n      });\r\n  }\r\n\r\n  private setStatus(value: XStepsNode[]) {\r\n    return value.map((x, index) => {\r\n      if (XIsUndefined(this.activatedIndex)) {\r\n        x.status = 'wait';\r\n      } else if (XIsNumber(this.activatedIndex)) {\r\n        x.status = index < this.activatedIndex ? 'finish' : index === this.activatedIndex ? 'process' : 'wait';\r\n      }\r\n      if (this.status && index === this.activatedIndex) x.status = this.status;\r\n      return x;\r\n    });\r\n  }\r\n\r\n  private setActivated() {\r\n    this.nodes = this.setStatus(this.nodes);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(_index: number, item: XStepsNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #steps class=\"x-steps\" [ngClass]=\"classMap\">\r\n  <div class=\"x-steps-node x-steps-{{ node.status }}\" *ngFor=\"let node of nodes; index as i; trackBy: trackByNode\">\r\n    <div class=\"x-steps-header\">\r\n      <ng-container *xOutlet=\"customTpl; context: { $node: node, $index: i }\">\r\n        <div class=\"x-steps-icon\" [class.x-steps-only-icon]=\"node.icon\">\r\n          <x-icon *ngIf=\"node.icon; else iconTpl\" [type]=\"node.icon\"></x-icon>\r\n          <ng-template #iconTpl>\r\n            <ng-container [ngSwitch]=\"node.status\">\r\n              <x-icon *ngSwitchCase=\"'finish'\" type=\"fto-check\"></x-icon>\r\n              <x-icon *ngSwitchCase=\"'error'\" type=\"fto-x\"></x-icon>\r\n              <span *ngSwitchDefault>{{ getIndex(i) }}</span>\r\n            </ng-container>\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n      <span class=\"x-steps-line\" *ngIf=\"layout === 'column'\"></span>\r\n    </div>\r\n    <div class=\"x-steps-content\">\r\n      <div class=\"x-steps-title\">\r\n        <span class=\"x-steps-label\">{{ node.label }}</span>\r\n        <span class=\"x-steps-line\" *ngIf=\"layout === 'row'\"></span>\r\n      </div>\r\n      <div class=\"x-steps-description\">{{ node.description }}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XStepsComponent } from './steps.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XStepsProperty } from './steps.property';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\n\r\n@NgModule({\r\n  declarations: [XStepsComponent, XStepsProperty],\r\n  exports: [XStepsComponent],\r\n  imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XStepsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-steps.js","sources":["../../../../lib/ng-nest/ui/steps/steps.property.ts","../../../../lib/ng-nest/ui/steps/steps.component.ts","../../../../lib/ng-nest/ui/steps/steps.component.html","../../../../lib/ng-nest/ui/steps/steps.module.ts","../../../../lib/ng-nest/ui/steps/ng-nest-ui-steps.ts"],"sourcesContent":["import {\r\n  XData,\r\n  XProperty,\r\n  XParentIdentityProperty,\r\n  XDataConvert,\r\n  XInputNumber,\r\n  XNumber,\r\n  XTemplate,\r\n  XInputBoolean,\r\n  XBoolean\r\n} from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Steps\r\n * @selector x-steps\r\n * @decorator component\r\n */\r\nexport const XStepsPrefix = 'x-steps';\r\n\r\n/**\r\n * Steps Property\r\n */\r\n@Component({ template: '' })\r\nexport class XStepsProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XStepsNode> = [];\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  @Input() layout: XStepsLayout = 'row';\r\n  /**\r\n   * @zh_CN 当前激活节点\r\n   * @en_US Currently active node\r\n   */\r\n  @Input() @XInputNumber() activatedIndex: XNumber = 0;\r\n  /**\r\n   * @zh_CN 步骤开始序号\r\n   * @en_US Step start number\r\n   */\r\n  @Input() @XInputNumber() startIndex: XNumber = 0;\r\n  /**\r\n   * @zh_CN 当前激活节点状态\r\n   * @en_US Current active node status\r\n   */\r\n  @Input() status?: XStepsStatus;\r\n  /**\r\n   * @zh_CN 自定义节点\r\n   * @en_US Custom node\r\n   */\r\n  @Input() customTpl?: XTemplate;\r\n  /**\r\n   * @zh_CN 节点设置的状态优先，将不会自动计算当前节点，`activatedIndex` 和 `status` 将失效\r\n   * @en_US the status set by the node takes precedence, and the current node will not be calculated, `activatedIndex` and `status` will be invalidated\r\n   */\r\n  @Input() @XInputBoolean() nodeStatus?: XBoolean;\r\n}\r\n\r\nexport interface XStepsNode extends XParentIdentityProperty<XStepsNode> {\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  status?: XStepsStatus;\r\n  /**\r\n   * @zh_CN 描述\r\n   * @en_US Description\r\n   */\r\n  description?: string;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XStepsLayout = 'row' | 'column';\r\n\r\n/**\r\n * @zh_CN 节点状态\r\n * @en_US Node status\r\n */\r\nexport type XStepsStatus = 'wait' | 'process' | 'finish' | 'error';\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  OnDestroy,\r\n  AfterViewInit\r\n} from '@angular/core';\r\nimport { XStepsPrefix, XStepsNode, XStepsProperty } from './steps.property';\r\nimport { XIsChange, XIsUndefined, XIsNumber, XSetData, XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XStepsPrefix}`,\r\n  templateUrl: './steps.component.html',\r\n  styleUrls: ['./steps.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XStepsComponent extends XStepsProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {\r\n  nodes: XStepsNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    const { data, activatedIndex } = changes;\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(activatedIndex) && this.setActivated();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XStepsPrefix}-${this.layout}`] = !XIsEmpty(this.layout);\r\n  }\r\n\r\n  getIndex(index: number) {\r\n    return Number(this.startIndex) + index + 1;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XStepsNode>(this.data, this._unSubject)\r\n      .pipe(map((x) => this.setStatus(x)))\r\n      .subscribe((x) => {\r\n        this.nodes = x;\r\n        this.cdr.detectChanges();\r\n      });\r\n  }\r\n\r\n  private setStatus(value: XStepsNode[]) {\r\n    return value.map((x, index) => {\r\n      if (this.nodeStatus) {\r\n        if (XIsUndefined(x.status)) {\r\n          x.status = 'wait';\r\n        }\r\n      } else {\r\n        if (XIsUndefined(this.activatedIndex)) {\r\n          x.status = 'wait';\r\n        } else if (XIsNumber(this.activatedIndex)) {\r\n          x.status = index < this.activatedIndex ? 'finish' : index === this.activatedIndex ? 'process' : 'wait';\r\n        }\r\n        if (this.status && index === this.activatedIndex) x.status = this.status;\r\n      }\r\n\r\n      return x;\r\n    });\r\n  }\r\n\r\n  private setActivated() {\r\n    this.nodes = this.setStatus(this.nodes);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(_index: number, item: XStepsNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #steps class=\"x-steps\" [ngClass]=\"classMap\">\r\n  <div class=\"x-steps-node x-steps-{{ node.status }}\" *ngFor=\"let node of nodes; index as i; trackBy: trackByNode\">\r\n    <div class=\"x-steps-header\">\r\n      <ng-container *xOutlet=\"customTpl; context: { $node: node, $index: i }\">\r\n        <div class=\"x-steps-icon\" [class.x-steps-only-icon]=\"node.icon\">\r\n          <x-icon *ngIf=\"node.icon; else iconTpl\" [type]=\"node.icon\"></x-icon>\r\n          <ng-template #iconTpl>\r\n            <ng-container [ngSwitch]=\"node.status\">\r\n              <x-icon *ngSwitchCase=\"'finish'\" type=\"fto-check\"></x-icon>\r\n              <x-icon *ngSwitchCase=\"'error'\" type=\"fto-x\"></x-icon>\r\n              <span *ngSwitchDefault>{{ getIndex(i) }}</span>\r\n            </ng-container>\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n      <span class=\"x-steps-line\" *ngIf=\"layout === 'column'\"></span>\r\n    </div>\r\n    <div class=\"x-steps-content\">\r\n      <div class=\"x-steps-title\">\r\n        <span class=\"x-steps-label\">{{ node.label }}</span>\r\n        <span class=\"x-steps-line\" *ngIf=\"layout === 'row'\"></span>\r\n      </div>\r\n      <div class=\"x-steps-description\">{{ node.description }}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XStepsComponent } from './steps.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XStepsProperty } from './steps.property';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\n\r\n@NgModule({\r\n  declarations: [XStepsComponent, XStepsProperty],\r\n  exports: [XStepsComponent],\r\n  imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XStepsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-table.js

@@ -100,7 +100,7 @@ class XTableProperty extends XPaginationProperty {
     }
 }
 /** @nocollapse */ XTableProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTableProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTableProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", rowHeight: "rowHeight", loading: "loading", bordered: "bordered", showHeader: "showHeader", activatedRow: "activatedRow", headColumnTpl: "headColumnTpl", bodyColumnTpl: "bodyColumnTpl", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", bodyHeight: "bodyHeight", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", checkedRow: "checkedRow", manual: "manual", scroll: "scroll", cellConfig: "cellConfig", rowSize: "rowSize" }, outputs: { activatedRowChange: "activatedRowChange", sortChange: "sortChange", manualChange: "manualChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XTableProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", rowHeight: "rowHeight", loading: "loading", bordered: "bordered", showHeader: "showHeader", activatedRow: "activatedRow", headColumnTpl: "headColumnTpl", bodyColumnTpl: "bodyColumnTpl", rowClass: "rowClass", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", bodyHeight: "bodyHeight", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", checkedRow: "checkedRow", manual: "manual", scroll: "scroll", cellConfig: "cellConfig", rowSize: "rowSize" }, outputs: { activatedRowChange: "activatedRowChange", sortChange: "sortChange", manualChange: "manualChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 42),
     XInputNumber()
@@ -167,6 +167,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 type: Input
             }], bodyColumnTpl: [{
                 type: Input
+            }], rowClass: [{
+                type: Input
             }], sortChange: [{
                 type: Output
             }], allowSelectRow: [{
@@ -318,7 +320,7 @@ class XTableBodyProperty extends XProperty {
     }
 }
 /** @nocollapse */ XTableBodyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTableBodyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTableBodyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableBodyProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", columnTpl: "columnTpl", activatedRow: "activatedRow", rowHeight: "rowHeight", bodyHeight: "bodyHeight", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", scroll: "scroll", cellConfig: "cellConfig" }, outputs: { activatedRowChange: "activatedRowChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XTableBodyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableBodyProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", columnTpl: "columnTpl", activatedRow: "activatedRow", rowHeight: "rowHeight", bodyHeight: "bodyHeight", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", scroll: "scroll", cellConfig: "cellConfig", rowClass: "rowClass" }, outputs: { activatedRowChange: "activatedRowChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputNumber()
 ], XTableBodyProperty.prototype, "rowHeight", void 0);
@@ -375,6 +377,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 type: Input
             }], cellConfig: [{
                 type: Input
+            }], rowClass: [{
+                type: Input
             }] } });
 /**
  * Table Foot
@@ -731,7 +735,7 @@ class XTableBodyComponent extends XTableBodyProperty {
     }
     rowClick(row) {
         this.activatedRow = row;
-        if (this.table.rowChecked) {
+        if (this.allowSelectRow && this.table.rowChecked) {
             if (!Array.from(event.path).find((x) => x.localName == 'x-checkbox')) {
                 row[this.table.rowChecked.id] = !row[this.table.rowChecked.id];
                 this.table.bodyChecked(row[this.table.rowChecked.id], this.table.rowChecked);
@@ -745,7 +749,7 @@ class XTableBodyComponent extends XTableBodyProperty {
     }
 }
 /** @nocollapse */ XTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTableBodyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableBodyComponent, selector: "x-table-body", inputs: { table: "table" }, viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<tbody #tbody>\r\n  <ng-container *ngIf=\"cellConfig; else virtualScrollTpl\">\r\n    <tr *ngFor=\"let row of data; index as i; trackBy: trackByItem\" [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <td\r\n        *ngFor=\"let column of cellConfig.cells; index as j\"\r\n        [title]=\"getTitle(row, column)\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [style.left.px]=\"column.left\"\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    </tr>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n</tbody>\r\n\r\n<ng-template #virtualScrollTpl>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else bodyTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [style.height.px]=\"bodyHeight\"\r\n  >\r\n    <tr\r\n      *cdkVirtualFor=\"let row of data; 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)=\"rowClick(row)\"\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</ng-template>\r\n\r\n<ng-template #bodyTpl>\r\n  <tr\r\n    *ngFor=\"let row of data; index as i; 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)=\"rowClick(row)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *ngFor=\"let column of columns; index as j; trackBy: trackByItem\">\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-sticky]=\"table.getSticky(column)\"\r\n      [style.left.px]=\"column.left\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column)\"\r\n      ></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n        <div [innerHTML]=\"row[column.id]\" [style.text-align]=\"column.textAlign\"></div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", components: [{ type: i2$1.XEmptyComponent, selector: "x-empty" }, { type: i3$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i2.XCheckboxComponent, selector: "x-checkbox" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableBodyComponent, selector: "x-table-body", inputs: { table: "table" }, viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<tbody #tbody>\r\n  <ng-container *ngIf=\"cellConfig; else virtualScrollTpl\">\r\n    <tr *ngFor=\"let row of data; index as i; trackBy: trackByItem\" [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <td\r\n        *ngFor=\"let column of cellConfig.cells; index as j\"\r\n        [title]=\"getTitle(row, column)\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [style.left.px]=\"column.left\"\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    </tr>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n</tbody>\r\n\r\n<ng-template #virtualScrollTpl>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else bodyTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [style.height.px]=\"bodyHeight\"\r\n  >\r\n    <tr\r\n      *cdkVirtualFor=\"let row of data; let index = index; trackBy: trackByItem\"\r\n      [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n      [ngClass]=\"!rowClass ? {} : rowClass(row, index)\"\r\n      [style.height.px]=\"getRowHeight\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      (click)=\"rowClick(row)\"\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</ng-template>\r\n\r\n<ng-template #bodyTpl>\r\n  <tr\r\n    *ngFor=\"let row of data; index as i; trackBy: trackByItem\"\r\n    [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n    [ngClass]=\"!rowClass ? {} : rowClass(row, i)\"\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    (click)=\"rowClick(row)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *ngFor=\"let column of columns; index as j; trackBy: trackByItem\">\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-sticky]=\"table.getSticky(column)\"\r\n      [style.left.px]=\"column.left\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column)\"\r\n      ></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n        <div [innerHTML]=\"row[column.id]\" [style.text-align]=\"column.textAlign\"></div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", components: [{ type: i2$1.XEmptyComponent, selector: "x-empty" }, { type: i3$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i2.XCheckboxComponent, selector: "x-checkbox" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTableBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -993,7 +997,7 @@ class XTableComponent extends XTableProperty {
     }
 }
 /** @nocollapse */ XTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableComponent, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: 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-scroll-left]=\"getScrollLeft\"\r\n  [class.x-table-scroll-top]=\"getScrollTop\"\r\n  [class.x-table-bordered]=\"bordered\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n  [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n  <x-table-head\r\n    *ngIf=\"showHeader\"\r\n    [columns]=\"columns\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [columnTpl]=\"headColumnTpl\"\r\n    [scrollYWidth]=\"scrollYWidth\"\r\n    [scrollXWidth]=\"scrollXWidth\"\r\n    [cellConfig]=\"cellConfig?.thead\"\r\n    [table]=\"this\"\r\n  ></x-table-head>\r\n  <x-table-body\r\n    [data]=\"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    [cellConfig]=\"cellConfig?.tbody\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n    [table]=\"this\"\r\n  ></x-table-body>\r\n  <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n  #pagination\r\n  *ngIf=\"size\"\r\n  [(index)]=\"index\"\r\n  [(size)]=\"size\"\r\n  [(query)]=\"query\"\r\n  [total]=\"total\"\r\n  (indexChange)=\"change($event)\"\r\n  [showEllipsis]=\"showEllipsis\"\r\n  [showTotal]=\"showTotal\"\r\n  [space]=\"space\"\r\n  [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;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:1}.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>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:1}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-background-a200);color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.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>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-scroll-left>tbody .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.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-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) 0}.x-table-row-size-big>thead>tr>th:first-child,.x-table-row-size-big>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-large>thead>tr>th:first-child,.x-table-row-size-large>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-medium>thead>tr>th:first-child,.x-table-row-size-medium>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-bordered>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-small>thead>tr>th:first-child,.x-table-row-size-small>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-mini>thead>tr>th:first-child,.x-table-row-size-mini>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}\n"], components: [{ type: i2$2.XLoadingComponent, selector: "x-loading, [x-loading]" }, { type: XTableHeadComponent, selector: "x-table-head", inputs: ["table"] }, { type: XTableBodyComponent, selector: "x-table-body", inputs: ["table"] }, { type: XTableFootComponent, selector: "x-table-foot", inputs: ["table"] }, { type: i6$1.XPaginationComponent, selector: "x-pagination" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableComponent, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: 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-scroll-left]=\"getScrollLeft\"\r\n  [class.x-table-scroll-top]=\"getScrollTop\"\r\n  [class.x-table-bordered]=\"bordered\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n  [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n  <x-table-head\r\n    *ngIf=\"showHeader\"\r\n    [columns]=\"columns\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [columnTpl]=\"headColumnTpl\"\r\n    [scrollYWidth]=\"scrollYWidth\"\r\n    [scrollXWidth]=\"scrollXWidth\"\r\n    [cellConfig]=\"cellConfig?.thead\"\r\n    [table]=\"this\"\r\n  ></x-table-head>\r\n  <x-table-body\r\n    [data]=\"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]=\"cellConfig?.tbody\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n    [table]=\"this\"\r\n  ></x-table-body>\r\n  <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n  #pagination\r\n  *ngIf=\"size\"\r\n  [(index)]=\"index\"\r\n  [(size)]=\"size\"\r\n  [(query)]=\"query\"\r\n  [total]=\"total\"\r\n  (indexChange)=\"change($event)\"\r\n  [showEllipsis]=\"showEllipsis\"\r\n  [showTotal]=\"showTotal\"\r\n  [space]=\"space\"\r\n  [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;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:1}.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>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;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:1}.x-table>tbody tr.x-table-activated>td{background-color:#0000000d;color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:#0000000d}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.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>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-scroll-left>tbody .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.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-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) 0}.x-table-row-size-big>thead>tr>th:first-child,.x-table-row-size-big>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-large>thead>tr>th:first-child,.x-table-row-size-large>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-medium>thead>tr>th:first-child,.x-table-row-size-medium>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-bordered>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-small>thead>tr>th:first-child,.x-table-row-size-small>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-mini>thead>tr>th:first-child,.x-table-row-size-mini>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}\n"], components: [{ type: i2$2.XLoadingComponent, selector: "x-loading, [x-loading]" }, { type: XTableHeadComponent, selector: "x-table-head", inputs: ["table"] }, { type: XTableBodyComponent, selector: "x-table-body", inputs: ["table"] }, { type: XTableFootComponent, selector: "x-table-foot", inputs: ["table"] }, { type: i6$1.XPaginationComponent, selector: "x-pagination" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTableComponent, decorators: [{
             type: Component,
             args: [{