@ng-nest/ui 12.0.8 → 13.0.2

package/fesm2020/ng-nest-ui-auto-complete.mjs

@@ -0,0 +1,461 @@
+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 */ /** @nocollapse */ XAutoCompleteProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAutoCompleteProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", 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() {
+        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(() => {
+            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 */ /** @nocollapse */ XAutoCompletePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAutoCompletePortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAutoCompletePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\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: "13.0.2", ngImport: i0, type: XAutoCompletePortalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAutoCompletePortalPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XConnectBaseAnimation], 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(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"] }]
+        }], 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) {
+        const { data } = changes;
+        XIsChange(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(() => {
+            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() {
+        return this.portal?.overlayRef?.hasAttached();
+    }
+    closePortal() {
+        if (this.portalAttached()) {
+            this.portal?.overlayRef?.detach();
+            this.active = false;
+            this.cdr.detectChanges();
+            return true;
+        }
+        return false;
+    }
+    destroyPortal() {
+        this.portal?.overlayRef?.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() {
+        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
+        });
+        this.portal.overlayRef
+            ?.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() {
+        this.portalAttached() && this.portal?.overlayRef?.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 */ /** @nocollapse */ XAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", 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 */ /** @nocollapse */ XAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 x-input{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(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\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: "13.0.2", ngImport: i0, type: XAutoCompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAutoCompletePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XAutoCompleteComponent)], 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 x-input{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(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"] }]
+        }], 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 */ /** @nocollapse */ XAutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAutoCompleteModule, declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule], exports: [XAutoCompleteComponent, XAutoCompletePortalComponent] });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAutoCompleteModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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.mjs.map

package/fesm2020/ng-nest-ui-auto-complete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-auto-complete.mjs","sources":["../../../../lib/ng-nest/ui/auto-complete/auto-complete.property.ts","../../../../lib/ng-nest/ui/auto-complete/auto-complete-portal.component.ts","../../../../lib/ng-nest/ui/auto-complete/auto-complete-portal.component.html","../../../../lib/ng-nest/ui/auto-complete/auto-complete.component.ts","../../../../lib/ng-nest/ui/auto-complete/auto-complete.component.html","../../../../lib/ng-nest/ui/auto-complete/auto-complete.module.ts","../../../../lib/ng-nest/ui/auto-complete/ng-nest-ui-auto-complete.ts"],"sourcesContent":["import {\r\n  XParentIdentityProperty,\r\n  XDataConvert,\r\n  XData,\r\n  XWithConfig,\r\n  XPositionTopBottom,\r\n  XSize,\r\n  XInputBoolean,\r\n  XBoolean\r\n} from '@ng-nest/ui/core';\r\nimport { Input, Component, TemplateRef, EventEmitter, Output } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * AutoComplete\r\n * @selector x-auto-complete\r\n * @decorator component\r\n */\r\nexport const XAutoCompletePrefix = 'x-auto-complete';\r\nconst X_CONFIG_NAME = 'autoComplete';\r\n\r\n/**\r\n * AutoComplete Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAutoCompleteProperty extends XControlValueAccessor<any> {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XAutoCompleteNode> = [];\r\n  /**\r\n   * @zh_CN 输入延迟执行时间，ms\r\n   * @en_US Enter a delay execution time, ms\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME, 200) debounceTime?: number;\r\n  /**\r\n   * @zh_CN 展示方位\r\n   * @en_US Display position\r\n   */\r\n  @Input() @XWithConfig<XPositionTopBottom>(X_CONFIG_NAME, 'bottom') placement?: XPositionTopBottom;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\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 Case-sensitive\r\n   */\r\n  @Input() @XInputBoolean() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) caseSensitive!: XBoolean;\r\n  /**\r\n   * @zh_CN 选择节点事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeEmit = new EventEmitter<XAutoCompleteNode>();\r\n}\r\n\r\n/**\r\n * AutoComplete Option\r\n * @undocument true\r\n */\r\nexport interface XAutoCompleteOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  data?: XData<XAutoCompleteNode>;\r\n  /**\r\n   * @zh_CN 输入延迟执行时间，ms\r\n   * @en_US Enter a delay execution time, ms\r\n   */\r\n  debounceTime?: number;\r\n  /**\r\n   * @zh_CN 展示方位\r\n   * @en_US Display position\r\n   */\r\n  placement?: XPositionTopBottom;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 选择节点事件\r\n   * @en_US Node click event\r\n   */\r\n  nodeClick?: (value: XAutoCompleteNode) => void;\r\n}\r\n\r\n/**\r\n * @zh_CN AutoComplete 数据对象\r\n * @en_US AutoComplete data object\r\n */\r\nexport interface XAutoCompleteNode extends XParentIdentityProperty<XAutoCompleteNode> {}\r\n\r\n/**\r\n * AutoComplete Portal\r\n * @selector x-auto-complete-portal\r\n * @decorator component\r\n */\r\nexport const XAutoCompletePortalPrefix = 'x-auto-complete-portal';\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  OnDestroy,\r\n  Renderer2,\r\n  HostBinding,\r\n  HostListener,\r\n  ViewChild,\r\n  TemplateRef\r\n} from '@angular/core';\r\nimport { XAutoCompleteNode, XAutoCompletePortalPrefix } from './auto-complete.property';\r\nimport { Subject } from 'rxjs';\r\nimport { XConnectBaseAnimation, XNumber, XPositionTopBottom } from '@ng-nest/ui/core';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XListComponent } from '@ng-nest/ui/list';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\n\r\n@Component({\r\n  selector: `${XAutoCompletePortalPrefix}`,\r\n  templateUrl: './auto-complete-portal.component.html',\r\n  styleUrls: ['./auto-complete-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XConnectBaseAnimation]\r\n})\r\nexport class XAutoCompletePortalComponent implements OnInit, OnDestroy {\r\n  @HostBinding('@x-connect-base-animation') public placement!: XPositionTopBottom;\r\n  @HostListener('@x-connect-base-animation.done', ['$event']) done(event: { toState: any }) {\r\n    this.animating(false);\r\n    event.toState === 'void' && this.destroyPortal();\r\n  }\r\n  @HostListener('@x-connect-base-animation.start', ['$event']) start() {\r\n    this.animating(true);\r\n  }\r\n  @ViewChild('list') list!: XListComponent;\r\n\r\n  data!: XAutoCompleteNode[];\r\n  value: any;\r\n  valueChange!: Subject<any>;\r\n  positionChange!: Subject<any>;\r\n  dataChange!: Subject<XAutoCompleteNode[]>;\r\n  animating!: Function;\r\n  destroyPortal!: Function;\r\n  closeSubject!: Subject<void>;\r\n  keydownSubject!: Subject<KeyboardEvent>;\r\n  nodeEmit!: Function;\r\n  multiple: XNumber = 1;\r\n  nodeTpl!: TemplateRef<any>;\r\n  show: boolean = false;\r\n  active: number = -1;\r\n  inputCom!: XInputComponent;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(public renderer: Renderer2, public cdr: ChangeDetectorRef) {}\r\n\r\n  ngOnInit(): void {\r\n    this.valueChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.value = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n    this.positionChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.placement = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n    this.dataChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.data = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n    this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.list.setUnActive(this.active);\r\n    });\r\n    this.keydownSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.list.keydown(x);\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  stopPropagation(event: Event): void {\r\n    event.stopPropagation();\r\n  }\r\n\r\n  nodeClick(node: XAutoCompleteNode) {\r\n    this.nodeEmit(node);\r\n  }\r\n\r\n  onActive(num: number) {\r\n    this.active = num;\r\n  }\r\n\r\n  onTabOut() {\r\n    this.closeSubject.next();\r\n  }\r\n}\r\n","<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","import { Subject } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  ViewContainerRef,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XAutoCompleteNode, XAutoCompleteProperty, XAutoCompletePrefix } from './auto-complete.property';\r\nimport {\r\n  XIsEmpty,\r\n  XIsObservable,\r\n  XIsChange,\r\n  XSetData,\r\n  XClearClass,\r\n  XConfigService,\r\n  XPositionTopBottom,\r\n  XIsFunction\r\n} from '@ng-nest/ui/core';\r\nimport { XPortalService, XPortalOverlayRef, XPortalConnectedPosition } from '@ng-nest/ui/portal';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { XAutoCompletePortalComponent } from './auto-complete-portal.component';\r\nimport { Overlay, FlexibleConnectedPositionStrategy, ConnectedOverlayPositionChange, OverlayConfig } from '@angular/cdk/overlay';\r\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';\r\nimport { DOWN_ARROW, UP_ARROW, ENTER, MAC_ENTER, ESCAPE } from '@angular/cdk/keycodes';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XAutoCompletePrefix}`,\r\n  templateUrl: './auto-complete.component.html',\r\n  styleUrls: ['./auto-complete.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XAutoCompleteComponent)]\r\n})\r\nexport class XAutoCompleteComponent extends XAutoCompleteProperty implements OnInit, OnChanges {\r\n  @ViewChild('inputCom', { static: true }) inputCom!: XInputComponent;\r\n  @ViewChild('autoComplete', { static: true }) autoComplete!: ElementRef;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.valueChange.next(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  clearable: boolean = false;\r\n  enter: boolean = false;\r\n  displayValue: any = '';\r\n  nodes: XAutoCompleteNode[] = [];\r\n  searchNodes: XAutoCompleteNode[] = [];\r\n  cloneNodes!: XAutoCompleteNode[];\r\n  portal!: XPortalOverlayRef<XAutoCompletePortalComponent>;\r\n  icon: string = '';\r\n  iconSpin: boolean = false;\r\n  box!: DOMRect;\r\n  protalHeight!: number;\r\n  maxNodes: number = 6;\r\n  protalTobottom: boolean = true;\r\n  asyncLoading = false;\r\n  animating = false;\r\n\r\n  override valueTplContext: { $node: any; $isValue: boolean } = { $node: null, $isValue: true };\r\n  valueChange: Subject<any> = new Subject();\r\n  positionChange: Subject<any> = new Subject();\r\n  dataChange: Subject<XAutoCompleteNode[]> = new Subject();\r\n  inputChange: Subject<any> = new Subject();\r\n  closeSubject: Subject<void> = new Subject();\r\n  keydownSubject: Subject<KeyboardEvent> = new Subject();\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    private cdr: ChangeDetectorRef,\r\n    private portalService: XPortalService,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private overlay: Overlay,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.autoComplete.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n    this.setSubject();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setPortal();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n  }\r\n\r\n  setData() {\r\n    if (XIsObservable(this.data) || XIsFunction(this.data)) return;\r\n    XSetData<XAutoCompleteNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.setPortal();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  setSubject() {\r\n    this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.closePortal();\r\n    });\r\n    this.inputChange.pipe(debounceTime(this.debounceTime as number), distinctUntilChanged(), takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.modelChange(x);\r\n    });\r\n    this.keydownSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      const keyCode = x.keyCode;\r\n      if (!this.portalAttached() && [DOWN_ARROW, UP_ARROW, ENTER, MAC_ENTER].includes(keyCode)) {\r\n        this.inputChange.next(this.value);\r\n      }\r\n      if (this.portalAttached() && [ESCAPE].includes(keyCode)) {\r\n        this.closeSubject.next();\r\n      }\r\n    });\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.active = false;\r\n      this.cdr.detectChanges();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  destroyPortal() {\r\n    this.portal?.overlayRef?.dispose();\r\n  }\r\n\r\n  showPortal() {\r\n    if (XIsEmpty(this.value) || this.disabled || this.iconSpin || this.animating) return;\r\n    this.active = true;\r\n    if ((XIsObservable(this.data) && this.nodes.length === 0) || XIsFunction(this.data)) {\r\n      this.icon = 'fto-loader';\r\n      this.iconSpin = true;\r\n      this.cdr.detectChanges();\r\n      XSetData<XAutoCompleteNode>(this.data, this._unSubject, true, this.value).subscribe((x) => {\r\n        this.nodes = x;\r\n        this.createPortal();\r\n        this.icon = '';\r\n        this.iconSpin = false;\r\n        this.cdr.detectChanges();\r\n      });\r\n    } else {\r\n      this.createPortal();\r\n    }\r\n  }\r\n\r\n  createPortal() {\r\n    this.nodes.filter((x) => x.selected).map((x) => (x.selected = false));\r\n    if (!XIsEmpty(this.value)) {\r\n      this.searchNodes = this.nodes.filter((x) => x.label.indexOf(this.value) >= 0);\r\n    }\r\n    this.box = this.inputCom.inputRef.nativeElement.getBoundingClientRect();\r\n    const config: OverlayConfig = {\r\n      backdropClass: '',\r\n      width: this.box.width,\r\n      positionStrategy: this.setPlacement(),\r\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\r\n    };\r\n    this.setPosition(config);\r\n    this.portal = this.portalService.attach({\r\n      content: XAutoCompletePortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: config\r\n    });\r\n    this.portal.overlayRef\r\n      ?.outsidePointerEvents()\r\n      .pipe(takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        this.closeSubject.next();\r\n      });\r\n    this.setInstance();\r\n  }\r\n\r\n  setPosition(config: OverlayConfig) {\r\n    let position = config.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    position.positionChanges.pipe(takeUntil(this._unSubject)).subscribe((pos: ConnectedOverlayPositionChange) => {\r\n      const place = XPortalConnectedPosition.get(pos.connectionPair) as XPositionTopBottom;\r\n      place !== this.placement && this.positionChange.next(place);\r\n    });\r\n  }\r\n\r\n  setInstance() {\r\n    let componentRef = this.portal.componentRef;\r\n    if (!componentRef) return;\r\n    Object.assign(componentRef.instance, {\r\n      data: this.searchNodes,\r\n      value: this.value,\r\n      placement: this.placement,\r\n      nodeTpl: this.nodeTpl,\r\n      valueChange: this.valueChange,\r\n      dataChange: this.dataChange,\r\n      positionChange: this.positionChange,\r\n      closeSubject: this.closeSubject,\r\n      keydownSubject: this.keydownSubject,\r\n      inputCom: this.inputCom,\r\n      destroyPortal: () => this.destroyPortal(),\r\n      nodeEmit: (node: XAutoCompleteNode) => this.onNodeClick(node),\r\n      animating: (ing: boolean) => (this.animating = ing)\r\n    });\r\n    componentRef.changeDetectorRef.detectChanges();\r\n  }\r\n\r\n  onNodeClick(node: XAutoCompleteNode | XAutoCompleteNode[]) {\r\n    node = node as XAutoCompleteNode;\r\n    this.closeSubject.next();\r\n    if (this.value === node.label) {\r\n      this.nodeEmit.emit(node);\r\n      return;\r\n    }\r\n    this.value = node.label;\r\n    this.valueTplContext.$node = node;\r\n    this.inputCom.inputFocus();\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.nodeEmit.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setPlacement() {\r\n    return this.portalService.setPlacement({\r\n      elementRef: this.inputCom.inputRef,\r\n      placement: [this.placement as XPositionTopBottom, 'bottom-start', 'bottom-end', 'top-start', 'top-end'],\r\n      transformOriginOn: 'x-auto-complete-portal'\r\n    });\r\n  }\r\n\r\n  setPortal() {\r\n    this.portalAttached() && this.portal?.overlayRef?.updatePositionStrategy(this.setPlacement());\r\n  }\r\n\r\n  modelChange(value: string | number) {\r\n    if (this.onChange) this.onChange(value);\r\n    if (XIsFunction(this.data)) {\r\n      if (!this.portalAttached()) {\r\n        this.showPortal();\r\n      } else {\r\n        if (XIsEmpty(value)) {\r\n          this.closeSubject.next();\r\n        } else {\r\n          this.icon = 'fto-loader';\r\n          this.iconSpin = true;\r\n          this.cdr.detectChanges();\r\n          XSetData<XAutoCompleteNode>(this.data, this._unSubject, true, value as any).subscribe((x) => {\r\n            this.nodes = x;\r\n            this.icon = '';\r\n            this.iconSpin = false;\r\n            this.dataChange.next(this.nodes);\r\n            this.cdr.detectChanges();\r\n          });\r\n        }\r\n      }\r\n      return;\r\n    }\r\n    if (this.nodes) {\r\n      if (!this.portalAttached()) {\r\n        this.showPortal();\r\n      } else {\r\n        if (XIsEmpty(value)) {\r\n          this.closeSubject.next();\r\n        } else {\r\n          if (this.caseSensitive) {\r\n            this.searchNodes = this.nodes.filter((x) => x.label.indexOf(value) >= 0);\r\n          } else {\r\n            this.searchNodes = this.nodes.filter((x) => (x.label as string).toLowerCase().indexOf((value as string).toLowerCase()) >= 0);\r\n          }\r\n          this.dataChange.next(this.searchNodes);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  clearEmit() {\r\n    this.value = '';\r\n    this.displayValue = '';\r\n    this.valueTplContext.$node = null;\r\n    this.valueChange.next(this.value);\r\n    this.modelChange(this.value);\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.setData();\r\n    this.ngOnInit();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onKeydown($event: KeyboardEvent) {\r\n    this.keydownSubject.next($event);\r\n  }\r\n\r\n  onFocus(_event: Event) {}\r\n\r\n  onInput(_event: Event) {\r\n    this.inputChange.next(this.value);\r\n  }\r\n\r\n  onBlur(_event: Event) {}\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XAutoCompleteComponent } from './auto-complete.component';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XListModule } from '@ng-nest/ui/list';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\nimport { XAutoCompletePortalComponent } from './auto-complete-portal.component';\r\nimport { XAutoCompleteProperty } from './auto-complete.property';\r\n\r\n@NgModule({\r\n  declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty],\r\n  exports: [XAutoCompleteComponent, XAutoCompletePortalComponent],\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule],\r\n  entryComponents: [XAutoCompletePortalComponent]\r\n})\r\nexport class XAutoCompleteModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}