@ng-nest/ui 12.0.8 → 13.0.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-anchor.js","sources":["../../../../lib/ng-nest/ui/anchor/anchor.property.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.html","../../../../lib/ng-nest/ui/anchor/anchor.module.ts","../../../../lib/ng-nest/ui/anchor/ng-nest-ui-anchor.ts"],"sourcesContent":["import { XIdentityProperty, XProperty, XJustify, XWithConfig, XPosition, XPositionLeftRight } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Anchor\r\n * @selector x-anchor\r\n * @decorator component\r\n */\r\nexport const XAnchorPrefix = 'x-anchor';\r\nconst X_CONFIG_NAME = 'anchor';\r\n\r\n/**\r\n * Anchor Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAnchorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 滚动区域对象\r\n   * @en_US Scroll area object\r\n   */\r\n  @Input() scroll!: HTMLElement;\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Top distance\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0') affixTop!: string;\r\n  /**\r\n   * @zh_CN 导航相对内容位置\r\n   * @en_US Navigation relative content position\r\n   */\r\n  @Input() @XWithConfig<XAnchorLayout>(X_CONFIG_NAME, 'right') layout!: XAnchorLayout;\r\n  /**\r\n   * @zh_CN 对齐方式\r\n   * @en_US Alignment\r\n   */\r\n  @Input() @XWithConfig<XJustify>(X_CONFIG_NAME, 'start') justify!: XJustify;\r\n}\r\n\r\n/**\r\n * Anchor Node\r\n */\r\nexport interface XAnchorNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 左内边距，用来显示层级\r\n   * @en_US Left inner margin, used to display hierarchy\r\n   */\r\n  left?: number;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 锚点的链接\r\n   * @en_US Anchor link\r\n   */\r\n  link?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式，相对内容的位置\r\n * @en_US Layout method, relative content position\r\n */\r\nexport type XAnchorLayout = XPositionLeftRight;\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  AfterViewInit,\r\n  Inject,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XAnchorPrefix, XAnchorNode, XAnchorProperty } from './anchor.property';\r\nimport { computedStyle, XIsEmpty, reqAnimFrame, XIsNumber, XIsUndefined, XConfigService } from '@ng-nest/ui/core';\r\nimport { XSliderNode } from '@ng-nest/ui/slider';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { throttleTime, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XAnchorPrefix}`,\r\n  templateUrl: './anchor.component.html',\r\n  styleUrls: ['./anchor.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAnchorComponent extends XAnchorProperty implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild('anchor', { static: true }) anchor!: ElementRef;\r\n  @ViewChild('content', { static: true }) content!: ElementRef;\r\n  hElements: HTMLElement[] = [];\r\n  sliderData: XSliderNode[] = [];\r\n  activatedIndex: number = 0;\r\n  sliderHeight?: number;\r\n  document: Document;\r\n  private _scrolling = false;\r\n  private _fontSize: number;\r\n  private _unSubject = new Subject();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    @Inject(DOCUMENT) doc: any,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.document = doc;\r\n    this._fontSize = parseFloat(computedStyle(this.document.documentElement, 'font-size'));\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setSliderData();\r\n    this.setHeight();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setScroll();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  activatedChange(index: number) {\r\n    if (XIsEmpty(this.hElements) || XIsUndefined(this.scroll)) return;\r\n\r\n    this._scrolling = true;\r\n    const hElement = this.hElements[index];\r\n    let scrollTop = hElement.offsetTop - this.anchor.nativeElement.offsetTop - parseFloat(computedStyle(hElement, 'margin-top'));\r\n    let maxScrollTop = this.scroll.scrollHeight - this.scroll.clientHeight;\r\n    if (scrollTop > maxScrollTop) scrollTop = maxScrollTop;\r\n    this.scrollTo(this.scroll, parseInt(`${scrollTop}`), 150);\r\n  }\r\n\r\n  private setClassMap() {\r\n    this.classMap[`${XAnchorPrefix}-${this.layout}`] = !XIsEmpty(this.layout);\r\n  }\r\n\r\n  private setScroll() {\r\n    fromEvent(this.scroll ? this.scroll : window, 'scroll')\r\n      .pipe(throttleTime(10), takeUntil(this._unSubject))\r\n      .subscribe((x) => {\r\n        if (this._scrolling) return;\r\n        this.setActivatedByScroll();\r\n      });\r\n    if (!this.scroll) {\r\n      this.scroll = this.document.documentElement;\r\n    }\r\n  }\r\n\r\n  private setActivatedByScroll() {\r\n    let now = 0;\r\n    this.hElements.forEach((h, index) => {\r\n      let distance = this.scroll.scrollTop + this.anchor.nativeElement.offsetTop;\r\n      if (distance >= h.offsetTop) {\r\n        now = index;\r\n        return;\r\n      }\r\n    });\r\n    this.activatedIndex = now;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setSliderData() {\r\n    this.hElements = this.content.nativeElement.querySelectorAll(':scope> h1,:scope> h2,:scope> h3,:scope> h4,:scope> h5');\r\n    if (this.hElements.length > 0) {\r\n      let list: XAnchorNode[] = [];\r\n      this.hElements.forEach((x: HTMLElement, i: number) => {\r\n        const link = `x-anchor-${i}`;\r\n        const left = this.setLeft(x);\r\n        this.renderer.setAttribute(x, 'id', link);\r\n        list = [\r\n          ...list,\r\n          {\r\n            id: i,\r\n            label: x.innerText,\r\n            left: left,\r\n            link: link\r\n          }\r\n        ];\r\n      });\r\n      this.sliderData = list;\r\n    }\r\n  }\r\n\r\n  private setLeft(element: HTMLElement): number {\r\n    const eles = ['H1', 'H2', 'H3', 'H4', 'H5'];\r\n    const index = eles.indexOf(element.tagName);\r\n    return index + 1;\r\n  }\r\n\r\n  private setHeight() {\r\n    if (this.scroll) {\r\n      let height = this.scroll.offsetHeight;\r\n      let top = parseFloat(computedStyle(this.scroll, 'padding-top'));\r\n      let borderTop = parseFloat(computedStyle(this.scroll, 'border-top'));\r\n      let bottom = parseFloat(computedStyle(this.scroll, 'padding-bottom'));\r\n      let borderBottom = parseFloat(computedStyle(this.scroll, 'border-bottom'));\r\n      this.sliderHeight = height - top - bottom - borderTop - borderBottom - this.getTop();\r\n    }\r\n  }\r\n\r\n  private getTop() {\r\n    if (this.affixTop === '0') return 0;\r\n    if (XIsNumber(this.affixTop)) return Number(this.affixTop);\r\n    else if (this.affixTop.indexOf('rem') !== -1) return Number(this.affixTop.replace(/rem/g, '')) * this._fontSize;\r\n    else if (this.affixTop.indexOf('px') !== -1) return Number(this.affixTop.replace(/px/g, ''));\r\n    return 0;\r\n  }\r\n\r\n  private scrollTo(element: HTMLElement, to: number, duration: number) {\r\n    const difference = to - element.scrollTop;\r\n    const perTick = (difference / duration) * 10;\r\n    reqAnimFrame(() => {\r\n      element.scrollTop = element.scrollTop + perTick;\r\n      if (element.scrollTop === to || duration <= 0) {\r\n        setTimeout(() => (this._scrolling = false), 20);\r\n        return;\r\n      } else {\r\n        this.scrollTo(element, to, duration - 10);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAnchorComponent } from './anchor.component';\r\nimport { XAffixModule } from '@ng-nest/ui/affix';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XAnchorProperty } from './anchor.property';\r\n\r\n@NgModule({\r\n  declarations: [XAnchorComponent, XAnchorProperty],\r\n  exports: [XAnchorComponent],\r\n  imports: [CommonModule, XAffixModule, XSliderModule]\r\n})\r\nexport class XAnchorModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA;;;;;MAKa,aAAa,GAAG,WAAW;AACxC,MAAM,aAAa,GAAG,QAAQ,CAAC;AAE/B;;;MAIa,eAAgB,SAAQ,SAAS;;+HAAjC,eAAe;mHAAf,eAAe,qKADL,EAAE;AAW2B;IAAxC,WAAW,CAAS,aAAa,EAAE,GAAG,CAAC;iDAAmB;AAKP;IAAnD,WAAW,CAAgB,aAAa,EAAE,OAAO,CAAC;+CAAwB;AAK5B;IAA9C,WAAW,CAAW,aAAa,EAAE,OAAO,CAAC;gDAAoB;2FApBhE,eAAe;kBAD3B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMhB,MAAM;sBAAd,KAAK;gBAK4C,QAAQ;sBAAzD,KAAK;gBAKuD,MAAM;sBAAlE,KAAK;gBAKkD,OAAO;sBAA9D,KAAK;;;MCRK,gBAAiB,SAAQ,eAAe;IAYnD,YACS,QAAmB,EACnB,UAAsB,EACtB,GAAsB,EACX,GAAQ,EACnB,aAA6B;QAEpC,KAAK,EAAE,CAAC;QAND,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACtB,QAAG,GAAH,GAAG,CAAmB;QAEtB,kBAAa,GAAb,aAAa,CAAgB;QAdtC,cAAS,GAAkB,EAAE,CAAC;QAC9B,eAAU,GAAkB,EAAE,CAAC;QAC/B,mBAAc,GAAW,CAAC,CAAC;QAGnB,eAAU,GAAG,KAAK,CAAC;QAEnB,eAAU,GAAG,IAAI,OAAO,EAAE,CAAC;QAUjC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;KACxF;IAED,QAAQ;QACN,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;IAED,eAAe;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;KAC/B;IAED,eAAe,CAAC,KAAa;QAC3B,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;YAAE,OAAO;QAElE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,SAAS,GAAG,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,GAAG,UAAU,CAAC,aAAa,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;QAC7H,IAAI,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QACvE,IAAI,SAAS,GAAG,YAAY;YAAE,SAAS,GAAG,YAAY,CAAC;QACvD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;KAC3D;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,CAAC,GAAG,aAAa,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3E;IAEO,SAAS;QACf,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC;aACpD,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aAClD,SAAS,CAAC,CAAC,CAAC;YACX,IAAI,IAAI,CAAC,UAAU;gBAAE,OAAO;YAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B,CAAC,CAAC;QACL,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;SAC7C;KACF;IAEO,oBAAoB;QAC1B,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK;YAC9B,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC;YAC3E,IAAI,QAAQ,IAAI,CAAC,CAAC,SAAS,EAAE;gBAC3B,GAAG,GAAG,KAAK,CAAC;gBACZ,OAAO;aACR;SACF,CAAC,CAAC;QACH,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;QAC1B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAEO,aAAa;QACnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,wDAAwD,CAAC,CAAC;QACvH,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,IAAI,IAAI,GAAkB,EAAE,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAc,EAAE,CAAS;gBAC/C,MAAM,IAAI,GAAG,YAAY,CAAC,EAAE,CAAC;gBAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBAC7B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC1C,IAAI,GAAG;oBACL,GAAG,IAAI;oBACP;wBACE,EAAE,EAAE,CAAC;wBACL,KAAK,EAAE,CAAC,CAAC,SAAS;wBAClB,IAAI,EAAE,IAAI;wBACV,IAAI,EAAE,IAAI;qBACX;iBACF,CAAC;aACH,CAAC,CAAC;YACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB;KACF;IAEO,OAAO,CAAC,OAAoB;QAClC,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,OAAO,KAAK,GAAG,CAAC,CAAC;KAClB;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;YACtC,IAAI,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;YAChE,IAAI,SAAS,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;YACrE,IAAI,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;YACtE,IAAI,YAAY,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;YAC3E,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;SACtF;KACF;IAEO,MAAM;QACZ,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG;YAAE,OAAO,CAAC,CAAC;QACpC,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;YAAE,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACtD,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAAE,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;aAC3G,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAAE,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QAC7F,OAAO,CAAC,CAAC;KACV;IAEO,QAAQ,CAAC,OAAoB,EAAE,EAAU,EAAE,QAAgB;QACjE,MAAM,UAAU,GAAG,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;QAC1C,MAAM,OAAO,GAAG,CAAC,UAAU,GAAG,QAAQ,IAAI,EAAE,CAAC;QAC7C,YAAY,CAAC;YACX,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;YAChD,IAAI,OAAO,CAAC,SAAS,KAAK,EAAE,IAAI,QAAQ,IAAI,CAAC,EAAE;gBAC7C,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;gBAChD,OAAO;aACR;iBAAM;gBACL,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,GAAG,EAAE,CAAC,CAAC;aAC3C;SACF,CAAC,CAAC;KACJ;;gIA1IU,gBAAgB,sGAgBjB,QAAQ;oHAhBP,gBAAgB,0RC3B7B,ovBAqBA;2FDMa,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,GAAG,aAAa,EAAE;oBAC5B,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;0BAiBI,MAAM;2BAAC,QAAQ;yEAfqB,MAAM;sBAA5C,SAAS;uBAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBACG,OAAO;sBAA9C,SAAS;uBAAC,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MEjB3B,aAAa;;6HAAb,aAAa;8HAAb,aAAa,iBAJT,gBAAgB,EAAE,eAAe,aAEtC,YAAY,EAAE,YAAY,EAAE,aAAa,aADzC,gBAAgB;8HAGf,aAAa,YAFf,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,CAAC;2FAEzC,aAAa;kBALzB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC;oBACjD,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,CAAC;iBACrD;;;ACXD;;;;;;"}

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

@@ -1,53 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@ng-nest/ui/core';
-import { CommonModule } from '@angular/common';
-
-/**
- * Api
- * @selector x-api
- * @decorator component
- */
-const XApiPrefix = 'x-api';
-
-class XApiComponent {
-    constructor(renderer, elementRef, configService) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.configService = configService;
-        this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);
-    }
-}
-/** @nocollapse */ XApiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XApiComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XApiComponent, selector: "x-api", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XApiComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XApiPrefix}`,
-                    templateUrl: './api.component.html',
-                    styleUrls: ['./style/index.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
-
-class XApiModule {
-}
-/** @nocollapse */ XApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XApiModule, declarations: [XApiComponent], imports: [CommonModule], exports: [XApiComponent] });
-/** @nocollapse */ XApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XApiModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XApiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XApiComponent],
-                    exports: [XApiComponent],
-                    imports: [CommonModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XApiComponent, XApiModule, XApiPrefix };
-//# sourceMappingURL=ng-nest-ui-api.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-api.js","sources":["../../../../lib/ng-nest/ui/api/api.property.ts","../../../../lib/ng-nest/ui/api/api.component.ts","../../../../lib/ng-nest/ui/api/api.component.html","../../../../lib/ng-nest/ui/api/api.module.ts","../../../../lib/ng-nest/ui/api/ng-nest-ui-api.ts"],"sourcesContent":["/**\r\n * Api\r\n * @selector x-api\r\n * @decorator component\r\n */\r\nexport const XApiPrefix = 'x-api';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XApiPrefix } from './api.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XApiPrefix}`,\r\n  templateUrl: './api.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XApiComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XApiComponent } from './api.component';\r\n\r\n@NgModule({\r\n  declarations: [XApiComponent],\r\n  exports: [XApiComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XApiModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAA;;;;;MAKa,UAAU,GAAG;;MCMb,aAAa;IACxB,YAAoB,QAAmB,EAAU,UAAsB,EAAS,aAA6B;QAAzF,aAAQ,GAAR,QAAQ,CAAW;QAAU,eAAU,GAAV,UAAU,CAAY;QAAS,kBAAa,GAAb,aAAa,CAAgB;QAC3G,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;KACnE;;6HAHU,aAAa;iHAAb,aAAa,6CCX1B,+BACA;2FDUa,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,GAAG,UAAU,EAAE;oBACzB,WAAW,EAAE,sBAAsB;oBACnC,SAAS,EAAE,CAAC,oBAAoB,CAAC;oBACjC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MEDY,UAAU;;0HAAV,UAAU;2HAAV,UAAU,iBAJN,aAAa,aAElB,YAAY,aADZ,aAAa;2HAGZ,UAAU,YAFZ,CAAC,YAAY,CAAC;2FAEZ,UAAU;kBALtB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;ACRD;;;;;;"}

package/fesm2015/ng-nest-ui-auto-complete.js

@@ -1,476 +0,0 @@
-import { Subject } from 'rxjs';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, HostListener, ViewChild, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i3 from '@ng-nest/ui/core';
-import { XDataConvert, XWithConfig, XInputBoolean, XConnectBaseAnimation, XIsChange, XClearClass, XIsObservable, XIsFunction, XSetData, XIsEmpty } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XValueAccessor, XBaseFormModule } from '@ng-nest/ui/base-form';
-import * as i1$1 from '@ng-nest/ui/portal';
-import { XPortalConnectedPosition, XPortalModule } from '@ng-nest/ui/portal';
-import { takeUntil, debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import * as i1 from '@ng-nest/ui/list';
-import { XListModule } from '@ng-nest/ui/list';
-import { DOWN_ARROW, UP_ARROW, ENTER, MAC_ENTER, ESCAPE } from '@angular/cdk/keycodes';
-import * as i2 from '@angular/cdk/overlay';
-import * as i4 from '@ng-nest/ui/input';
-import { XInputModule } from '@ng-nest/ui/input';
-import * as i5 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-/**
- * AutoComplete
- * @selector x-auto-complete
- * @decorator component
- */
-const XAutoCompletePrefix = 'x-auto-complete';
-const X_CONFIG_NAME = 'autoComplete';
-/**
- * AutoComplete Property
- */
-class XAutoCompleteProperty extends XControlValueAccessor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 节点数据
-         * @en_US Node data
-         */
-        this.data = [];
-        /**
-         * @zh_CN 选择节点事件
-         * @en_US Node click event
-         */
-        this.nodeEmit = new EventEmitter();
-    }
-}
-/** @nocollapse */ XAutoCompleteProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAutoCompleteProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAutoCompleteProperty, selector: "ng-component", inputs: { data: "data", debounceTime: "debounceTime", placement: "placement", nodeTpl: "nodeTpl", size: "size", bordered: "bordered", caseSensitive: "caseSensitive" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XDataConvert()
-], XAutoCompleteProperty.prototype, "data", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 200)
-], XAutoCompleteProperty.prototype, "debounceTime", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'bottom')
-], XAutoCompleteProperty.prototype, "placement", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XAutoCompleteProperty.prototype, "size", void 0);
-__decorate([
-    XInputBoolean(),
-    XWithConfig(X_CONFIG_NAME, true)
-], XAutoCompleteProperty.prototype, "bordered", void 0);
-__decorate([
-    XInputBoolean(),
-    XWithConfig(X_CONFIG_NAME, true)
-], XAutoCompleteProperty.prototype, "caseSensitive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], debounceTime: [{
-                type: Input
-            }], placement: [{
-                type: Input
-            }], nodeTpl: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], bordered: [{
-                type: Input
-            }], caseSensitive: [{
-                type: Input
-            }], nodeEmit: [{
-                type: Output
-            }] } });
-/**
- * AutoComplete Portal
- * @selector x-auto-complete-portal
- * @decorator component
- */
-const XAutoCompletePortalPrefix = 'x-auto-complete-portal';
-
-class XAutoCompletePortalComponent {
-    constructor(renderer, cdr) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.multiple = 1;
-        this.show = false;
-        this.active = -1;
-        this._unSubject = new Subject();
-    }
-    done(event) {
-        this.animating(false);
-        event.toState === 'void' && this.destroyPortal();
-    }
-    start(event) {
-        this.animating(true);
-    }
-    ngOnInit() {
-        this.valueChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.value = x;
-            this.cdr.detectChanges();
-        });
-        this.positionChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.placement = x;
-            this.cdr.detectChanges();
-        });
-        this.dataChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.data = x;
-            this.cdr.detectChanges();
-        });
-        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.list.setUnActive(this.active);
-        });
-        this.keydownSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.list.keydown(x);
-        });
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    stopPropagation(event) {
-        event.stopPropagation();
-    }
-    nodeClick(node) {
-        this.nodeEmit(node);
-    }
-    onActive(num) {
-        this.active = num;
-    }
-    onTabOut() {
-        this.closeSubject.next();
-    }
-}
-/** @nocollapse */ XAutoCompletePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompletePortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAutoCompletePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAutoCompletePortalComponent, selector: "x-auto-complete-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }], ngImport: i0, template: "<div #autoCompletePortal class=\"x-auto-complete-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"autoCompletePortal\"\r\n  ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}\n"], components: [{ type: i1.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompletePortalComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XAutoCompletePortalPrefix}`,
-                    templateUrl: './auto-complete-portal.component.html',
-                    styleUrls: ['./auto-complete-portal.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    animations: [XConnectBaseAnimation]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { placement: [{
-                type: HostBinding,
-                args: ['@x-connect-base-animation']
-            }], done: [{
-                type: HostListener,
-                args: ['@x-connect-base-animation.done', ['$event']]
-            }], start: [{
-                type: HostListener,
-                args: ['@x-connect-base-animation.start', ['$event']]
-            }], list: [{
-                type: ViewChild,
-                args: ['list']
-            }] } });
-
-class XAutoCompleteComponent extends XAutoCompleteProperty {
-    constructor(renderer, cdr, portalService, viewContainerRef, overlay, configService) {
-        super();
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.portalService = portalService;
-        this.viewContainerRef = viewContainerRef;
-        this.overlay = overlay;
-        this.configService = configService;
-        this.clearable = false;
-        this.enter = false;
-        this.displayValue = '';
-        this.nodes = [];
-        this.searchNodes = [];
-        this.icon = '';
-        this.iconSpin = false;
-        this.maxNodes = 6;
-        this.protalTobottom = true;
-        this.asyncLoading = false;
-        this.animating = false;
-        this.valueTplContext = { $node: null, $isValue: true };
-        this.valueChange = new Subject();
-        this.positionChange = new Subject();
-        this.dataChange = new Subject();
-        this.inputChange = new Subject();
-        this.closeSubject = new Subject();
-        this.keydownSubject = new Subject();
-        this._unSubject = new Subject();
-    }
-    writeValue(value) {
-        this.value = value;
-        this.valueChange.next(this.value);
-        this.cdr.detectChanges();
-    }
-    ngOnInit() {
-        this.setFlex(this.autoComplete.nativeElement, this.renderer, this.justify, this.align, this.direction);
-        this.setClassMap();
-        this.setSubject();
-    }
-    ngOnChanges(changes) {
-        XIsChange(changes.data) && this.setData();
-    }
-    ngAfterViewInit() {
-        this.setPortal();
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    setClassMap() {
-        XClearClass(this.labelMap);
-        this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;
-    }
-    setData() {
-        if (XIsObservable(this.data) || XIsFunction(this.data))
-            return;
-        XSetData(this.data, this._unSubject).subscribe((x) => {
-            this.nodes = x;
-            this.setPortal();
-            this.cdr.detectChanges();
-        });
-    }
-    setSubject() {
-        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.closePortal();
-        });
-        this.inputChange.pipe(debounceTime(this.debounceTime), distinctUntilChanged(), takeUntil(this._unSubject)).subscribe((x) => {
-            this.modelChange(x);
-        });
-        this.keydownSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            const keyCode = x.keyCode;
-            if (!this.portalAttached() && [DOWN_ARROW, UP_ARROW, ENTER, MAC_ENTER].includes(keyCode)) {
-                this.inputChange.next(this.value);
-            }
-            if (this.portalAttached() && [ESCAPE].includes(keyCode)) {
-                this.closeSubject.next();
-            }
-        });
-    }
-    portalAttached() {
-        var _a, _b;
-        return (_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.hasAttached();
-    }
-    closePortal() {
-        var _a, _b;
-        if (this.portalAttached()) {
-            (_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.detach();
-            this.active = false;
-            this.cdr.detectChanges();
-            return true;
-        }
-        return false;
-    }
-    destroyPortal() {
-        var _a, _b;
-        (_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
-    }
-    showPortal() {
-        if (XIsEmpty(this.value) || this.disabled || this.iconSpin || this.animating)
-            return;
-        this.active = true;
-        if ((XIsObservable(this.data) && this.nodes.length === 0) || XIsFunction(this.data)) {
-            this.icon = 'fto-loader';
-            this.iconSpin = true;
-            this.cdr.detectChanges();
-            XSetData(this.data, this._unSubject, true, this.value).subscribe((x) => {
-                this.nodes = x;
-                this.createPortal();
-                this.icon = '';
-                this.iconSpin = false;
-                this.cdr.detectChanges();
-            });
-        }
-        else {
-            this.createPortal();
-        }
-    }
-    createPortal() {
-        var _a;
-        this.nodes.filter((x) => x.selected).map((x) => (x.selected = false));
-        if (!XIsEmpty(this.value)) {
-            this.searchNodes = this.nodes.filter((x) => x.label.indexOf(this.value) >= 0);
-        }
-        this.box = this.inputCom.inputRef.nativeElement.getBoundingClientRect();
-        const config = {
-            backdropClass: '',
-            width: this.box.width,
-            positionStrategy: this.setPlacement(),
-            scrollStrategy: this.overlay.scrollStrategies.reposition()
-        };
-        this.setPosition(config);
-        this.portal = this.portalService.attach({
-            content: XAutoCompletePortalComponent,
-            viewContainerRef: this.viewContainerRef,
-            overlayConfig: config
-        });
-        (_a = this.portal.overlayRef) === null || _a === void 0 ? void 0 : _a.outsidePointerEvents().pipe(takeUntil(this._unSubject)).subscribe(() => {
-            this.closeSubject.next();
-        });
-        this.setInstance();
-    }
-    setPosition(config) {
-        let position = config.positionStrategy;
-        position.positionChanges.pipe(takeUntil(this._unSubject)).subscribe((pos) => {
-            const place = XPortalConnectedPosition.get(pos.connectionPair);
-            place !== this.placement && this.positionChange.next(place);
-        });
-    }
-    setInstance() {
-        let componentRef = this.portal.componentRef;
-        if (!componentRef)
-            return;
-        Object.assign(componentRef.instance, {
-            data: this.searchNodes,
-            value: this.value,
-            placement: this.placement,
-            nodeTpl: this.nodeTpl,
-            valueChange: this.valueChange,
-            dataChange: this.dataChange,
-            positionChange: this.positionChange,
-            closeSubject: this.closeSubject,
-            keydownSubject: this.keydownSubject,
-            inputCom: this.inputCom,
-            destroyPortal: () => this.destroyPortal(),
-            nodeEmit: (node) => this.onNodeClick(node),
-            animating: (ing) => (this.animating = ing)
-        });
-        componentRef.changeDetectorRef.detectChanges();
-    }
-    onNodeClick(node) {
-        node = node;
-        this.closeSubject.next();
-        if (this.value === node.label) {
-            this.nodeEmit.emit(node);
-            return;
-        }
-        this.value = node.label;
-        this.valueTplContext.$node = node;
-        this.inputCom.inputFocus();
-        if (this.onChange)
-            this.onChange(this.value);
-        this.nodeEmit.emit(node);
-        this.cdr.detectChanges();
-    }
-    setPlacement() {
-        return this.portalService.setPlacement({
-            elementRef: this.inputCom.inputRef,
-            placement: [this.placement, 'bottom-start', 'bottom-end', 'top-start', 'top-end'],
-            transformOriginOn: 'x-auto-complete-portal'
-        });
-    }
-    setPortal() {
-        var _a, _b;
-        this.portalAttached() && ((_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.updatePositionStrategy(this.setPlacement()));
-    }
-    modelChange(value) {
-        if (this.onChange)
-            this.onChange(value);
-        if (XIsFunction(this.data)) {
-            if (!this.portalAttached()) {
-                this.showPortal();
-            }
-            else {
-                if (XIsEmpty(value)) {
-                    this.closeSubject.next();
-                }
-                else {
-                    this.icon = 'fto-loader';
-                    this.iconSpin = true;
-                    this.cdr.detectChanges();
-                    XSetData(this.data, this._unSubject, true, value).subscribe((x) => {
-                        this.nodes = x;
-                        this.icon = '';
-                        this.iconSpin = false;
-                        this.dataChange.next(this.nodes);
-                        this.cdr.detectChanges();
-                    });
-                }
-            }
-            return;
-        }
-        if (this.nodes) {
-            if (!this.portalAttached()) {
-                this.showPortal();
-            }
-            else {
-                if (XIsEmpty(value)) {
-                    this.closeSubject.next();
-                }
-                else {
-                    if (this.caseSensitive) {
-                        this.searchNodes = this.nodes.filter((x) => x.label.indexOf(value) >= 0);
-                    }
-                    else {
-                        this.searchNodes = this.nodes.filter((x) => x.label.toLowerCase().indexOf(value.toLowerCase()) >= 0);
-                    }
-                    this.dataChange.next(this.searchNodes);
-                }
-            }
-        }
-    }
-    clearEmit() {
-        this.value = '';
-        this.displayValue = '';
-        this.valueTplContext.$node = null;
-        this.valueChange.next(this.value);
-        this.modelChange(this.value);
-    }
-    formControlChanges() {
-        this.setData();
-        this.ngOnInit();
-        this.cdr.detectChanges();
-    }
-    onKeydown($event) {
-        this.keydownSubject.next($event);
-    }
-    onFocus($event) { }
-    onInput($event) {
-        this.inputChange.next(this.value);
-    }
-    onBlur($event) { }
-}
-/** @nocollapse */ XAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAutoCompleteComponent, selector: "x-auto-complete", providers: [XValueAccessor(XAutoCompleteComponent)], viewQueries: [{ propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }, { propertyName: "autoComplete", first: true, predicate: ["autoComplete"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #autoComplete class=\"x-auto-complete\">\r\n  <div class=\"x-auto-complete-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"value\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"pointer\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xInput)=\"onInput($event)\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n      (xBlur)=\"onBlur($event)\"\r\n      (xClick)=\"showPortal()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete{display:inline-block}.x-auto-complete{margin:0;padding:0;width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}\n"], components: [{ type: i4.XInputComponent, selector: "x-input" }], directives: [{ type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XAutoCompletePrefix}`,
-                    templateUrl: './auto-complete.component.html',
-                    styleUrls: ['./auto-complete.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [XValueAccessor(XAutoCompleteComponent)]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1$1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.Overlay }, { type: i3.XConfigService }]; }, propDecorators: { inputCom: [{
-                type: ViewChild,
-                args: ['inputCom', { static: true }]
-            }], autoComplete: [{
-                type: ViewChild,
-                args: ['autoComplete', { static: true }]
-            }] } });
-
-class XAutoCompleteModule {
-}
-/** @nocollapse */ XAutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XAutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteModule, declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule], exports: [XAutoCompleteComponent, XAutoCompletePortalComponent] });
-/** @nocollapse */ XAutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAutoCompleteModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty],
-                    exports: [XAutoCompleteComponent, XAutoCompletePortalComponent],
-                    imports: [CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule],
-                    entryComponents: [XAutoCompletePortalComponent]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XAutoCompleteComponent, XAutoCompleteModule, XAutoCompletePortalComponent, XAutoCompletePortalPrefix, XAutoCompletePrefix, XAutoCompleteProperty };
-//# sourceMappingURL=ng-nest-ui-auto-complete.js.map