@ng-nest/ui 13.0.2 → 13.0.6

package/fesm2015/ng-nest-ui-find.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-find.mjs","sources":["../../../../lib/ng-nest/ui/find/find.property.ts","../../../../lib/ng-nest/ui/find/find.component.ts","../../../../lib/ng-nest/ui/find/find.component.html","../../../../lib/ng-nest/ui/find/find.module.ts","../../../../lib/ng-nest/ui/find/ng-nest-ui-find.ts"],"sourcesContent":["import {\r\n  XInputBoolean,\r\n  XBoolean,\r\n  XDataConvert,\r\n  XData,\r\n  XInputNumber,\r\n  XNumber,\r\n  XSort,\r\n  XQuery,\r\n  XWithConfig,\r\n  XFilter,\r\n  XSize\r\n} from '@ng-nest/ui/core';\r\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { XTableColumn, XTableRow } from '@ng-nest/ui/table';\r\nimport { XTreeNode } from '@ng-nest/ui/tree';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Find\r\n * @selector x-find\r\n * @decorator component\r\n */\r\nexport const XFindPrefix = 'x-find';\r\nconst X_CONFIG_NAME = 'find';\r\n\r\nexport interface XFindSearchOption extends XFilter {\r\n  label?: string;\r\n  button?: string;\r\n}\r\n\r\n/**\r\n * Find Property\r\n */\r\n@Component({ template: '' })\r\nexport class XFindProperty extends XControlValueAccessor<any | any[]> implements XFindOption {\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') override size!: XSize;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  @Input() @XInputBoolean() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) bordered!: XBoolean;\r\n  /**\r\n   * @zh_CN 多选\r\n   * @en_US Multiple choice\r\n   */\r\n  @Input() @XInputBoolean() multiple: XBoolean = false;\r\n  /**\r\n   * @zh_CN 选中 label 名称字段\r\n   * @en_US Check the label name field\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, 'label') columnLabel!: string;\r\n  /**\r\n   * @zh_CN 弹框标题\r\n   * @en_US Bullet title\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '查找选择') dialogTitle!: string;\r\n  /**\r\n   * @zh_CN 弹框宽度\r\n   * @en_US Bullet frame width\r\n   */\r\n  @Input() dialogWidth?: string;\r\n  /**\r\n   * @zh_CN 弹框高度\r\n   * @en_US Height of bullet frame\r\n   */\r\n  @Input() dialogHeight?: string;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box display, hide\r\n   */\r\n  @Input() @XInputBoolean() dialogVisible: boolean = false;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box display, hide\r\n   */\r\n  @Output() dialogVisibleChange = new EventEmitter<boolean>();\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button centered\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() dialogButtonsCenter?: XBoolean;\r\n\r\n  /**\r\n   * @zh_CN 表格行数据\r\n   * @en_US Table row data\r\n   */\r\n  @Input() tableData: XData<XTableRow> = [];\r\n  /**\r\n   * @zh_CN 表格页码\r\n   * @en_US Table page number\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 1) tableIndex!: number;\r\n  /**\r\n   * @zh_CN 表每页数据条数\r\n   * @en_US Number of data items per page\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 10) tableSize!: number;\r\n  /**\r\n   * @zh_CN 表每页数据条数\r\n   * @en_US Number of data items per page\r\n   */\r\n  @Input() tableQuery: XQuery = {};\r\n  /**\r\n   * @zh_CN 表格数据总条数\r\n   * @en_US Total number of table data\r\n   */\r\n  @Input() tableTotal: number = 0;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() tableIndexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  @Output() tableSizeChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 排序点击的事件\r\n   * @en_US Sort click events\r\n   */\r\n  @Output() tableSortChange = new EventEmitter<XSort[]>();\r\n  /**\r\n   * @zh_CN 表格列参数\r\n   * @en_US Table column parameters\r\n   */\r\n  @Input() tableColumns: XTableColumn[] = [];\r\n  /**\r\n   * @zh_CN 当前选中行数据\r\n   * @en_US Currently selected row data\r\n   */\r\n  @Input() tableActivatedRow?: any;\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  @Output() tableRowEmit = new EventEmitter<any>();\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  @Input() tableCheckedRow: { [property: string]: any[] } = {};\r\n  /**\r\n   * @zh_CN 是否启用加载 loading\r\n   * @en_US Whether to enable loading loading\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() tableLoading!: XBoolean;\r\n  /**\r\n   * @zh_CN 表格开启虚拟滚动\r\n   * @en_US Table opens virtual scrolling\r\n   */\r\n  @Input() @XWithConfig<boolean>(X_CONFIG_NAME, false) @XInputBoolean() tableVirtualScroll!: boolean;\r\n  /**\r\n   * @zh_CN 表格 body 数据高度\r\n   * @en_US Table body data height\r\n   */\r\n  @Input() @XInputNumber() tableBodyHeight?: number;\r\n  /**\r\n   * @zh_CN 表格超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数\r\n   * @en_US The table exceeds the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll\r\n   */\r\n  @Input() tableMinBufferPx: number = 100;\r\n  /**\r\n   * @zh_CN 表格渲染新数据缓冲区的像素，对应 cdk scroll 中的参数\r\n   * @en_US The pixels of the new data buffer for the table rendering, corresponding to the parameters in cdk scroll\r\n   */\r\n  @Input() tableMaxBufferPx: number = 200;\r\n  /**\r\n   * @zh_CN 表格自适应高度，table 高度等于屏幕高度减掉此处设置的数值\r\n   * @en_US Table adaptive height, table height is equal to the screen height minus the value set here\r\n   */\r\n  @Input() @XInputNumber() tableAdaptionHeight?: XNumber;\r\n  /**\r\n   * @zh_CN 表格文档高度百分比，弹窗百分比高度用到\r\n   * @en_US Table document height percentage, used for pop-up window percentage height\r\n   */\r\n  @Input() @XInputNumber() tableDocPercent: XNumber = 1;\r\n  /**\r\n   * @zh_CN 表格行高度，单位 px\r\n   * @en_US Table row height, unit px\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 42) @XInputNumber() tableRowHeight!: number;\r\n  /**\r\n   * @zh_CN 树节点数据\r\n   * @en_US Tree node data\r\n   */\r\n  @Input() @XDataConvert() treeData: XData<XTreeNode> = [];\r\n  /**\r\n   * @zh_CN 树当前点击选中的节点变化的事件\r\n   * @en_US The event of the tree currently clicked on the selected node change\r\n   */\r\n  @Output() treeActivatedChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 树当前激活的节点 Id\r\n   * @en_US Id of the currently active node of the tree\r\n   */\r\n  @Input() treeActivatedId: any;\r\n  /**\r\n   * @zh_CN 树默认展开的层级\r\n   * @en_US The level of the tree expanded by default\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() treeExpandedLevel!: XNumber;\r\n  /**\r\n   * @zh_CN 树 checkbox 选中的节点\r\n   * @en_US Tree checkbox selected node\r\n   */\r\n  @Input() treeChecked: any[] = [];\r\n  /**\r\n   * @zh_CN 树显示多选框\r\n   * @en_US Tree display checkbox\r\n   */\r\n  @Input() @XInputBoolean() treeCheckbox?: XBoolean;\r\n  /**\r\n   * @zh_CN 树和表格同时存在的时候，树节点 id 对应表格的属性，用来做表格数据过滤\r\n   * @en_US When the tree and the table exist at the same time, the tree node id corresponds to the attribute of the table, which is used to filter the table data\r\n   */\r\n  @Input() treeTableConnect: any;\r\n  /**\r\n   * @zh_CN 数据查询过滤表单\r\n   * @en_US form for data filter\r\n   */\r\n  @Input() search!: XFindSearchOption;\r\n}\r\n\r\n/**\r\n * Find Option\r\n * @undocument true\r\n */\r\nexport interface XFindOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  bordered?: XBoolean;\r\n  /**\r\n   * @zh_CN 多选\r\n   * @en_US Multiple select\r\n   */\r\n  multiple?: XBoolean;\r\n  /**\r\n   * @zh_CN 选中 label 名称字段\r\n   * @en_US Check the label name field\r\n   */\r\n  columnLabel?: string;\r\n  /**\r\n   * @zh_CN 弹框标题\r\n   * @en_US Bullet title\r\n   */\r\n  dialogTitle?: string;\r\n  /**\r\n   * @zh_CN 弹框宽度\r\n   * @en_US Bullet frame width\r\n   */\r\n  dialogWidth?: string;\r\n  /**\r\n   * @zh_CN 弹框高度\r\n   * @en_US Height of bullet frame\r\n   */\r\n  dialogHeight?: string;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box show, hide\r\n   */\r\n  dialogVisible?: boolean;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box show, hide\r\n   */\r\n  // dialogVisibleChange = new EventEmitter<boolean>();\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button center\r\n   */\r\n  dialogButtonsCenter?: XBoolean;\r\n\r\n  /**\r\n   * @zh_CN 表格行数据\r\n   * @en_US Table row data\r\n   */\r\n  tableData?: XData<XTableRow>;\r\n  /**\r\n   * @zh_CN 表格页码\r\n   * @en_US Table page number\r\n   */\r\n  tableIndex?: number;\r\n  /**\r\n   * @zh_CN 表每页数据条数\r\n   * @en_US Number of data items per page\r\n   */\r\n  tableSize?: number;\r\n  /**\r\n   * @zh_CN 表格数据总条数\r\n   * @en_US Total number of table data\r\n   */\r\n  tableTotal?: number;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  // tableIndexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  // tableSizeChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 排序点击的事件\r\n   * @en_US Sort click events\r\n   */\r\n  // tableSortChange = new EventEmitter<XSort[]>();\r\n  /**\r\n   * @zh_CN 表格列参数\r\n   * @en_US Table column parameters\r\n   */\r\n  tableColumns?: XTableColumn[];\r\n  /**\r\n   * @zh_CN 当前选中行数据\r\n   * @en_US Currently selected row data\r\n   */\r\n  tableActivatedRow?: any;\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  // tableRowEmit = new EventEmitter<any>();\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  tableCheckedRow?: { [property: string]: any[] };\r\n  /**\r\n   * @zh_CN 是否启用加载 loading\r\n   * @en_US Whether to enable loading\r\n   */\r\n  tableLoading?: XBoolean;\r\n  /**\r\n   * @zh_CN 表格开启虚拟滚动\r\n   * @en_US Table opens virtual scrolling\r\n   */\r\n  tableVirtualScroll?: boolean;\r\n  /**\r\n   * @zh_CN 表格 body 数据高度\r\n   * @en_US Table body data height\r\n   */\r\n  tableBodyHeight?: number;\r\n  /**\r\n   * @zh_CN 表格超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数\r\n   * @en_US The table exceeds the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll\r\n   */\r\n  tableMinBufferPx?: number;\r\n  /**\r\n   * @zh_CN 表格渲染新数据缓冲区的像素，对应 cdk scroll 中的参数\r\n   * @en_US The pixels of the new data buffer for the table rendering, corresponding to the parameters in cdk scroll\r\n   */\r\n  tableMaxBufferPx?: number;\r\n  /**\r\n   * @zh_CN 表格自适应高度，table 高度等于屏幕高度减掉此处设置的数值\r\n   * @en_US Table adaptive height, table height is equal to the screen height minus the value set here\r\n   */\r\n  tableAdaptionHeight?: XNumber;\r\n  /**\r\n   * @zh_CN 表格文档高度百分比，弹窗百分比高度用到\r\n   * @en_US Table document height percentage, used for pop-up window percentage height\r\n   */\r\n  tableDocPercent?: XNumber;\r\n  /**\r\n   * @zh_CN 表格行高度，单位 px\r\n   * @en_US Table row height, unit px\r\n   */\r\n  tableRowHeight?: XNumber;\r\n\r\n  /**\r\n   * @zh_CN 树节点数据\r\n   * @en_US Tree node data\r\n   */\r\n  treeData?: XData<XTreeNode>;\r\n  /**\r\n   * @zh_CN 树当前点击选中的节点变化的事件\r\n   * @en_US The event of the tree currently clicked on the selected node change\r\n   */\r\n  // treeActivatedChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 树当前激活的节点 Id\r\n   * @en_US Id of the currently active node of the tree\r\n   */\r\n  treeActivatedId?: any;\r\n  /**\r\n   * @zh_CN 树默认展开的层级\r\n   * @en_US The level of the tree expanded by default\r\n   */\r\n  treeExpandedLevel?: XNumber;\r\n  /**\r\n   * @zh_CN 树 checkbox 选中的节点\r\n   * @en_US Tree checkbox selected node\r\n   */\r\n  treeChecked?: any[];\r\n  /**\r\n   * @zh_CN 树显示多选框\r\n   * @en_US Tree display checkbox\r\n   */\r\n  treeCheckbox?: XBoolean;\r\n  /**\r\n   * @zh_CN 树和表格同时存在的时候，树节点 id 对应表格的属性，用来做表格数据过滤\r\n   * @en_US When the tree and the table exist at the same time, the tree node id corresponds to the attribute of the table, which is used to filter the table data\r\n   */\r\n  treeTableConnect?: any;\r\n\r\n  /**\r\n   * @zh_CN 数据查询过滤表单\r\n   * @en_US form for data filter\r\n   */\r\n  search?: XFindSearchOption;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  ViewChild,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XFindProperty, XFindPrefix } from './find.property';\r\nimport { XClearClass, XResize, XIsUndefined, XIsChange, XConfigService, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XTableComponent, XTableRow } from '@ng-nest/ui/table';\r\nimport { XDialogComponent } from '@ng-nest/ui/dialog';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { debounceTime, takeUntil } from 'rxjs/operators';\r\nimport { Subject, Observable } from 'rxjs';\r\nimport { XTreeNode, XTreeComponent } from '@ng-nest/ui/tree';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XFindPrefix}`,\r\n  templateUrl: './find.component.html',\r\n  styleUrls: ['./find.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XFindComponent)]\r\n})\r\nexport class XFindComponent extends XFindProperty implements OnInit {\r\n  @ViewChild('find', { static: true }) find!: ElementRef;\r\n  @ViewChild('dialogCom') dialogCom!: XDialogComponent;\r\n  @ViewChild('tableCom') tableCom!: XTableComponent;\r\n  @ViewChild('treeCom') treeCom!: XTreeComponent;\r\n  @ViewChild('buttonCom') buttonCom!: XButtonComponent;\r\n\r\n  private _tableRef!: ElementRef;\r\n  public get tableRef(): ElementRef {\r\n    return this._tableRef;\r\n  }\r\n  @ViewChild('tableRef')\r\n  public set tableRef(value: ElementRef) {\r\n    this._tableRef = value;\r\n    if (value && this.multiple) {\r\n      this.setSubscribe();\r\n    }\r\n  }\r\n\r\n  private _treeRef!: ElementRef;\r\n  public get treeRef(): ElementRef {\r\n    return this._treeRef;\r\n  }\r\n  @ViewChild('treeRef')\r\n  public set treeRef(value: ElementRef) {\r\n    this._treeRef = value;\r\n    if (value && this.multiple) {\r\n      this.setSubscribe();\r\n    }\r\n  }\r\n\r\n  get getEmpty() {\r\n    return !this.temp || this.temp.length === 0;\r\n  }\r\n\r\n  get hasTable() {\r\n    return this.tableColumns?.length > 0;\r\n  }\r\n\r\n  get hasTree() {\r\n    return (\r\n      (Array.isArray(this.treeData) && this.treeData.length > 0) || this.treeData instanceof Function || this.treeData instanceof Observable\r\n    );\r\n  }\r\n\r\n  get hasTreeTable() {\r\n    return this.hasTable && this.hasTree;\r\n  }\r\n\r\n  get hasTreeMultiple() {\r\n    return this.hasTree && !this.hasTreeTable && this.multiple;\r\n  }\r\n\r\n  get hasSearch() {\r\n    return this.search && this.hasTable;\r\n  }\r\n\r\n  temp: any;\r\n  height = 100;\r\n\r\n  private _unSubject = new Subject<void>();\r\n  private _resizeObserver!: ResizeObserver;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(public renderer: Renderer2, private cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { tableData, labelAlign, size } = simples;\r\n    XIsChange(tableData) && this.setTableCheckedRow();\r\n    XIsChange(labelAlign, size) && this.setClassMap();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.find.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n    this.setMultiple();\r\n    this.setWidth();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    if (this.value) this.cdr.detectChanges();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap, this.classMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n    this.classMap[`x-find-${this.size}`] = !XIsEmpty(this.size);\r\n  }\r\n\r\n  setSubscribe() {\r\n    let resizeRef: Element[] = [];\r\n    if (this.hasTable) {\r\n      resizeRef = [this.tableRef?.nativeElement];\r\n    }\r\n    if (this.hasTree && !this.hasTreeTable) {\r\n      resizeRef.push(this.treeRef?.nativeElement);\r\n    }\r\n    this._unSubject.next();\r\n    XResize(...resizeRef)\r\n      .pipe(debounceTime(30), takeUntil(this._unSubject))\r\n      .subscribe((x) => {\r\n        this._resizeObserver = x.resizeObserver;\r\n        if (this.tableRef) {\r\n          this.height = this.tableRef.nativeElement.clientHeight;\r\n        } else if (this.hasTree) {\r\n          this.height = this.treeRef?.nativeElement.clientHeight;\r\n        }\r\n        this.cdr.detectChanges();\r\n      });\r\n  }\r\n\r\n  setMultiple() {\r\n    if (!this.multiple) return;\r\n    if (this.hasTable) {\r\n      if (!this.tableColumns.find((x) => x.rowChecked)) {\r\n        this.tableColumns = [{ id: '$checked', label: '选择', rowChecked: true, type: 'checkbox', width: 60 }, ...this.tableColumns];\r\n      }\r\n    }\r\n  }\r\n\r\n  setWidth() {\r\n    if (XIsUndefined(this.dialogWidth)) {\r\n      if ((this.hasTable && this.hasTree) || this.hasTable) {\r\n        this.dialogWidth = '50rem';\r\n      } else if (this.hasTree && this.multiple) {\r\n        this.dialogWidth = '30rem';\r\n      } else if (this.hasTree) {\r\n        this.dialogWidth = '20rem';\r\n      }\r\n    }\r\n  }\r\n\r\n  showModal() {\r\n    if (this.disabled) return;\r\n    this.dialogVisible = true;\r\n    this.dialogVisibleChange.emit(this.dialogVisible);\r\n    if (this.value) {\r\n      if (this.multiple) {\r\n        this.temp = (this.value as Array<any>).map((x) => Object.assign({}, x));\r\n        this.setTableCheckedRow();\r\n        this.setTreeChecked();\r\n      } else {\r\n        this.tableActivatedRow = this.value;\r\n        if (!this.hasTreeTable && this.hasTree) {\r\n          this.treeActivatedId = this.value.id;\r\n        }\r\n      }\r\n    } else {\r\n      this.temp = this.multiple ? [] : null;\r\n    }\r\n    if (this.hasTable) {\r\n      this.tableCom.virtualBody?.scrollToIndex(0);\r\n      this.tableCom.virtualBody?.checkViewportSize();\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setTableCheckedRow() {\r\n    if (!this.multiple || XIsUndefined(this.temp)) return;\r\n    const ids = (this.temp as Array<any>).map((x) => x.id);\r\n    this.tableCheckedRow = {\r\n      ...this.tableCheckedRow,\r\n      $checked: ids\r\n    };\r\n  }\r\n\r\n  setTreeChecked() {\r\n    if (this.hasTreeMultiple) this.treeChecked = this.temp.map((x: any) => x.id);\r\n  }\r\n\r\n  sure() {\r\n    this.value = this.temp;\r\n    this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  closeModal() {\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  dialogCloseDone() {\r\n    if (this.hasTree) {\r\n      this.treeActivatedId = null;\r\n      this.temp = null;\r\n    }\r\n  }\r\n\r\n  tempClose(index: number, item: any) {\r\n    this.temp.splice(index, 1);\r\n    if (this.hasTable) {\r\n      let it = this.tableCom?.tableData.find((x) => item.id === x.id);\r\n      if (it) {\r\n        it['$checked'] = false;\r\n        this.tableCom?.bodyChange();\r\n      }\r\n    } else if (this.hasTree) {\r\n      let it = this.treeCom?.treeData.find((x) => item.id === x.id);\r\n      if (it) {\r\n        it.checked = false;\r\n        it.change && it.change();\r\n        this.treeCom?.cdr.detectChanges();\r\n      }\r\n    }\r\n\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  tagClose(index: number = -1) {\r\n    if (index >= 0) {\r\n      this.value.splice(index, 1);\r\n    } else {\r\n      this.value = null;\r\n      this.tableActivatedRow = null;\r\n      if (!this.hasTreeTable && this.hasTree) {\r\n        this.treeActivatedId = null;\r\n      }\r\n    }\r\n    this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  tableActivatedRowChange(data: XTableRow) {\r\n    if (this.multiple) {\r\n      this.rowMultiple(data);\r\n    } else {\r\n      this.temp = data;\r\n      this.sure();\r\n      this.dialogVisible = false;\r\n    }\r\n  }\r\n\r\n  rowMultiple(data: XTableRow) {\r\n    if (typeof this.temp === 'undefined') this.temp = [];\r\n    if (data['$checked']) {\r\n      this.temp = [...this.temp, data];\r\n    } else {\r\n      this.temp.splice(\r\n        (this.temp as Array<any>).findIndex((x) => x.id === data.id),\r\n        1\r\n      );\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  treeMultiple(node: XTreeNode) {\r\n    if (typeof this.temp === 'undefined') this.temp = [];\r\n    // node.$checked = !node.$checked;\r\n    if (node.checked) {\r\n      this.temp = [...this.temp, node];\r\n    } else {\r\n      this.temp.splice(\r\n        (this.temp as Array<any>).findIndex((x) => x.id === node.id),\r\n        1\r\n      );\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  treeActivatedClick(node: XTreeNode) {\r\n    if (!this.hasTreeTable && this.hasTree) {\r\n      if (this.multiple) {\r\n        // this.treeMultiple(node);\r\n      } else {\r\n        this.temp = node;\r\n      }\r\n    } else if (this.hasTreeTable && this.treeTableConnect) {\r\n      if (!this.tableQuery) this.tableQuery = {};\r\n      if (!this.tableQuery.filter) this.tableQuery.filter = [];\r\n      let field = this.tableQuery.filter.find((x) => x.field === this.treeTableConnect);\r\n      if (field) {\r\n        field.value = node.id;\r\n        field.operation = '=';\r\n      } else {\r\n        this.tableQuery.filter = [...this.tableQuery.filter, { field: this.treeTableConnect, value: node.id, operation: '=' }];\r\n      }\r\n      this.tableCom.change(1);\r\n      this.treeActivatedId = node.id;\r\n    }\r\n    this.treeActivatedChange.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  treeCheckboxChange(node: XTreeNode) {\r\n    this.treeMultiple(node);\r\n  }\r\n\r\n  trackByItem(_index: number, item: any) {\r\n    return item.id;\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.ngAfterViewInit();\r\n    this.treeCom?.setData();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  searchKeyDown(event: KeyboardEvent): void {\r\n    if (event.key === 'Enter') {\r\n      this.searchClick();\r\n    } else if (event.key === 'Delete') {\r\n      this.search.value = '';\r\n    }\r\n  }\r\n\r\n  searchClick(): void {\r\n    if (!this.hasSearch) {\r\n      return;\r\n    }\r\n\r\n    this.tableQuery = this.tableQuery || [];\r\n    this.tableQuery.filter = this.tableQuery.filter || [];\r\n    const field = this.tableQuery.filter.find((x) => x.field === this.search.field);\r\n\r\n    if (field) {\r\n      field.value = this.search.value || '';\r\n    } else {\r\n      this.tableQuery.filter = [...this.tableQuery?.filter, this.search];\r\n    }\r\n\r\n    this.tableCom.change(1);\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div\r\n  #find\r\n  class=\"x-find\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-checked]=\"value\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-find-row\">\r\n    <x-button #buttonCom icon=\"fto-search\" [onlyIcon]=\"!bordered\" [size]=\"size\" [disabled]=\"disabled\" (click)=\"showModal()\"></x-button>\r\n    <div class=\"x-find-tags\">\r\n      <ng-container *ngIf=\"multiple; else singleTpl\">\r\n        <x-tag\r\n          *ngFor=\"let item of value; index as i; trackBy: trackByItem\"\r\n          closable\r\n          [size]=\"size\"\r\n          [bordered]=\"bordered\"\r\n          [disabled]=\"disabled\"\r\n          (close)=\"tagClose(i)\"\r\n          >{{ item[columnLabel] }}</x-tag\r\n        >\r\n      </ng-container>\r\n      <ng-template #singleTpl>\r\n        <x-tag *ngIf=\"value\" closable [disabled]=\"disabled\" [bordered]=\"bordered\" [size]=\"size\" (close)=\"tagClose()\">{{\r\n          value[columnLabel]\r\n        }}</x-tag>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<x-dialog\r\n  #dialogCom\r\n  [title]=\"dialogTitle\"\r\n  [width]=\"dialogWidth\"\r\n  [height]=\"dialogHeight\"\r\n  [buttonsCenter]=\"dialogButtonsCenter\"\r\n  [(visible)]=\"dialogVisible\"\r\n  (visibleChange)=\"dialogVisibleChange.emit($event)\"\r\n  (closeDone)=\"dialogCloseDone()\"\r\n  (cancel)=\"closeModal()\"\r\n  (close)=\"closeModal()\"\r\n  (confirm)=\"sure()\"\r\n>\r\n  <div class=\"x-find-dialog\" [class.x-find-dialog-tree-table]=\"hasTable && hasTree\">\r\n    <div class=\"x-find-dialog-tree\" *ngIf=\"hasTree\" #treeRef [style.height.px]=\"hasTreeTable && multiple && height\">\r\n      <x-tree\r\n        #treeCom\r\n        [data]=\"treeData\"\r\n        nodeHeight=\"1.8\"\r\n        [(manual)]=\"dialogVisible\"\r\n        [activatedId]=\"treeActivatedId\"\r\n        [expandedLevel]=\"treeExpandedLevel\"\r\n        (activatedChange)=\"treeActivatedClick($event)\"\r\n        [checkbox]=\"hasTreeMultiple\"\r\n        [checked]=\"treeChecked\"\r\n        (checkboxChange)=\"treeCheckboxChange($event)\"\r\n        [levelCheck]=\"!hasTreeMultiple\"\r\n      ></x-tree>\r\n    </div>\r\n    <div class=\"x-find-dialog-table\" *ngIf=\"hasTable\" #tableRef>\r\n      <div class=\"x-find-search\" *ngIf=\"hasSearch\">\r\n        <x-input [label]=\"search.label\" direction=\"row\" (xKeydown)=\"searchKeyDown($event)\" [(ngModel)]=\"search.value\"></x-input>\r\n        <x-button type=\"primary\" plain (click)=\"searchClick()\">{{ search.button || '查询' }}</x-button>\r\n      </div>\r\n      <x-table\r\n        #tableCom\r\n        [data]=\"tableData\"\r\n        [columns]=\"tableColumns\"\r\n        [(manual)]=\"dialogVisible\"\r\n        [(index)]=\"tableIndex\"\r\n        [(size)]=\"tableSize\"\r\n        [query]=\"tableQuery\"\r\n        [total]=\"tableTotal\"\r\n        [allowSelectRow]=\"!multiple\"\r\n        [checkedRow]=\"tableCheckedRow\"\r\n        [loading]=\"tableLoading\"\r\n        (indexChange)=\"tableIndexChange.emit($event)\"\r\n        (sortChange)=\"tableSortChange.emit($event)\"\r\n        [(activatedRow)]=\"tableActivatedRow\"\r\n        (activatedRowChange)=\"tableActivatedRowChange($event)\"\r\n        [rowHeight]=\"tableRowHeight\"\r\n        [bodyHeight]=\"tableBodyHeight\"\r\n        [virtualScroll]=\"tableVirtualScroll\"\r\n        [minBufferPx]=\"tableMinBufferPx\"\r\n        [maxBufferPx]=\"tableMaxBufferPx\"\r\n        [adaptionHeight]=\"tableAdaptionHeight\"\r\n        [docPercent]=\"tableDocPercent\"\r\n      ></x-table>\r\n    </div>\r\n    <div *ngIf=\"multiple\" class=\"x-find-dialog-checked\" [class.x-find-empty]=\"getEmpty\" [style.height.px]=\"height\">\r\n      <x-empty *ngIf=\"getEmpty\" content=\"请选择数据\"></x-empty>\r\n      <div class=\"x-find-dialog-tags\">\r\n        <x-tag *ngFor=\"let item of temp; index as i; trackBy: trackByItem\" closable (close)=\"tempClose(i, item)\">\r\n          <span>{{ item[columnLabel] }}</span>\r\n        </x-tag>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</x-dialog>\r\n\r\n<ng-template #treeLabelTpl let-node=\"$node\">\r\n  <div class=\"x-find-dialog-tree-node\">\r\n    <span>{{ node.label }} </span>\r\n    <x-icon type=\"fto-check\" *ngIf=\"node.$checked\"></x-icon>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XFindComponent } from './find.component';\r\nimport { XFindProperty } from './find.property';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XDialogModule } from '@ng-nest/ui/dialog';\r\nimport { XTableModule } from '@ng-nest/ui/table';\r\nimport { XTagModule } from '@ng-nest/ui/tag';\r\nimport { XEmptyModule } from '@ng-nest/ui/empty';\r\nimport { XTreeModule } from '@ng-nest/ui/tree';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\n\r\n@NgModule({\r\n  declarations: [XFindComponent, XFindProperty],\r\n  exports: [XFindComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XTagModule,\r\n    XButtonModule,\r\n    XDialogModule,\r\n    XTableModule,\r\n    XTreeModule,\r\n    XIconModule,\r\n    XEmptyModule,\r\n    XInputModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XFindModule {}\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-find.mjs","sources":["../../../../lib/ng-nest/ui/find/find.property.ts","../../../../lib/ng-nest/ui/find/find.component.ts","../../../../lib/ng-nest/ui/find/find.component.html","../../../../lib/ng-nest/ui/find/find.module.ts","../../../../lib/ng-nest/ui/find/ng-nest-ui-find.ts"],"sourcesContent":["import {\r\n  XInputBoolean,\r\n  XBoolean,\r\n  XDataConvert,\r\n  XData,\r\n  XInputNumber,\r\n  XNumber,\r\n  XSort,\r\n  XQuery,\r\n  XWithConfig,\r\n  XFilter,\r\n  XSize\r\n} from '@ng-nest/ui/core';\r\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { XTableColumn, XTableRow } from '@ng-nest/ui/table';\r\nimport { XTreeNode } from '@ng-nest/ui/tree';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Find\r\n * @selector x-find\r\n * @decorator component\r\n */\r\nexport const XFindPrefix = 'x-find';\r\nconst X_CONFIG_NAME = 'find';\r\n\r\nexport interface XFindSearchOption extends XFilter {\r\n  label?: string;\r\n  button?: string;\r\n}\r\n\r\n/**\r\n * Find Property\r\n */\r\n@Component({ template: '' })\r\nexport class XFindProperty extends XControlValueAccessor<any | any[]> implements XFindOption {\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') override size!: XSize;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  @Input() @XInputBoolean() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) bordered!: XBoolean;\r\n  /**\r\n   * @zh_CN 多选\r\n   * @en_US Multiple choice\r\n   */\r\n  @Input() @XInputBoolean() multiple: XBoolean = false;\r\n  /**\r\n   * @zh_CN 选中 label 名称字段\r\n   * @en_US Check the label name field\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, 'label') columnLabel!: string;\r\n  /**\r\n   * @zh_CN 弹框标题\r\n   * @en_US Bullet title\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '查找选择') dialogTitle!: string;\r\n  /**\r\n   * @zh_CN 弹框表格选择列头名称\r\n   * @en_US Ball Form Select List Name\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '选择') dialogCheckboxLabel!: string;\r\n  /**\r\n   * @zh_CN 弹框表格选择列宽\r\n   * @en_US Ball Form Select List width\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 60) @XInputNumber() dialogCheckboxWidth!: number;\r\n  /**\r\n   * @zh_CN 弹框选择数据为空的提示信息\r\n   * @en_US Ball box selection data empty prompt information\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '请选择数据') dialogEmptyContent!: string;\r\n  /**\r\n   * @zh_CN 弹框宽度\r\n   * @en_US Bullet frame width\r\n   */\r\n  @Input() dialogWidth?: string;\r\n  /**\r\n   * @zh_CN 弹框高度\r\n   * @en_US Height of bullet frame\r\n   */\r\n  @Input() dialogHeight?: string;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box display, hide\r\n   */\r\n  @Input() @XInputBoolean() dialogVisible: boolean = false;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box display, hide\r\n   */\r\n  @Output() dialogVisibleChange = new EventEmitter<boolean>();\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button centered\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() dialogButtonsCenter?: XBoolean;\r\n\r\n  /**\r\n   * @zh_CN 表格行数据\r\n   * @en_US Table row data\r\n   */\r\n  @Input() tableData: XData<XTableRow> = [];\r\n  /**\r\n   * @zh_CN 表格页码\r\n   * @en_US Table page number\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 1) tableIndex!: number;\r\n  /**\r\n   * @zh_CN 表每页数据条数\r\n   * @en_US Number of data items per page\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 10) tableSize!: number;\r\n  /**\r\n   * @zh_CN 表每页数据条数\r\n   * @en_US Number of data items per page\r\n   */\r\n  @Input() tableQuery: XQuery = {};\r\n  /**\r\n   * @zh_CN 表格数据总条数\r\n   * @en_US Total number of table data\r\n   */\r\n  @Input() tableTotal: number = 0;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() tableIndexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  @Output() tableSizeChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 排序点击的事件\r\n   * @en_US Sort click events\r\n   */\r\n  @Output() tableSortChange = new EventEmitter<XSort[]>();\r\n  /**\r\n   * @zh_CN 表格列参数\r\n   * @en_US Table column parameters\r\n   */\r\n  @Input() tableColumns: XTableColumn[] = [];\r\n  /**\r\n   * @zh_CN 当前选中行数据\r\n   * @en_US Currently selected row data\r\n   */\r\n  @Input() tableActivatedRow?: any;\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  @Output() tableRowEmit = new EventEmitter<any>();\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  @Input() tableCheckedRow: { [property: string]: any[] } = {};\r\n  /**\r\n   * @zh_CN 是否启用加载 loading\r\n   * @en_US Whether to enable loading loading\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() tableLoading!: XBoolean;\r\n  /**\r\n   * @zh_CN 表格开启虚拟滚动\r\n   * @en_US Table opens virtual scrolling\r\n   */\r\n  @Input() @XWithConfig<boolean>(X_CONFIG_NAME, false) @XInputBoolean() tableVirtualScroll!: boolean;\r\n  /**\r\n   * @zh_CN 表格 body 数据高度\r\n   * @en_US Table body data height\r\n   */\r\n  @Input() @XInputNumber() tableBodyHeight?: number;\r\n  /**\r\n   * @zh_CN 表格超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数\r\n   * @en_US The table exceeds the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll\r\n   */\r\n  @Input() tableMinBufferPx: number = 100;\r\n  /**\r\n   * @zh_CN 表格渲染新数据缓冲区的像素，对应 cdk scroll 中的参数\r\n   * @en_US The pixels of the new data buffer for the table rendering, corresponding to the parameters in cdk scroll\r\n   */\r\n  @Input() tableMaxBufferPx: number = 200;\r\n  /**\r\n   * @zh_CN 表格自适应高度，table 高度等于屏幕高度减掉此处设置的数值\r\n   * @en_US Table adaptive height, table height is equal to the screen height minus the value set here\r\n   */\r\n  @Input() @XInputNumber() tableAdaptionHeight?: XNumber;\r\n  /**\r\n   * @zh_CN 表格文档高度百分比，弹窗百分比高度用到\r\n   * @en_US Table document height percentage, used for pop-up window percentage height\r\n   */\r\n  @Input() @XInputNumber() tableDocPercent: XNumber = 1;\r\n  /**\r\n   * @zh_CN 表格行高度，单位 px\r\n   * @en_US Table row height, unit px\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 42) @XInputNumber() tableRowHeight!: number;\r\n  /**\r\n   * @zh_CN 树节点数据\r\n   * @en_US Tree node data\r\n   */\r\n  @Input() @XDataConvert() treeData: XData<XTreeNode> = [];\r\n  /**\r\n   * @zh_CN 树当前点击选中的节点变化的事件\r\n   * @en_US The event of the tree currently clicked on the selected node change\r\n   */\r\n  @Output() treeActivatedChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 树当前激活的节点 Id\r\n   * @en_US Id of the currently active node of the tree\r\n   */\r\n  @Input() treeActivatedId: any;\r\n  /**\r\n   * @zh_CN 树默认展开的层级\r\n   * @en_US The level of the tree expanded by default\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() treeExpandedLevel!: XNumber;\r\n  /**\r\n   * @zh_CN 树 checkbox 选中的节点\r\n   * @en_US Tree checkbox selected node\r\n   */\r\n  @Input() treeChecked: any[] = [];\r\n  /**\r\n   * @zh_CN 树显示多选框\r\n   * @en_US Tree display checkbox\r\n   */\r\n  @Input() @XInputBoolean() treeCheckbox?: XBoolean;\r\n  /**\r\n   * @zh_CN 树和表格同时存在的时候，树节点 id 对应表格的属性，用来做表格数据过滤\r\n   * @en_US When the tree and the table exist at the same time, the tree node id corresponds to the attribute of the table, which is used to filter the table data\r\n   */\r\n  @Input() treeTableConnect: any;\r\n  /**\r\n   * @zh_CN 数据查询过滤表单\r\n   * @en_US form for data filter\r\n   */\r\n  @Input() search!: XFindSearchOption;\r\n}\r\n\r\n/**\r\n * Find Option\r\n * @undocument true\r\n */\r\nexport interface XFindOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  bordered?: XBoolean;\r\n  /**\r\n   * @zh_CN 多选\r\n   * @en_US Multiple select\r\n   */\r\n  multiple?: XBoolean;\r\n  /**\r\n   * @zh_CN 选中 label 名称字段\r\n   * @en_US Check the label name field\r\n   */\r\n  columnLabel?: string;\r\n  /**\r\n   * @zh_CN 弹框标题\r\n   * @en_US Bullet title\r\n   */\r\n  dialogTitle?: string;\r\n  /**\r\n   * @zh_CN 弹框表格选择框列头名称\r\n   * @en_US Ball Form Select Box List Name\r\n   */\r\n  dialogCheckboxLabel?: string;\r\n  /**\r\n   * @zh_CN 弹框表格选择框列头宽度\r\n   * @en_US Ball Form Select Box List width\r\n   */\r\n  dialogCheckboxWidth?: number;\r\n  /**\r\n   * @zh_CN 弹框选择数据为空的提示内容\r\n   * @en_US Ball box selection data empty prompt information\r\n   */\r\n  dialogEmptyContent?: string;\r\n  /**\r\n   * @zh_CN 弹框宽度\r\n   * @en_US Bullet frame width\r\n   */\r\n  dialogWidth?: string;\r\n  /**\r\n   * @zh_CN 弹框高度\r\n   * @en_US Height of bullet frame\r\n   */\r\n  dialogHeight?: string;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box show, hide\r\n   */\r\n  dialogVisible?: boolean;\r\n  /**\r\n   * @zh_CN 弹框显示，隐藏\r\n   * @en_US Bullet box show, hide\r\n   */\r\n  // dialogVisibleChange = new EventEmitter<boolean>();\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button center\r\n   */\r\n  dialogButtonsCenter?: XBoolean;\r\n\r\n  /**\r\n   * @zh_CN 表格行数据\r\n   * @en_US Table row data\r\n   */\r\n  tableData?: XData<XTableRow>;\r\n  /**\r\n   * @zh_CN 表格页码\r\n   * @en_US Table page number\r\n   */\r\n  tableIndex?: number;\r\n  /**\r\n   * @zh_CN 表每页数据条数\r\n   * @en_US Number of data items per page\r\n   */\r\n  tableSize?: number;\r\n  /**\r\n   * @zh_CN 表格数据总条数\r\n   * @en_US Total number of table data\r\n   */\r\n  tableTotal?: number;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  // tableIndexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  // tableSizeChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 排序点击的事件\r\n   * @en_US Sort click events\r\n   */\r\n  // tableSortChange = new EventEmitter<XSort[]>();\r\n  /**\r\n   * @zh_CN 表格列参数\r\n   * @en_US Table column parameters\r\n   */\r\n  tableColumns?: XTableColumn[];\r\n  /**\r\n   * @zh_CN 当前选中行数据\r\n   * @en_US Currently selected row data\r\n   */\r\n  tableActivatedRow?: any;\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  // tableRowEmit = new EventEmitter<any>();\r\n  /**\r\n   * @zh_CN 表格行点击事件\r\n   * @en_US Table row click event\r\n   */\r\n  tableCheckedRow?: { [property: string]: any[] };\r\n  /**\r\n   * @zh_CN 是否启用加载 loading\r\n   * @en_US Whether to enable loading\r\n   */\r\n  tableLoading?: XBoolean;\r\n  /**\r\n   * @zh_CN 表格开启虚拟滚动\r\n   * @en_US Table opens virtual scrolling\r\n   */\r\n  tableVirtualScroll?: boolean;\r\n  /**\r\n   * @zh_CN 表格 body 数据高度\r\n   * @en_US Table body data height\r\n   */\r\n  tableBodyHeight?: number;\r\n  /**\r\n   * @zh_CN 表格超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数\r\n   * @en_US The table exceeds the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll\r\n   */\r\n  tableMinBufferPx?: number;\r\n  /**\r\n   * @zh_CN 表格渲染新数据缓冲区的像素，对应 cdk scroll 中的参数\r\n   * @en_US The pixels of the new data buffer for the table rendering, corresponding to the parameters in cdk scroll\r\n   */\r\n  tableMaxBufferPx?: number;\r\n  /**\r\n   * @zh_CN 表格自适应高度，table 高度等于屏幕高度减掉此处设置的数值\r\n   * @en_US Table adaptive height, table height is equal to the screen height minus the value set here\r\n   */\r\n  tableAdaptionHeight?: XNumber;\r\n  /**\r\n   * @zh_CN 表格文档高度百分比，弹窗百分比高度用到\r\n   * @en_US Table document height percentage, used for pop-up window percentage height\r\n   */\r\n  tableDocPercent?: XNumber;\r\n  /**\r\n   * @zh_CN 表格行高度，单位 px\r\n   * @en_US Table row height, unit px\r\n   */\r\n  tableRowHeight?: XNumber;\r\n\r\n  /**\r\n   * @zh_CN 树节点数据\r\n   * @en_US Tree node data\r\n   */\r\n  treeData?: XData<XTreeNode>;\r\n  /**\r\n   * @zh_CN 树当前点击选中的节点变化的事件\r\n   * @en_US The event of the tree currently clicked on the selected node change\r\n   */\r\n  // treeActivatedChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 树当前激活的节点 Id\r\n   * @en_US Id of the currently active node of the tree\r\n   */\r\n  treeActivatedId?: any;\r\n  /**\r\n   * @zh_CN 树默认展开的层级\r\n   * @en_US The level of the tree expanded by default\r\n   */\r\n  treeExpandedLevel?: XNumber;\r\n  /**\r\n   * @zh_CN 树 checkbox 选中的节点\r\n   * @en_US Tree checkbox selected node\r\n   */\r\n  treeChecked?: any[];\r\n  /**\r\n   * @zh_CN 树显示多选框\r\n   * @en_US Tree display checkbox\r\n   */\r\n  treeCheckbox?: XBoolean;\r\n  /**\r\n   * @zh_CN 树和表格同时存在的时候，树节点 id 对应表格的属性，用来做表格数据过滤\r\n   * @en_US When the tree and the table exist at the same time, the tree node id corresponds to the attribute of the table, which is used to filter the table data\r\n   */\r\n  treeTableConnect?: any;\r\n\r\n  /**\r\n   * @zh_CN 数据查询过滤表单\r\n   * @en_US form for data filter\r\n   */\r\n  search?: XFindSearchOption;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  ViewChild,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XFindProperty, XFindPrefix } from './find.property';\r\nimport { XClearClass, XResize, XIsUndefined, XIsChange, XConfigService, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XTableComponent, XTableRow } from '@ng-nest/ui/table';\r\nimport { XDialogComponent } from '@ng-nest/ui/dialog';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { debounceTime, takeUntil } from 'rxjs/operators';\r\nimport { Subject, Observable } from 'rxjs';\r\nimport { XTreeNode, XTreeComponent } from '@ng-nest/ui/tree';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XFindPrefix}`,\r\n  templateUrl: './find.component.html',\r\n  styleUrls: ['./find.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XFindComponent)]\r\n})\r\nexport class XFindComponent extends XFindProperty implements OnInit {\r\n  @ViewChild('find', { static: true }) find!: ElementRef;\r\n  @ViewChild('dialogCom') dialogCom!: XDialogComponent;\r\n  @ViewChild('tableCom') tableCom!: XTableComponent;\r\n  @ViewChild('treeCom') treeCom!: XTreeComponent;\r\n  @ViewChild('buttonCom') buttonCom!: XButtonComponent;\r\n\r\n  private _tableRef!: ElementRef;\r\n  public get tableRef(): ElementRef {\r\n    return this._tableRef;\r\n  }\r\n  @ViewChild('tableRef')\r\n  public set tableRef(value: ElementRef) {\r\n    this._tableRef = value;\r\n    if (value && this.multiple) {\r\n      this.setSubscribe();\r\n    }\r\n  }\r\n\r\n  private _treeRef!: ElementRef;\r\n  public get treeRef(): ElementRef {\r\n    return this._treeRef;\r\n  }\r\n  @ViewChild('treeRef')\r\n  public set treeRef(value: ElementRef) {\r\n    this._treeRef = value;\r\n    if (value && this.multiple) {\r\n      this.setSubscribe();\r\n    }\r\n  }\r\n\r\n  get getEmpty() {\r\n    return !this.temp || this.temp.length === 0;\r\n  }\r\n\r\n  get hasTable() {\r\n    return this.tableColumns?.length > 0;\r\n  }\r\n\r\n  get hasTree() {\r\n    return (\r\n      (Array.isArray(this.treeData) && this.treeData.length > 0) || this.treeData instanceof Function || this.treeData instanceof Observable\r\n    );\r\n  }\r\n\r\n  get hasTreeTable() {\r\n    return this.hasTable && this.hasTree;\r\n  }\r\n\r\n  get hasTreeMultiple() {\r\n    return this.hasTree && !this.hasTreeTable && this.multiple;\r\n  }\r\n\r\n  get hasSearch() {\r\n    return this.search && this.hasTable;\r\n  }\r\n\r\n  temp: any;\r\n  height = 100;\r\n\r\n  private _unSubject = new Subject<void>();\r\n  private _resizeObserver!: ResizeObserver;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(public renderer: Renderer2, private cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { tableData, labelAlign, size } = simples;\r\n    XIsChange(tableData) && this.setTableCheckedRow();\r\n    XIsChange(labelAlign, size) && this.setClassMap();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.find.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n    this.setMultiple();\r\n    this.setWidth();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    if (this.value) this.cdr.detectChanges();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap, this.classMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n    this.classMap[`x-find-${this.size}`] = !XIsEmpty(this.size);\r\n  }\r\n\r\n  setSubscribe() {\r\n    let resizeRef: Element[] = [];\r\n    if (this.hasTable) {\r\n      resizeRef = [this.tableRef?.nativeElement];\r\n    }\r\n    if (this.hasTree && !this.hasTreeTable) {\r\n      resizeRef.push(this.treeRef?.nativeElement);\r\n    }\r\n    this._unSubject.next();\r\n    XResize(...resizeRef)\r\n      .pipe(debounceTime(30), takeUntil(this._unSubject))\r\n      .subscribe((x) => {\r\n        this._resizeObserver = x.resizeObserver;\r\n        if (this.tableRef) {\r\n          this.height = this.tableRef.nativeElement.clientHeight;\r\n        } else if (this.hasTree) {\r\n          this.height = this.treeRef?.nativeElement.clientHeight;\r\n        }\r\n        this.cdr.detectChanges();\r\n      });\r\n  }\r\n\r\n  setMultiple() {\r\n    if (!this.multiple) return;\r\n    if (this.hasTable) {\r\n      if (!this.tableColumns.find((x) => x.rowChecked)) {\r\n        this.tableColumns = [\r\n          {\r\n            id: '$checked',\r\n            label: this.dialogCheckboxLabel,\r\n            rowChecked: true,\r\n            type: 'checkbox',\r\n            width: this.dialogCheckboxWidth\r\n          },\r\n          ...this.tableColumns\r\n        ];\r\n      }\r\n    }\r\n  }\r\n\r\n  setWidth() {\r\n    if (XIsUndefined(this.dialogWidth)) {\r\n      if ((this.hasTable && this.hasTree) || this.hasTable) {\r\n        this.dialogWidth = '50rem';\r\n      } else if (this.hasTree && this.multiple) {\r\n        this.dialogWidth = '30rem';\r\n      } else if (this.hasTree) {\r\n        this.dialogWidth = '20rem';\r\n      }\r\n    }\r\n  }\r\n\r\n  showModal() {\r\n    if (this.disabled) return;\r\n    this.dialogVisible = true;\r\n    this.dialogVisibleChange.emit(this.dialogVisible);\r\n    if (this.value) {\r\n      if (this.multiple) {\r\n        this.temp = (this.value as Array<any>).map((x) => Object.assign({}, x));\r\n        this.setTableCheckedRow();\r\n        this.setTreeChecked();\r\n      } else {\r\n        this.tableActivatedRow = this.value;\r\n        if (!this.hasTreeTable && this.hasTree) {\r\n          this.treeActivatedId = this.value.id;\r\n        }\r\n      }\r\n    } else {\r\n      this.temp = this.multiple ? [] : null;\r\n    }\r\n    if (this.hasTable) {\r\n      this.tableCom.virtualBody?.scrollToIndex(0);\r\n      this.tableCom.virtualBody?.checkViewportSize();\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setTableCheckedRow() {\r\n    if (!this.multiple || XIsUndefined(this.temp)) return;\r\n    const ids = (this.temp as Array<any>).map((x) => x.id);\r\n    this.tableCheckedRow = {\r\n      ...this.tableCheckedRow,\r\n      $checked: ids\r\n    };\r\n  }\r\n\r\n  setTreeChecked() {\r\n    if (this.hasTreeMultiple) this.treeChecked = this.temp.map((x: any) => x.id);\r\n  }\r\n\r\n  sure() {\r\n    this.value = this.temp;\r\n    this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  closeModal() {\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  dialogCloseDone() {\r\n    if (this.hasTree) {\r\n      this.treeActivatedId = null;\r\n      this.temp = null;\r\n    }\r\n  }\r\n\r\n  tempClose(index: number, item: any) {\r\n    this.temp.splice(index, 1);\r\n    if (this.hasTable) {\r\n      let it = this.tableCom?.tableData.find((x) => item.id === x.id);\r\n      if (it) {\r\n        it['$checked'] = false;\r\n        this.tableCom?.bodyChange();\r\n      }\r\n    } else if (this.hasTree) {\r\n      let it = this.treeCom?.treeData.find((x) => item.id === x.id);\r\n      if (it) {\r\n        it.checked = false;\r\n        it.change && it.change();\r\n        this.treeCom?.cdr.detectChanges();\r\n      }\r\n    }\r\n\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  tagClose(index: number = -1) {\r\n    if (index >= 0) {\r\n      this.value.splice(index, 1);\r\n    } else {\r\n      this.value = null;\r\n      this.tableActivatedRow = null;\r\n      if (!this.hasTreeTable && this.hasTree) {\r\n        this.treeActivatedId = null;\r\n      }\r\n    }\r\n    this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  tableActivatedRowChange(data: XTableRow) {\r\n    if (this.multiple) {\r\n      this.rowMultiple(data);\r\n    } else {\r\n      this.temp = data;\r\n      this.sure();\r\n      this.dialogVisible = false;\r\n    }\r\n  }\r\n\r\n  rowMultiple(data: XTableRow) {\r\n    if (typeof this.temp === 'undefined') this.temp = [];\r\n    if (data['$checked']) {\r\n      this.temp = [...this.temp, data];\r\n    } else {\r\n      this.temp.splice(\r\n        (this.temp as Array<any>).findIndex((x) => x.id === data.id),\r\n        1\r\n      );\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  treeMultiple(node: XTreeNode) {\r\n    if (typeof this.temp === 'undefined') this.temp = [];\r\n    // node.$checked = !node.$checked;\r\n    if (node.checked) {\r\n      this.temp = [...this.temp, node];\r\n    } else {\r\n      this.temp.splice(\r\n        (this.temp as Array<any>).findIndex((x) => x.id === node.id),\r\n        1\r\n      );\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  treeActivatedClick(node: XTreeNode) {\r\n    if (!this.hasTreeTable && this.hasTree) {\r\n      if (this.multiple) {\r\n        // this.treeMultiple(node);\r\n      } else {\r\n        this.temp = node;\r\n      }\r\n    } else if (this.hasTreeTable && this.treeTableConnect) {\r\n      if (!this.tableQuery) this.tableQuery = {};\r\n      if (!this.tableQuery.filter) this.tableQuery.filter = [];\r\n      let field = this.tableQuery.filter.find((x) => x.field === this.treeTableConnect);\r\n      if (field) {\r\n        field.value = node.id;\r\n        field.operation = '=';\r\n      } else {\r\n        this.tableQuery.filter = [...this.tableQuery.filter, { field: this.treeTableConnect, value: node.id, operation: '=' }];\r\n      }\r\n      this.tableCom.change(1);\r\n      this.treeActivatedId = node.id;\r\n    }\r\n    this.treeActivatedChange.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  treeCheckboxChange(node: XTreeNode) {\r\n    this.treeMultiple(node);\r\n  }\r\n\r\n  trackByItem(_index: number, item: any) {\r\n    return item.id;\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.ngAfterViewInit();\r\n    this.treeCom?.setData();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  searchKeyDown(event: KeyboardEvent): void {\r\n    if (event.key === 'Enter') {\r\n      this.searchClick();\r\n    } else if (event.key === 'Delete') {\r\n      this.search.value = '';\r\n    }\r\n  }\r\n\r\n  searchClick(): void {\r\n    if (!this.hasSearch) {\r\n      return;\r\n    }\r\n\r\n    this.tableQuery = this.tableQuery || [];\r\n    this.tableQuery.filter = this.tableQuery.filter || [];\r\n    const field = this.tableQuery.filter.find((x) => x.field === this.search.field);\r\n\r\n    if (field) {\r\n      field.value = this.search.value || '';\r\n    } else {\r\n      this.tableQuery.filter = [...this.tableQuery?.filter, this.search];\r\n    }\r\n\r\n    this.tableCom.change(1);\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div\r\n  #find\r\n  class=\"x-find\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-checked]=\"value\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-find-row\">\r\n    <x-button #buttonCom icon=\"fto-search\" [onlyIcon]=\"!bordered\" [size]=\"size\" [disabled]=\"disabled\" (click)=\"showModal()\"></x-button>\r\n    <div class=\"x-find-tags\">\r\n      <ng-container *ngIf=\"multiple; else singleTpl\">\r\n        <x-tag\r\n          *ngFor=\"let item of value; index as i; trackBy: trackByItem\"\r\n          closable\r\n          [size]=\"size\"\r\n          [bordered]=\"bordered\"\r\n          [disabled]=\"disabled\"\r\n          (close)=\"tagClose(i)\"\r\n          >{{ item[columnLabel] }}</x-tag\r\n        >\r\n      </ng-container>\r\n      <ng-template #singleTpl>\r\n        <x-tag *ngIf=\"value\" closable [disabled]=\"disabled\" [bordered]=\"bordered\" [size]=\"size\" (close)=\"tagClose()\">{{\r\n          value[columnLabel]\r\n        }}</x-tag>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<x-dialog\r\n  #dialogCom\r\n  [title]=\"dialogTitle\"\r\n  [width]=\"dialogWidth\"\r\n  [height]=\"dialogHeight\"\r\n  [buttonsCenter]=\"dialogButtonsCenter\"\r\n  [(visible)]=\"dialogVisible\"\r\n  (visibleChange)=\"dialogVisibleChange.emit($event)\"\r\n  (closeDone)=\"dialogCloseDone()\"\r\n  (cancel)=\"closeModal()\"\r\n  (close)=\"closeModal()\"\r\n  (confirm)=\"sure()\"\r\n>\r\n  <div class=\"x-find-dialog\" [class.x-find-dialog-tree-table]=\"hasTable && hasTree\">\r\n    <div class=\"x-find-dialog-tree\" *ngIf=\"hasTree\" #treeRef [style.height.px]=\"hasTreeTable && multiple && height\">\r\n      <x-tree\r\n        #treeCom\r\n        [data]=\"treeData\"\r\n        nodeHeight=\"1.8\"\r\n        [(manual)]=\"dialogVisible\"\r\n        [activatedId]=\"treeActivatedId\"\r\n        [expandedLevel]=\"treeExpandedLevel\"\r\n        (activatedChange)=\"treeActivatedClick($event)\"\r\n        [checkbox]=\"hasTreeMultiple\"\r\n        [checked]=\"treeChecked\"\r\n        (checkboxChange)=\"treeCheckboxChange($event)\"\r\n        [levelCheck]=\"!hasTreeMultiple\"\r\n      ></x-tree>\r\n    </div>\r\n    <div class=\"x-find-dialog-table\" *ngIf=\"hasTable\" #tableRef>\r\n      <div class=\"x-find-search\" *ngIf=\"hasSearch\">\r\n        <x-input [label]=\"search.label\" direction=\"row\" (xKeydown)=\"searchKeyDown($event)\" [(ngModel)]=\"search.value\"></x-input>\r\n        <x-button type=\"primary\" plain (click)=\"searchClick()\">{{ search.button || '查询' }}</x-button>\r\n      </div>\r\n      <x-table\r\n        #tableCom\r\n        [data]=\"tableData\"\r\n        [columns]=\"tableColumns\"\r\n        [(manual)]=\"dialogVisible\"\r\n        [(index)]=\"tableIndex\"\r\n        [(size)]=\"tableSize\"\r\n        [query]=\"tableQuery\"\r\n        [total]=\"tableTotal\"\r\n        [allowSelectRow]=\"!multiple\"\r\n        [checkedRow]=\"tableCheckedRow\"\r\n        [loading]=\"tableLoading\"\r\n        (indexChange)=\"tableIndexChange.emit($event)\"\r\n        (sortChange)=\"tableSortChange.emit($event)\"\r\n        [(activatedRow)]=\"tableActivatedRow\"\r\n        (activatedRowChange)=\"tableActivatedRowChange($event)\"\r\n        [rowHeight]=\"tableRowHeight\"\r\n        [bodyHeight]=\"tableBodyHeight\"\r\n        [virtualScroll]=\"tableVirtualScroll\"\r\n        [minBufferPx]=\"tableMinBufferPx\"\r\n        [maxBufferPx]=\"tableMaxBufferPx\"\r\n        [adaptionHeight]=\"tableAdaptionHeight\"\r\n        [docPercent]=\"tableDocPercent\"\r\n      ></x-table>\r\n    </div>\r\n    <div *ngIf=\"multiple\" class=\"x-find-dialog-checked\" [class.x-find-empty]=\"getEmpty\" [style.height.px]=\"height\">\r\n      <x-empty *ngIf=\"getEmpty\" [content]=\"dialogEmptyContent\"></x-empty>\r\n      <div class=\"x-find-dialog-tags\">\r\n        <x-tag *ngFor=\"let item of temp; index as i; trackBy: trackByItem\" closable (close)=\"tempClose(i, item)\">\r\n          <span>{{ item[columnLabel] }}</span>\r\n        </x-tag>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</x-dialog>\r\n\r\n<ng-template #treeLabelTpl let-node=\"$node\">\r\n  <div class=\"x-find-dialog-tree-node\">\r\n    <span>{{ node.label }} </span>\r\n    <x-icon type=\"fto-check\" *ngIf=\"node.$checked\"></x-icon>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XFindComponent } from './find.component';\r\nimport { XFindProperty } from './find.property';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XDialogModule } from '@ng-nest/ui/dialog';\r\nimport { XTableModule } from '@ng-nest/ui/table';\r\nimport { XTagModule } from '@ng-nest/ui/tag';\r\nimport { XEmptyModule } from '@ng-nest/ui/empty';\r\nimport { XTreeModule } from '@ng-nest/ui/tree';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\n\r\n@NgModule({\r\n  declarations: [XFindComponent, XFindProperty],\r\n  exports: [XFindComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XTagModule,\r\n    XButtonModule,\r\n    XDialogModule,\r\n    XTableModule,\r\n    XTreeModule,\r\n    XIconModule,\r\n    XEmptyModule,\r\n    XInputModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XFindModule {}\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-form.mjs

@@ -82,8 +82,8 @@ class XFormProperty extends XFormProp {
         this.controlTpl = {};
     }
 }
-/** @nocollapse */ /** @nocollapse */ XFormProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XFormProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XFormProperty, selector: "ng-component", inputs: { formGroup: "formGroup", title: "title", space: "space", span: "span", labelSuffix: "labelSuffix", controls: "controls", width: "width", controlTpl: "controlTpl" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XFormProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XFormProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XFormProperty, selector: "ng-component", inputs: { formGroup: "formGroup", title: "title", space: "space", span: "span", labelSuffix: "labelSuffix", controls: "controls", width: "width", controlTpl: "controlTpl" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 1),
     XInputNumber()
@@ -97,7 +97,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, '100%')
 ], XFormProperty.prototype, "width", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { formGroup: [{
@@ -140,9 +140,9 @@ const XControlPrefix = 'x-control';
  */
 class XControlProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XControlProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XControlProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XControlProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XControlProperty, selector: "ng-component", inputs: { option: "option" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XControlProperty, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XControlProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XControlProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XControlProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XControlProperty, selector: "ng-component", inputs: { option: "option" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XControlProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { option: [{
@@ -370,9 +370,9 @@ class XControlComponent extends XControlProperty {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XControlComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XControlComponent, selector: "x-control", inputs: { option: "option", form: "form" }, viewQueries: [{ propertyName: "control", first: true, predicate: FormControlName, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-control\" [formGroup]=\"form.formGroup\">\r\n  <ng-container [ngSwitch]=\"option.control\">\r\n    <ng-container *ngSwitchCase=\"'input'\">\r\n      <x-input [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-input>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'select'\">\r\n      <x-select [formControlName]=\"option.id\"></x-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'cascade'\">\r\n      <x-cascade [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-cascade>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox [formControlName]=\"option.id\"></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'color-picker'\">\r\n      <x-color-picker [formControlName]=\"option.id\"></x-color-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date-picker'\">\r\n      <x-date-picker [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-date-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'input-number'\">\r\n      <x-input-number [formControlName]=\"option.id\"></x-input-number>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n      <x-radio [formControlName]=\"option.id\"></x-radio>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rate'\">\r\n      <x-rate [formControlName]=\"option.id\"></x-rate>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'slider-select'\">\r\n      <x-slider-select [formControlName]=\"option.id\"></x-slider-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'switch'\">\r\n      <x-switch [formControlName]=\"option.id\"></x-switch>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'time-picker'\">\r\n      <x-time-picker [formControlName]=\"option.id\"></x-time-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n      <x-textarea [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'auto-complete'\">\r\n      <x-auto-complete [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-auto-complete>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'find'\">\r\n      <x-find [formControlName]=\"option.id\"></x-find>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", components: [{ type: i2.XInputComponent, selector: "x-input" }, { type: i3.XSelectComponent, selector: "x-select" }, { type: i4.XCascadeComponent, selector: "x-cascade" }, { type: i5.XCheckboxComponent, selector: "x-checkbox" }, { type: i6.XColorPickerComponent, selector: "x-color-picker" }, { type: i7.XDatePickerComponent, selector: "x-date-picker" }, { type: i8.XInputNumberComponent, selector: "x-input-number" }, { type: i9.XRadioComponent, selector: "x-radio" }, { type: i10.XRateComponent, selector: "x-rate" }, { type: i11.XSliderSelectComponent, selector: "x-slider-select" }, { type: i12.XSwitchComponent, selector: "x-switch" }, { type: i13.XTimePickerComponent, selector: "x-time-picker" }, { type: i14.XTextareaComponent, selector: "x-textarea" }, { type: i15.XAutoCompleteComponent, selector: "x-auto-complete" }, { type: i16.XFindComponent, selector: "x-find" }], directives: [{ type: i17.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i17.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i17.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i17.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XControlComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XControlComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XControlComponent, selector: "x-control", inputs: { option: "option", form: "form" }, viewQueries: [{ propertyName: "control", first: true, predicate: FormControlName, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-control\" [formGroup]=\"form.formGroup\">\r\n  <ng-container [ngSwitch]=\"option.control\">\r\n    <ng-container *ngSwitchCase=\"'input'\">\r\n      <x-input [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-input>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'select'\">\r\n      <x-select [formControlName]=\"option.id\"></x-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'cascade'\">\r\n      <x-cascade [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-cascade>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox [formControlName]=\"option.id\"></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'color-picker'\">\r\n      <x-color-picker [formControlName]=\"option.id\"></x-color-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date-picker'\">\r\n      <x-date-picker [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-date-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'input-number'\">\r\n      <x-input-number [formControlName]=\"option.id\"></x-input-number>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n      <x-radio [formControlName]=\"option.id\"></x-radio>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rate'\">\r\n      <x-rate [formControlName]=\"option.id\"></x-rate>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'slider-select'\">\r\n      <x-slider-select [formControlName]=\"option.id\"></x-slider-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'switch'\">\r\n      <x-switch [formControlName]=\"option.id\"></x-switch>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'time-picker'\">\r\n      <x-time-picker [formControlName]=\"option.id\"></x-time-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n      <x-textarea [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'auto-complete'\">\r\n      <x-auto-complete [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-auto-complete>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'find'\">\r\n      <x-find [formControlName]=\"option.id\"></x-find>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", components: [{ type: i2.XInputComponent, selector: "x-input" }, { type: i3.XSelectComponent, selector: "x-select" }, { type: i4.XCascadeComponent, selector: "x-cascade" }, { type: i5.XCheckboxComponent, selector: "x-checkbox" }, { type: i6.XColorPickerComponent, selector: "x-color-picker" }, { type: i7.XDatePickerComponent, selector: "x-date-picker" }, { type: i8.XInputNumberComponent, selector: "x-input-number" }, { type: i9.XRadioComponent, selector: "x-radio" }, { type: i10.XRateComponent, selector: "x-rate" }, { type: i11.XSliderSelectComponent, selector: "x-slider-select" }, { type: i12.XSwitchComponent, selector: "x-switch" }, { type: i13.XTimePickerComponent, selector: "x-time-picker" }, { type: i14.XTextareaComponent, selector: "x-textarea" }, { type: i15.XAutoCompleteComponent, selector: "x-auto-complete" }, { type: i16.XFindComponent, selector: "x-find" }], directives: [{ type: i17.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i17.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i17.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i17.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-control', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-control\" [formGroup]=\"form.formGroup\">\r\n  <ng-container [ngSwitch]=\"option.control\">\r\n    <ng-container *ngSwitchCase=\"'input'\">\r\n      <x-input [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-input>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'select'\">\r\n      <x-select [formControlName]=\"option.id\"></x-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'cascade'\">\r\n      <x-cascade [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-cascade>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox [formControlName]=\"option.id\"></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'color-picker'\">\r\n      <x-color-picker [formControlName]=\"option.id\"></x-color-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date-picker'\">\r\n      <x-date-picker [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-date-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'input-number'\">\r\n      <x-input-number [formControlName]=\"option.id\"></x-input-number>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n      <x-radio [formControlName]=\"option.id\"></x-radio>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rate'\">\r\n      <x-rate [formControlName]=\"option.id\"></x-rate>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'slider-select'\">\r\n      <x-slider-select [formControlName]=\"option.id\"></x-slider-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'switch'\">\r\n      <x-switch [formControlName]=\"option.id\"></x-switch>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'time-picker'\">\r\n      <x-time-picker [formControlName]=\"option.id\"></x-time-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n      <x-textarea [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'auto-complete'\">\r\n      <x-auto-complete [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-auto-complete>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'find'\">\r\n      <x-find [formControlName]=\"option.id\"></x-find>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { option: [{
@@ -464,9 +464,9 @@ class XFormComponent extends XFormProperty {
         return item.id;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XFormComponent, selector: "x-form", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form\r\n  #form\r\n  class=\"x-form\"\r\n  [formGroup]=\"formGroup\"\r\n  [style.width]=\"width\"\r\n  [style.padding-bottom.rem]=\"controlsType === 'controls' ? this.space : 0\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <ng-container [ngSwitch]=\"controlsType\">\r\n    <ng-container *ngSwitchCase=\"'controls'\">\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: controls }\"> </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rows'\">\r\n      <ng-container *ngTemplateOutlet=\"rowsTemp; context: { rows: controls }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</form>\r\n\r\n<ng-template #rowsTemp let-rows=\"rows\">\r\n  <ng-container *ngFor=\"let row of rows\">\r\n    <x-row [hidden]=\"row.hidden\">\r\n      <ng-container *ngTemplateOutlet=\"titleTemp; context: { row: row }\"></ng-container>\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: row.controls }\"></ng-container>\r\n    </x-row>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #controlsTemp let-controls=\"controls\">\r\n  <x-row [space]=\"space\">\r\n    <x-col\r\n      [style.padding-top.rem]=\"space\"\r\n      [span]=\"!control.span ? span : control.span\"\r\n      *ngFor=\"let control of controls; trackBy: trackByControl\"\r\n      [hidden]=\"control.hidden\"\r\n    >\r\n      <ng-container *xOutlet=\"controlTpl[control.id]; context: { $option: control }\">\r\n        <x-control [option]=\"control\" [form]=\"this\"></x-control>\r\n      </ng-container>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n\r\n<ng-template #titleTemp let-row=\"row\">\r\n  <label class=\"x-form-title\">\r\n    <x-icon *ngIf=\"row.icon\" [type]=\"row.icon\"></x-icon>\r\n    <span>{{ row.title }}</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".x-form{margin:0;padding:0;display:inline-block}.x-form-title{display:flex;align-items:center;font-size:var(--x-font-size-medium)}.x-form-title>x-icon{margin-right:.25rem}.x-form-rows>x-row[hidden]{display:none}.x-form-rows>x-row:not(:first-child){margin-top:1.5rem}.x-form x-col[hidden]{display:none}\n"], components: [{ type: i2$1.XRowComponent, selector: "x-row" }, { type: i2$1.XColComponent, selector: "x-col" }, { type: XControlComponent, selector: "x-control", inputs: ["option", "form"] }, { type: i4$1.XIconComponent, selector: "x-icon" }], directives: [{ type: i17.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i17.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i17.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$1.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XFormComponent, selector: "x-form", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form\r\n  #form\r\n  class=\"x-form\"\r\n  [formGroup]=\"formGroup\"\r\n  [style.width]=\"width\"\r\n  [style.padding-bottom.rem]=\"controlsType === 'controls' ? this.space : 0\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <ng-container [ngSwitch]=\"controlsType\">\r\n    <ng-container *ngSwitchCase=\"'controls'\">\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: controls }\"> </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rows'\">\r\n      <ng-container *ngTemplateOutlet=\"rowsTemp; context: { rows: controls }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</form>\r\n\r\n<ng-template #rowsTemp let-rows=\"rows\">\r\n  <ng-container *ngFor=\"let row of rows\">\r\n    <x-row [hidden]=\"row.hidden\">\r\n      <ng-container *ngTemplateOutlet=\"titleTemp; context: { row: row }\"></ng-container>\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: row.controls }\"></ng-container>\r\n    </x-row>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #controlsTemp let-controls=\"controls\">\r\n  <x-row [space]=\"space\">\r\n    <x-col\r\n      [style.padding-top.rem]=\"space\"\r\n      [span]=\"!control.span ? span : control.span\"\r\n      *ngFor=\"let control of controls; trackBy: trackByControl\"\r\n      [hidden]=\"control.hidden\"\r\n    >\r\n      <ng-container *xOutlet=\"controlTpl[control.id]; context: { $option: control }\">\r\n        <x-control [option]=\"control\" [form]=\"this\"></x-control>\r\n      </ng-container>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n\r\n<ng-template #titleTemp let-row=\"row\">\r\n  <label class=\"x-form-title\">\r\n    <x-icon *ngIf=\"row.icon\" [type]=\"row.icon\"></x-icon>\r\n    <span>{{ row.title }}</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".x-form{margin:0;padding:0;display:inline-block}.x-form-title{display:flex;align-items:center;font-size:var(--x-font-size-medium)}.x-form-title>x-icon{margin-right:.25rem}.x-form-rows>x-row[hidden]{display:none}.x-form-rows>x-row:not(:first-child){margin-top:1.5rem}.x-form x-col[hidden]{display:none}\n"], components: [{ type: i2$1.XRowComponent, selector: "x-row" }, { type: i2$1.XColComponent, selector: "x-col" }, { type: XControlComponent, selector: "x-control", inputs: ["option", "form"] }, { type: i4$1.XIconComponent, selector: "x-icon" }], directives: [{ type: i17.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i17.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i17.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$1.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XFormPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\r\n  #form\r\n  class=\"x-form\"\r\n  [formGroup]=\"formGroup\"\r\n  [style.width]=\"width\"\r\n  [style.padding-bottom.rem]=\"controlsType === 'controls' ? this.space : 0\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <ng-container [ngSwitch]=\"controlsType\">\r\n    <ng-container *ngSwitchCase=\"'controls'\">\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: controls }\"> </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rows'\">\r\n      <ng-container *ngTemplateOutlet=\"rowsTemp; context: { rows: controls }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</form>\r\n\r\n<ng-template #rowsTemp let-rows=\"rows\">\r\n  <ng-container *ngFor=\"let row of rows\">\r\n    <x-row [hidden]=\"row.hidden\">\r\n      <ng-container *ngTemplateOutlet=\"titleTemp; context: { row: row }\"></ng-container>\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: row.controls }\"></ng-container>\r\n    </x-row>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #controlsTemp let-controls=\"controls\">\r\n  <x-row [space]=\"space\">\r\n    <x-col\r\n      [style.padding-top.rem]=\"space\"\r\n      [span]=\"!control.span ? span : control.span\"\r\n      *ngFor=\"let control of controls; trackBy: trackByControl\"\r\n      [hidden]=\"control.hidden\"\r\n    >\r\n      <ng-container *xOutlet=\"controlTpl[control.id]; context: { $option: control }\">\r\n        <x-control [option]=\"control\" [form]=\"this\"></x-control>\r\n      </ng-container>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n\r\n<ng-template #titleTemp let-row=\"row\">\r\n  <label class=\"x-form-title\">\r\n    <x-icon *ngIf=\"row.icon\" [type]=\"row.icon\"></x-icon>\r\n    <span>{{ row.title }}</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".x-form{margin:0;padding:0;display:inline-block}.x-form-title{display:flex;align-items:center;font-size:var(--x-font-size-medium)}.x-form-title>x-icon{margin-right:.25rem}.x-form-rows>x-row[hidden]{display:none}.x-form-rows>x-row:not(:first-child){margin-top:1.5rem}.x-form x-col[hidden]{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
@@ -494,8 +494,8 @@ const modules = [
 ];
 class XFormModule {
 }
-/** @nocollapse */ /** @nocollapse */ XFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormModule, declarations: [XFormComponent, XControlComponent, XFormProperty, XControlProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XLayoutModule,
+/** @nocollapse */ /** @nocollapse */ XFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormModule, declarations: [XFormComponent, XControlComponent, XFormProperty, XControlProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XLayoutModule,
         XIconModule,
         XInputModule,
         XSelectModule,
@@ -514,8 +514,8 @@ class XFormModule {
         XAutoCompleteModule,
         XOutletModule,
         XBaseFormModule], exports: [XFormComponent, XControlComponent] });
-/** @nocollapse */ /** @nocollapse */ XFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, ...modules]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFormModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, ...modules]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XFormComponent, XControlComponent, XFormProperty, XControlProperty],

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

@@ -23,9 +23,9 @@ class XHighlightProperty extends XProperty {
         this.highlightLines = {};
     }
 }
-/** @nocollapse */ /** @nocollapse */ XHighlightProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XHighlightProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHighlightProperty, selector: "ng-component", inputs: { type: "type", data: "data", highlightLines: "highlightLines" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightProperty, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XHighlightProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHighlightProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XHighlightProperty, selector: "ng-component", inputs: { type: "type", data: "data", highlightLines: "highlightLines" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { type: [{
@@ -89,9 +89,9 @@ class XHighlightComponent extends XHighlightProperty {
         return result;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XHighlightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XHighlightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHighlightComponent, selector: "x-highlight", viewQueries: [{ propertyName: "codeRef", first: true, predicate: ["code"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<pre>\r\n  <code #code class=\"language-{{ type }}\" [innerHTML]=\"display\"></code>\r\n</pre>\r\n", styles: [".x-highlight{margin:0;padding:0;display:block;line-height:0;width:100%;border:.0625rem solid var(--x-border)}.x-highlight>pre{display:flex;padding:.875rem .875rem .875rem 3.5rem;margin:0;overflow:auto;background-color:var(--x-background);counter-reset:line-number}.x-highlight>pre>code{position:relative;line-height:1.1875rem;text-shadow:none;white-space:inherit;min-width:100%;color:var(--x-text)}.x-highlight>pre>code>span.line-numbers{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5rem;width:3.5rem;letter-spacing:-1px;-webkit-user-select:none;user-select:none;color:var(--x-text-400)}.x-highlight>pre>code>span.line-numbers>span:before{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-right:.5rem;margin-right:.875rem;text-align:right;pointer-events:none;display:block;counter-increment:line-number;content:counter(line-number)}.x-highlight>pre>code>.line-highlight{position:absolute;opacity:.1;pointer-events:none;line-height:inherit;white-space:pre;width:calc(100% + 3.5rem);left:-3.5rem;border-radius:var(--x-border-radius)}.x-highlight>pre>code>.line-highlight.primary{background-color:var(--x-primary)}.x-highlight>pre>code>.line-highlight.success{background-color:var(--x-success)}.x-highlight>pre>code>.line-highlight.warning{background-color:var(--x-warning)}.x-highlight>pre>code>.line-highlight.danger{background-color:var(--x-danger)}.x-highlight>pre>code>.line-highlight.info{background-color:var(--x-info)}.x-highlight .token.operator,.x-highlight .token.entity,.x-highlight .token.url,.x-highlight .language-css .token.string,.x-highlight .style .token.string{color:var(--x-text);background:transparent}.x-highlight .token.property,.x-highlight .token.tag,.x-highlight .token.boolean,.x-highlight .token.number,.x-highlight .token.constant,.x-highlight .token.symbol,.x-highlight .token.deleted{color:#e6a23c}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XHighlightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHighlightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XHighlightComponent, selector: "x-highlight", viewQueries: [{ propertyName: "codeRef", first: true, predicate: ["code"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<pre>\r\n  <code #code class=\"language-{{ type }}\" [innerHTML]=\"display\"></code>\r\n</pre>\r\n", styles: [".x-highlight{margin:0;padding:0;display:block;line-height:0;width:100%;border:.0625rem solid var(--x-border)}.x-highlight>pre{display:flex;padding:.875rem .875rem .875rem 3.5rem;margin:0;overflow:auto;background-color:var(--x-background);counter-reset:line-number}.x-highlight>pre>code{position:relative;line-height:1.1875rem;text-shadow:none;white-space:inherit;min-width:100%;color:var(--x-text)}.x-highlight>pre>code>span.line-numbers{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5rem;width:3.5rem;letter-spacing:-1px;-webkit-user-select:none;user-select:none;color:var(--x-text-400)}.x-highlight>pre>code>span.line-numbers>span:before{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-right:.5rem;margin-right:.875rem;text-align:right;pointer-events:none;display:block;counter-increment:line-number;content:counter(line-number)}.x-highlight>pre>code>.line-highlight{position:absolute;opacity:.1;pointer-events:none;line-height:inherit;white-space:pre;width:calc(100% + 3.5rem);left:-3.5rem;border-radius:var(--x-border-radius)}.x-highlight>pre>code>.line-highlight.primary{background-color:var(--x-primary)}.x-highlight>pre>code>.line-highlight.success{background-color:var(--x-success)}.x-highlight>pre>code>.line-highlight.warning{background-color:var(--x-warning)}.x-highlight>pre>code>.line-highlight.danger{background-color:var(--x-danger)}.x-highlight>pre>code>.line-highlight.info{background-color:var(--x-info)}.x-highlight .token.operator,.x-highlight .token.entity,.x-highlight .token.url,.x-highlight .language-css .token.string,.x-highlight .style .token.string{color:var(--x-text);background:transparent}.x-highlight .token.property,.x-highlight .token.tag,.x-highlight .token.boolean,.x-highlight .token.number,.x-highlight .token.constant,.x-highlight .token.symbol,.x-highlight .token.deleted{color:#e6a23c}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XHighlightPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<pre>\r\n  <code #code class=\"language-{{ type }}\" [innerHTML]=\"display\"></code>\r\n</pre>\r\n", styles: [".x-highlight{margin:0;padding:0;display:block;line-height:0;width:100%;border:.0625rem solid var(--x-border)}.x-highlight>pre{display:flex;padding:.875rem .875rem .875rem 3.5rem;margin:0;overflow:auto;background-color:var(--x-background);counter-reset:line-number}.x-highlight>pre>code{position:relative;line-height:1.1875rem;text-shadow:none;white-space:inherit;min-width:100%;color:var(--x-text)}.x-highlight>pre>code>span.line-numbers{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5rem;width:3.5rem;letter-spacing:-1px;-webkit-user-select:none;user-select:none;color:var(--x-text-400)}.x-highlight>pre>code>span.line-numbers>span:before{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-right:.5rem;margin-right:.875rem;text-align:right;pointer-events:none;display:block;counter-increment:line-number;content:counter(line-number)}.x-highlight>pre>code>.line-highlight{position:absolute;opacity:.1;pointer-events:none;line-height:inherit;white-space:pre;width:calc(100% + 3.5rem);left:-3.5rem;border-radius:var(--x-border-radius)}.x-highlight>pre>code>.line-highlight.primary{background-color:var(--x-primary)}.x-highlight>pre>code>.line-highlight.success{background-color:var(--x-success)}.x-highlight>pre>code>.line-highlight.warning{background-color:var(--x-warning)}.x-highlight>pre>code>.line-highlight.danger{background-color:var(--x-danger)}.x-highlight>pre>code>.line-highlight.info{background-color:var(--x-info)}.x-highlight .token.operator,.x-highlight .token.entity,.x-highlight .token.url,.x-highlight .language-css .token.string,.x-highlight .style .token.string{color:var(--x-text);background:transparent}.x-highlight .token.property,.x-highlight .token.tag,.x-highlight .token.boolean,.x-highlight .token.number,.x-highlight .token.constant,.x-highlight .token.symbol,.x-highlight .token.deleted{color:#e6a23c}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { codeRef: [{
@@ -101,10 +101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
 
 class XHighlightModule {
 }
-/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, declarations: [XHighlightComponent, XHighlightProperty], imports: [CommonModule], exports: [XHighlightComponent] });
-/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightModule, declarations: [XHighlightComponent, XHighlightProperty], imports: [CommonModule], exports: [XHighlightComponent] });
+/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XHighlightModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XHighlightComponent, XHighlightProperty],

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

@@ -166,9 +166,9 @@ class XI18nService {
         return index === depth ? res : null;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XI18nService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nService, deps: [{ token: X_I18N, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XI18nService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XI18nService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nService, deps: [{ token: X_I18N, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XI18nService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -196,9 +196,9 @@ class XI18nPipe {
         return this.catchContent;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XI18nPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nPipe, deps: [{ token: XI18nService }], target: i0.ɵɵFactoryTarget.Pipe });
-/** @nocollapse */ /** @nocollapse */ XI18nPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nPipe, name: "xI18n", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nPipe, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XI18nPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nPipe, deps: [{ token: XI18nService }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ /** @nocollapse */ XI18nPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nPipe, name: "xI18n", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'xI18n',
@@ -228,9 +228,9 @@ class XI18nDirective {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XI18nDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nDirective, deps: [{ token: XI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ XI18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: XI18nDirective, selector: "[x-i18n]", inputs: { path: ["x-i18n", "path"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nDirective, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XI18nDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nDirective, deps: [{ token: XI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ XI18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: XI18nDirective, selector: "[x-i18n]", inputs: { path: ["x-i18n", "path"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[x-i18n]'
@@ -242,10 +242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
 
 class XI18nModule {
 }
-/** @nocollapse */ /** @nocollapse */ XI18nModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XI18nModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nModule, declarations: [XI18nPipe, XI18nDirective], exports: [XI18nPipe, XI18nDirective] });
-/** @nocollapse */ /** @nocollapse */ XI18nModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XI18nModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XI18nModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XI18nModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nModule, declarations: [XI18nPipe, XI18nDirective], exports: [XI18nPipe, XI18nDirective] });
+/** @nocollapse */ /** @nocollapse */ XI18nModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XI18nModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XI18nPipe, XI18nDirective],

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

@@ -22,8 +22,8 @@ const XIconHref = 'https://ngnest.com/static/icons/';
  */
 class XIconProperty extends XProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XIconProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XIconProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XIconProperty, selector: "ng-component", inputs: { href: "href", type: "type", color: "color", rotate: "rotate", spin: "spin", to: "to" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XIconProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XIconProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XIconProperty, selector: "ng-component", inputs: { href: "href", type: "type", color: "color", rotate: "rotate", spin: "spin", to: "to" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, XIconHref)
 ], XIconProperty.prototype, "href", void 0);
@@ -33,7 +33,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XIconProperty.prototype, "spin", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { href: [{
@@ -119,9 +119,9 @@ class XIconService {
         return this.http.get(safeUrl, { responseType: 'text' });
     }
 }
-/** @nocollapse */ /** @nocollapse */ XIconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconService, deps: [{ token: i1.DomSanitizer }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XIconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XIconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconService, deps: [{ token: i1.DomSanitizer }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XIconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.HttpClient }]; } });
 
@@ -289,9 +289,9 @@ class XIconComponent extends XIconProperty {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: XIconService }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT, optional: true }, { token: i2$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XIconComponent, selector: "x-icon", host: { properties: { "class.x-icon-spin": "this.getSpin" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\r\n", styles: ["@keyframes x-icon-spin{to{transform:rotate(360deg)}}.x-icon{margin:0;padding:0;display:inline-block;line-height:0;text-align:center;vertical-align:-.125em}.x-icon-spin{animation:1s linear infinite x-icon-spin}.x-icon[left]{margin-right:.25rem}.x-icon[right]{margin-left:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: XIconService }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT, optional: true }, { token: i2$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XIconComponent, selector: "x-icon", host: { properties: { "class.x-icon-spin": "this.getSpin" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\r\n", styles: ["@keyframes x-icon-spin{to{transform:rotate(360deg)}}.x-icon{margin:0;padding:0;display:inline-block;line-height:0;text-align:center;vertical-align:-.125em}.x-icon-spin{animation:1s linear infinite x-icon-spin}.x-icon[left]{margin-right:.25rem}.x-icon[right]{margin-left:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XIconPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n", styles: ["@keyframes x-icon-spin{to{transform:rotate(360deg)}}.x-icon{margin:0;padding:0;display:inline-block;line-height:0;text-align:center;vertical-align:-.125em}.x-icon-spin{animation:1s linear infinite x-icon-spin}.x-icon[left]{margin-right:.25rem}.x-icon[right]{margin-left:.25rem}\n"] }]
         }], ctorParameters: function () {
@@ -308,10 +308,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
 
 class XIconModule {
 }
-/** @nocollapse */ /** @nocollapse */ XIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconModule, declarations: [XIconComponent, XIconProperty], imports: [CommonModule, HttpClientModule], exports: [XIconComponent] });
-/** @nocollapse */ /** @nocollapse */ XIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconModule, providers: [XIconService], imports: [[CommonModule, HttpClientModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XIconModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconModule, declarations: [XIconComponent, XIconProperty], imports: [CommonModule, HttpClientModule], exports: [XIconComponent] });
+/** @nocollapse */ /** @nocollapse */ XIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconModule, providers: [XIconService], imports: [[CommonModule, HttpClientModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XIconModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XIconComponent, XIconProperty],