@ng-nest/ui 12.0.8 → 13.0.2

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

@@ -0,0 +1,457 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, HostListener, EventEmitter, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { XIsEmpty, XConnectBaseAnimation, XDataConvert, XWithConfig, XInputBoolean, XIsChange, XClearClass, XSetData, XGetChildren } from '@ng-nest/ui/core';
+import { Subject, of } from 'rxjs';
+import { takeUntil, delay } from 'rxjs/operators';
+import * as i1 from '@ng-nest/ui/list';
+import { XListModule } from '@ng-nest/ui/list';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { __decorate } from 'tslib';
+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 * as i2$1 from '@angular/cdk/overlay';
+import * as i3 from '@ng-nest/ui/input';
+import { XInputModule } from '@ng-nest/ui/input';
+
+class XCascadePortalComponent {
+    constructor(ngZone, cdr) {
+        this.ngZone = ngZone;
+        this.cdr = cdr;
+        this.nodes = [];
+        this.datas = [];
+        this.selecteds = [];
+        this.values = [];
+        this.hoverDelayUnSub = new Subject();
+        this._unSubject = new Subject();
+    }
+    done(event) {
+        this.animating(false);
+        event.toState === 'void' && this.destroyPortal();
+    }
+    start() {
+        this.animating(true);
+    }
+    ngOnInit() {
+        this.init();
+        this.valueChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {
+            this.value = x;
+            this.init();
+            this.cdr.detectChanges();
+        });
+        this.positionChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {
+            this.placement = x;
+            this.cdr.detectChanges();
+        });
+    }
+    ngOnDestroy() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    init() {
+        if (!XIsEmpty(this.value)) {
+            this.setDefault();
+        }
+        else {
+            this.values = [];
+        }
+    }
+    stopPropagation(event) {
+        event.stopPropagation();
+    }
+    setDefault() {
+        let node = this.datas.find((x) => x.id === this.value);
+        this.selecteds = [node];
+        this.nodes = [this.datas.filter((x) => x.pid === node.pid)];
+        while (!XIsEmpty(node.pid)) {
+            node = this.datas.find((x) => x.id === node.pid);
+            this.selecteds = [node, ...this.selecteds];
+            this.nodes = [this.datas.filter((x) => x.pid === node.pid), ...this.nodes];
+        }
+        this.values = this.selecteds.map((x) => x.id);
+    }
+    nodeMouseenter(node) {
+        of(true)
+            .pipe(delay(this.nodeHoverDelay), takeUntil(this.hoverDelayUnSub))
+            .subscribe(() => this.nodeExpansion(node, false));
+    }
+    nodeMouseleave() {
+        this.hoverDelayUnSub.next();
+    }
+    nodeClick(node) {
+        this.nodeExpansion(node);
+    }
+    nodeExpansion(node, click = true) {
+        const level = Number(node.level);
+        this.ngZone.run(() => {
+            if (node.leaf) {
+                if (this.nodes.length === level) {
+                    this.nodes = [...this.nodes, node.children];
+                    this.selecteds = [...this.selecteds, node];
+                }
+                else {
+                    if (this.nodes.length > Number(level) + 1) {
+                        this.nodes = this.nodes.splice(0, level + 1);
+                        this.selecteds = this.selecteds.splice(0, level + 1);
+                    }
+                    this.nodes[level + 1] = node.children;
+                    this.selecteds[level] = node;
+                }
+                this.values = this.selecteds.map((x) => x.id);
+                this.cdr.detectChanges();
+            }
+            else if (click) {
+                if (this.selecteds.length >= level + 1) {
+                    this.selecteds = this.selecteds.splice(0, level);
+                }
+                this.selecteds = [...this.selecteds, node];
+                this.nodeEmit({
+                    node: node,
+                    nodes: this.selecteds,
+                    label: this.selecteds.map((x) => x.label).join(` / `)
+                });
+            }
+        });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XCascadePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadePortalComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCascadePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCascadePortalComponent, selector: "x-cascade-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, ngImport: i0, template: "<div class=\"x-cascade-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <ng-container *ngFor=\"let list of nodes\">\r\n    <x-list\r\n      [data]=\"list\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [(ngModel)]=\"values\"\r\n      (nodeClick)=\"nodeClick($event)\"\r\n      (nodeMouseenter)=\"nodeTrigger === 'hover' && nodeMouseenter($event)\"\r\n      (nodeMouseleave)=\"nodeTrigger === 'hover' && nodeMouseleave()\"\r\n      checked\r\n    ></x-list>\r\n  </ng-container>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-cascade-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);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);background-color:var(--x-background);display:flex}.x-cascade-portal:focus{outline:none}.x-cascade-portal>x-list .x-list-option{min-width:8rem}.x-cascade-portal>x-list:not(:first-child){border-left:var(--x-border-width) solid var(--x-border)}\n"], components: [{ type: i1.XListComponent, selector: "x-list" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadePortalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'x-cascade-portal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XConnectBaseAnimation], template: "<div class=\"x-cascade-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <ng-container *ngFor=\"let list of nodes\">\r\n    <x-list\r\n      [data]=\"list\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [(ngModel)]=\"values\"\r\n      (nodeClick)=\"nodeClick($event)\"\r\n      (nodeMouseenter)=\"nodeTrigger === 'hover' && nodeMouseenter($event)\"\r\n      (nodeMouseleave)=\"nodeTrigger === 'hover' && nodeMouseleave()\"\r\n      checked\r\n    ></x-list>\r\n  </ng-container>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-cascade-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);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);background-color:var(--x-background);display:flex}.x-cascade-portal:focus{outline:none}.x-cascade-portal>x-list .x-list-option{min-width:8rem}.x-cascade-portal>x-list:not(:first-child){border-left:var(--x-border-width) solid var(--x-border)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { 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']]
+            }] } });
+
+/**
+ * Cascade
+ * @selector x-cascade
+ * @decorator component
+ */
+const XCascadePrefix = 'x-cascade';
+const X_CONFIG_NAME = 'cascade';
+/**
+ * Cascade Property
+ */
+class XCascadeProperty 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 */ XCascadeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCascadeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCascadeProperty, selector: "ng-component", inputs: { data: "data", placement: "placement", size: "size", bordered: "bordered", nodeTrigger: "nodeTrigger", nodeHoverDelay: "nodeHoverDelay", nodeTpl: "nodeTpl" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XDataConvert()
+], XCascadeProperty.prototype, "data", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'bottom-start')
+], XCascadeProperty.prototype, "placement", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'medium')
+], XCascadeProperty.prototype, "size", void 0);
+__decorate([
+    XInputBoolean(),
+    XWithConfig(X_CONFIG_NAME, true)
+], XCascadeProperty.prototype, "bordered", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'click')
+], XCascadeProperty.prototype, "nodeTrigger", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 200)
+], XCascadeProperty.prototype, "nodeHoverDelay", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }], nodeTrigger: [{
+                type: Input
+            }], nodeHoverDelay: [{
+                type: Input
+            }], nodeTpl: [{
+                type: Input
+            }], nodeEmit: [{
+                type: Output
+            }] } });
+/**
+ * Cascade-Portal
+ * @selector x-cascade-portal
+ * @decorator component
+ */
+const XCascadePortalPrefix = 'x-cascade-portal';
+
+class XCascadeComponent extends XCascadeProperty {
+    constructor(renderer, elementRef, cdr, portalService, viewContainerRef, overlay) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.portalService = portalService;
+        this.viewContainerRef = viewContainerRef;
+        this.overlay = overlay;
+        this.readonly = true;
+        this.clearable = false;
+        this.enter = false;
+        this.animating = false;
+        this.displayValue = '';
+        this.datas = [];
+        this.nodes = [];
+        this.icon = 'fto-chevron-down';
+        this.maxNodes = 6;
+        this.protalTobottom = true;
+        this.valueTplContext = { $node: null, $nodes: null, $isValue: true };
+        this.valueChange = new Subject();
+        this.dataChange = new Subject();
+        this.positionChange = new Subject();
+        this.closeSubject = new Subject();
+        this._unSubject = new Subject();
+        this.renderer.addClass(this.elementRef.nativeElement, XCascadePrefix);
+    }
+    writeValue(value) {
+        this.value = value;
+        this.setDisplayValue();
+        this.valueChange.next(this.value);
+        this.cdr.detectChanges();
+    }
+    ngOnInit() {
+        this.setFlex(this.cascade.nativeElement, this.renderer, this.justify, this.align, this.direction);
+        this.setClassMap();
+        this.setSubject();
+    }
+    ngAfterViewInit() {
+        this.setPortal();
+    }
+    ngOnChanges(changes) {
+        const { data } = changes;
+        XIsChange(data) && this.setData();
+    }
+    ngOnDestroy() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    setClassMap() {
+        XClearClass(this.labelMap);
+        this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;
+    }
+    setData() {
+        XSetData(this.data, this._unSubject).subscribe((x) => {
+            this.datas = x;
+            this.nodes = x.filter((y) => XIsEmpty(y.pid)).map((y) => XGetChildren(x, y, 0));
+            this.setPortal();
+            this.cdr.detectChanges();
+        });
+    }
+    setSubject() {
+        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {
+            this.closePortal();
+        });
+    }
+    menter() {
+        if (this.disabled)
+            return;
+        this.enter = true;
+        if (!XIsEmpty(this.value)) {
+            this.icon = '';
+            this.clearable = true;
+            this.cdr.detectChanges();
+        }
+    }
+    mleave() {
+        if (this.disabled)
+            return;
+        this.enter = false;
+        if (this.clearable) {
+            this.icon = 'fto-chevron-down';
+            this.clearable = false;
+            this.cdr.detectChanges();
+        }
+    }
+    clearEmit() {
+        this.value = '';
+        this.displayValue = '';
+        this.valueTplContext.$node = null;
+        this.valueTplContext.$nodes = null;
+        this.mleave();
+        this.valueChange.next(this.value);
+        if (this.onChange)
+            this.onChange(this.value);
+    }
+    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() {
+        var _a;
+        if (this.disabled || this.animating)
+            return;
+        this.active = true;
+        const config = {
+            backdropClass: '',
+            positionStrategy: this.setPlacement(),
+            scrollStrategy: this.overlay.scrollStrategies.reposition()
+        };
+        this.setPosition(config);
+        this.portal = this.portalService.attach({
+            content: XCascadePortalComponent,
+            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);
+            if (place !== this.placement) {
+                this.positionChange.next(place);
+                this.cdr.detectChanges();
+            }
+        });
+    }
+    setInstance() {
+        let componentRef = this.portal.componentRef;
+        if (!componentRef)
+            return;
+        Object.assign(componentRef.instance, {
+            datas: this.datas,
+            nodes: [this.nodes],
+            value: this.value,
+            placement: this.placement,
+            valueChange: this.valueChange,
+            positionChange: this.positionChange,
+            nodeTpl: this.nodeTpl,
+            nodeTrigger: this.nodeTrigger,
+            nodeHoverDelay: this.nodeHoverDelay,
+            inputCom: this.inputCom,
+            closePortal: () => this.closeSubject.next(),
+            destroyPortal: () => this.destroyPortal(),
+            nodeEmit: (node) => this.onNodeClick(node),
+            animating: (ing) => (this.animating = ing)
+        });
+        componentRef.changeDetectorRef.detectChanges();
+    }
+    onNodeClick(selected) {
+        this.value = selected.node.id;
+        this.displayValue = selected.label;
+        this.valueTplContext.$node = selected;
+        this.valueTplContext.$nodes = selected.nodes;
+        this.closeSubject.next();
+        this.inputCom.inputFocus();
+        if (this.onChange)
+            this.onChange(this.value);
+        this.nodeEmit.emit(selected);
+    }
+    setDisplayValue() {
+        let node = this.datas.find((x) => x.id === this.value);
+        if (typeof node === 'undefined') {
+            this.displayValue = '';
+            this.valueTplContext.$node = null;
+            this.valueTplContext.$nodes = null;
+            return;
+        }
+        else {
+            let selecteds = [node];
+            while (!XIsEmpty(node.pid)) {
+                node = this.datas.find((x) => x.id === node.pid);
+                selecteds = [node, ...selecteds];
+            }
+            this.displayValue = selecteds.map((x) => x.label).join(` / `);
+            this.valueTplContext.$node = node;
+            this.valueTplContext.$nodes = selecteds;
+        }
+    }
+    setPlacement() {
+        return this.portalService.setPlacement({
+            elementRef: this.inputCom.inputRef,
+            placement: [this.placement, 'bottom-start', 'bottom-end', 'top-start', 'top-end'],
+            transformOriginOn: 'x-cascade-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()));
+    }
+    formControlChanges() {
+        this.ngOnInit();
+        this.setData();
+        this.setDisplayValue();
+        this.cdr.detectChanges();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XCascadeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCascadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCascadeComponent, selector: "x-cascade", providers: [XValueAccessor(XCascadeComponent)], viewQueries: [{ propertyName: "cascade", first: true, predicate: ["cascade"], descendants: true, static: true }, { propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #cascade class=\"x-cascade\">\r\n  <div class=\"x-cascade-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      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\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]=\"true\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (click)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-cascade{display:inline-block}.x-cascade{margin:0;padding:0;width:100%}.x-cascade x-input{width:100%}\n"], components: [{ type: i3.XInputComponent, selector: "x-input" }], directives: [{ type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.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: XCascadeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'x-cascade', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XCascadeComponent)], template: "<div #cascade class=\"x-cascade\">\r\n  <div class=\"x-cascade-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      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\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]=\"true\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (click)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-cascade{display:inline-block}.x-cascade{margin:0;padding:0;width:100%}.x-cascade x-input{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2$1.Overlay }]; }, propDecorators: { cascade: [{
+                type: ViewChild,
+                args: ['cascade', { static: true }]
+            }], inputCom: [{
+                type: ViewChild,
+                args: ['inputCom', { static: true }]
+            }] } });
+
+class XCascadeModule {
+}
+/** @nocollapse */ /** @nocollapse */ XCascadeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XCascadeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeModule, declarations: [XCascadeComponent, XCascadePortalComponent, XCascadeProperty], imports: [CommonModule, FormsModule, XPortalModule, ReactiveFormsModule, XInputModule, XListModule, XBaseFormModule], exports: [XCascadeComponent, XCascadePortalComponent] });
+/** @nocollapse */ /** @nocollapse */ XCascadeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeModule, imports: [[CommonModule, FormsModule, XPortalModule, ReactiveFormsModule, XInputModule, XListModule, XBaseFormModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCascadeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XCascadeComponent, XCascadePortalComponent, XCascadeProperty],
+                    exports: [XCascadeComponent, XCascadePortalComponent],
+                    imports: [CommonModule, FormsModule, XPortalModule, ReactiveFormsModule, XInputModule, XListModule, XBaseFormModule],
+                    entryComponents: [XCascadePortalComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XCascadeComponent, XCascadeModule, XCascadePortalComponent, XCascadePortalPrefix, XCascadePrefix, XCascadeProperty };
+//# sourceMappingURL=ng-nest-ui-cascade.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-cascade.mjs","sources":["../../../../lib/ng-nest/ui/cascade/cascade-portal.component.ts","../../../../lib/ng-nest/ui/cascade/cascade-portal.component.html","../../../../lib/ng-nest/ui/cascade/cascade.property.ts","../../../../lib/ng-nest/ui/cascade/cascade.component.ts","../../../../lib/ng-nest/ui/cascade/cascade.component.html","../../../../lib/ng-nest/ui/cascade/cascade.module.ts","../../../../lib/ng-nest/ui/cascade/ng-nest-ui-cascade.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  NgZone,\r\n  OnDestroy,\r\n  HostBinding,\r\n  HostListener,\r\n  TemplateRef\r\n} from '@angular/core';\r\nimport { XCascadeNode, XCascadeNodeTrigger } from './cascade.property';\r\nimport { XIsEmpty, XConnectBaseAnimation, XPositionTopBottom } from '@ng-nest/ui/core';\r\nimport { of, Subject } from 'rxjs';\r\nimport { delay, takeUntil } from 'rxjs/operators';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\n\r\n@Component({\r\n  selector: 'x-cascade-portal',\r\n  templateUrl: './cascade-portal.component.html',\r\n  styleUrls: ['./cascade-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XConnectBaseAnimation]\r\n})\r\nexport class XCascadePortalComponent 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\r\n  nodes: XCascadeNode[][] = [];\r\n  datas: XCascadeNode[] = [];\r\n  selecteds: XCascadeNode[] = [];\r\n  value: any;\r\n  valueChange!: Subject<any>;\r\n  positionChange!: Subject<any>;\r\n  closePortal!: Function;\r\n  destroyPortal!: Function;\r\n  animating!: Function;\r\n  nodeEmit!: Function;\r\n  values: XCascadeNode[] = [];\r\n  nodeTpl!: TemplateRef<any>;\r\n  nodeTrigger!: XCascadeNodeTrigger;\r\n  nodeHoverDelay!: number;\r\n  hoverDelayUnSub = new Subject<void>();\r\n  inputCom!: XInputComponent;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(public ngZone: NgZone, public cdr: ChangeDetectorRef) {}\r\n\r\n  ngOnInit(): void {\r\n    this.init();\r\n    this.valueChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.value = x;\r\n      this.init();\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  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  init() {\r\n    if (!XIsEmpty(this.value)) {\r\n      this.setDefault();\r\n    } else {\r\n      this.values = [];\r\n    }\r\n  }\r\n\r\n  stopPropagation(event: Event): void {\r\n    event.stopPropagation();\r\n  }\r\n\r\n  setDefault() {\r\n    let node = this.datas.find((x) => x.id === this.value) as XCascadeNode;\r\n    this.selecteds = [node];\r\n    this.nodes = [this.datas.filter((x) => x.pid === node.pid)];\r\n    while (!XIsEmpty(node.pid)) {\r\n      node = this.datas.find((x) => x.id === node.pid) as XCascadeNode;\r\n      this.selecteds = [node, ...this.selecteds];\r\n      this.nodes = [this.datas.filter((x) => x.pid === node.pid), ...this.nodes];\r\n    }\r\n    this.values = this.selecteds.map((x) => x.id) as XCascadeNode[];\r\n  }\r\n\r\n  nodeMouseenter(node: XCascadeNode) {\r\n    of(true)\r\n      .pipe(delay(this.nodeHoverDelay), takeUntil(this.hoverDelayUnSub))\r\n      .subscribe(() => this.nodeExpansion(node, false));\r\n  }\r\n\r\n  nodeMouseleave() {\r\n    this.hoverDelayUnSub.next();\r\n  }\r\n\r\n  nodeClick(node: XCascadeNode) {\r\n    this.nodeExpansion(node);\r\n  }\r\n\r\n  nodeExpansion(node: XCascadeNode, click = true) {\r\n    const level = Number(node.level);\r\n    this.ngZone.run(() => {\r\n      if (node.leaf) {\r\n        if (this.nodes.length === level) {\r\n          this.nodes = [...this.nodes, node.children] as XCascadeNode[][];\r\n          this.selecteds = [...this.selecteds, node];\r\n        } else {\r\n          if (this.nodes.length > Number(level) + 1) {\r\n            this.nodes = this.nodes.splice(0, level + 1);\r\n            this.selecteds = this.selecteds.splice(0, level + 1);\r\n          }\r\n          this.nodes[level + 1] = node.children as XCascadeNode[];\r\n          this.selecteds[level] = node;\r\n        }\r\n        this.values = this.selecteds.map((x) => x.id);\r\n        this.cdr.detectChanges();\r\n      } else if (click) {\r\n        if (this.selecteds.length >= level + 1) {\r\n          this.selecteds = this.selecteds.splice(0, level);\r\n        }\r\n        this.selecteds = [...this.selecteds, node];\r\n        this.nodeEmit({\r\n          node: node,\r\n          nodes: this.selecteds,\r\n          label: this.selecteds.map((x) => x.label).join(` / `)\r\n        });\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div class=\"x-cascade-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <ng-container *ngFor=\"let list of nodes\">\r\n    <x-list\r\n      [data]=\"list\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [(ngModel)]=\"values\"\r\n      (nodeClick)=\"nodeClick($event)\"\r\n      (nodeMouseenter)=\"nodeTrigger === 'hover' && nodeMouseenter($event)\"\r\n      (nodeMouseleave)=\"nodeTrigger === 'hover' && nodeMouseleave()\"\r\n      checked\r\n    ></x-list>\r\n  </ng-container>\r\n</div>\r\n","import {\r\n  XParentIdentityProperty,\r\n  XDataConvert,\r\n  XData,\r\n  XCorner,\r\n  XWithConfig,\r\n  XSize,\r\n  XInputBoolean,\r\n  XBoolean,\r\n  XTrigger,\r\n  XNumber\r\n} from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component, TemplateRef } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Cascade\r\n * @selector x-cascade\r\n * @decorator component\r\n */\r\nexport const XCascadePrefix = 'x-cascade';\r\nconst X_CONFIG_NAME = 'cascade';\r\n\r\n/**\r\n * Cascade Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCascadeProperty extends XControlValueAccessor<any> implements XCascadeOption {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XCascadeNode> = [];\r\n  /**\r\n   * @zh_CN 展示方位\r\n   * @en_US Display position\r\n   */\r\n  @Input() @XWithConfig<XCorner>(X_CONFIG_NAME, 'bottom-start') placement?: XCorner;\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 Sub node triggering method\r\n   */\r\n  @Input() @XWithConfig<XCascadeNodeTrigger>(X_CONFIG_NAME, 'click') nodeTrigger?: XCascadeNodeTrigger;\r\n  /**\r\n   * @zh_CN 子节点触发方式为 hover 时的延迟时间\r\n   * @en_US Sub node triggering method\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 200) nodeHoverDelay?: XNumber;\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 Node click event\r\n   */\r\n  @Output() nodeEmit = new EventEmitter<XCascadeNode>();\r\n}\r\n\r\n/**\r\n * Cascade Option\r\n * @undocument true\r\n */\r\nexport interface XCascadeOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  data?: XData<XCascadeNode>;\r\n  /**\r\n   * @zh_CN 展示方位\r\n   * @en_US Display position\r\n   */\r\n  placement?: XCorner;\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  nodeClick?: (node: XCascadeNode) => void;\r\n}\r\n\r\n/**\r\n * @zh_CN Cascade 数据对象\r\n * @en_US Cascade data object\r\n */\r\nexport interface XCascadeNode extends XParentIdentityProperty<XCascadeNode> {}\r\n\r\n/**\r\n * @zh_CN 子节点触发方式\r\n * @en_US Sub node triggering method\r\n */\r\nexport type XCascadeNodeTrigger = XTrigger;\r\n\r\n/**\r\n * Cascade-Portal\r\n * @selector x-cascade-portal\r\n * @decorator component\r\n */\r\nexport const XCascadePortalPrefix = 'x-cascade-portal';\r\n","import { XCascadePortalComponent } from './cascade-portal.component';\r\nimport { 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 { XCascadePrefix, XCascadeNode, XCascadeProperty } from './cascade.property';\r\nimport { XIsEmpty, XIsChange, XSetData, XGetChildren, XCorner, XClearClass } 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 { Overlay, OverlayConfig, FlexibleConnectedPositionStrategy, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: 'x-cascade',\r\n  templateUrl: './cascade.component.html',\r\n  styleUrls: ['./cascade.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XCascadeComponent)]\r\n})\r\nexport class XCascadeComponent extends XCascadeProperty implements OnInit, OnChanges {\r\n  @ViewChild('cascade', { static: true }) cascade!: ElementRef;\r\n  @ViewChild('inputCom', { static: true }) inputCom!: XInputComponent;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.setDisplayValue();\r\n    this.valueChange.next(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  override readonly: boolean = true;\r\n  clearable: boolean = false;\r\n  enter: boolean = false;\r\n  animating = false;\r\n  displayValue: any = '';\r\n  datas: XCascadeNode[] = [];\r\n  nodes: XCascadeNode[] = [];\r\n  portal!: XPortalOverlayRef<XCascadePortalComponent>;\r\n  icon: string = 'fto-chevron-down';\r\n  box!: DOMRect;\r\n  protalHeight!: number;\r\n  maxNodes: number = 6;\r\n  protalTobottom: boolean = true;\r\n  override valueTplContext: { $node: any; $nodes: any; $isValue: boolean } = { $node: null, $nodes: null, $isValue: true };\r\n  valueChange: Subject<any> = new Subject();\r\n  dataChange: Subject<any> = new Subject();\r\n  positionChange: Subject<any> = new Subject();\r\n  closeSubject: Subject<void> = new Subject();\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    private cdr: ChangeDetectorRef,\r\n    private portalService: XPortalService,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private overlay: Overlay\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XCascadePrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.cascade.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n    this.setSubject();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setPortal();\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  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    XSetData<XCascadeNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.datas = x;\r\n      this.nodes = x.filter((y) => XIsEmpty(y.pid)).map((y) => XGetChildren<XCascadeNode>(x, y, 0));\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  }\r\n\r\n  menter() {\r\n    if (this.disabled) return;\r\n    this.enter = true;\r\n    if (!XIsEmpty(this.value)) {\r\n      this.icon = '';\r\n      this.clearable = true;\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  mleave() {\r\n    if (this.disabled) return;\r\n    this.enter = false;\r\n    if (this.clearable) {\r\n      this.icon = 'fto-chevron-down';\r\n      this.clearable = false;\r\n      this.cdr.detectChanges();\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.valueTplContext.$nodes = null;\r\n    this.mleave();\r\n    this.valueChange.next(this.value);\r\n    if (this.onChange) this.onChange(this.value);\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 (this.disabled || this.animating) return;\r\n    this.active = true;\r\n    const config: OverlayConfig = {\r\n      backdropClass: '',\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: XCascadePortalComponent,\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 XCorner;\r\n      if (place !== this.placement) {\r\n        this.positionChange.next(place);\r\n        this.cdr.detectChanges();\r\n      }\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      datas: this.datas,\r\n      nodes: [this.nodes],\r\n      value: this.value,\r\n      placement: this.placement,\r\n      valueChange: this.valueChange,\r\n      positionChange: this.positionChange,\r\n      nodeTpl: this.nodeTpl,\r\n      nodeTrigger: this.nodeTrigger,\r\n      nodeHoverDelay: this.nodeHoverDelay,\r\n      inputCom: this.inputCom,\r\n      closePortal: () => this.closeSubject.next(),\r\n      destroyPortal: () => this.destroyPortal(),\r\n      nodeEmit: (node: { node: XCascadeNode; nodes: XCascadeNode[]; label: string }) => 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(selected: { node: XCascadeNode; nodes: XCascadeNode[]; label: string }) {\r\n    this.value = selected.node.id;\r\n    this.displayValue = selected.label;\r\n    this.valueTplContext.$node = selected;\r\n    this.valueTplContext.$nodes = selected.nodes;\r\n    this.closeSubject.next();\r\n    this.inputCom.inputFocus();\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.nodeEmit.emit(selected);\r\n  }\r\n\r\n  setDisplayValue() {\r\n    let node = this.datas.find((x) => x.id === this.value) as XCascadeNode;\r\n    if (typeof node === 'undefined') {\r\n      this.displayValue = '';\r\n      this.valueTplContext.$node = null;\r\n      this.valueTplContext.$nodes = null;\r\n      return;\r\n    } else {\r\n      let selecteds = [node];\r\n      while (!XIsEmpty(node.pid)) {\r\n        node = this.datas.find((x) => x.id === node.pid) as XCascadeNode;\r\n        selecteds = [node, ...selecteds];\r\n      }\r\n      this.displayValue = selecteds.map((x) => x.label).join(` / `);\r\n      this.valueTplContext.$node = node;\r\n      this.valueTplContext.$nodes = selecteds;\r\n    }\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 XCorner, 'bottom-start', 'bottom-end', 'top-start', 'top-end'],\r\n      transformOriginOn: 'x-cascade-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  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.setData();\r\n    this.setDisplayValue();\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #cascade class=\"x-cascade\">\r\n  <div class=\"x-cascade-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      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\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]=\"true\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (click)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\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 { XCascadeComponent } from './cascade.component';\r\nimport { XCascadePortalComponent } from './cascade-portal.component';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XListModule } from '@ng-nest/ui/list';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XCascadeProperty } from './cascade.property';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XCascadeComponent, XCascadePortalComponent, XCascadeProperty],\r\n  exports: [XCascadeComponent, XCascadePortalComponent],\r\n  imports: [CommonModule, FormsModule, XPortalModule, ReactiveFormsModule, XInputModule, XListModule, XBaseFormModule],\r\n  entryComponents: [XCascadePortalComponent]\r\n})\r\nexport class XCascadeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}